TDvorak/Trackeep
1
0
Fork 0
mirror of https://github.com/Dvorinka/Trackeep.git synced 2026-06-04 20:42:59 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

first test

Browse Source
This commit is contained in:
Tomas Dvorak
2026-02-08 14:14:55 +01:00
parent 18aa702174
commit d27cf14110
372 changed files with 98089 additions and 2585 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/ui/Button.tsx
+26 -10
View File
@@ -1,27 +1,34 @@
import { cva, type VariantProps } from 'class-variance-authority'
import { splitProps } from 'solid-js'
import { splitProps, Show } from 'solid-js'
import { cn } from '@/lib/utils'
import { IconLoader2 } from '@tabler/icons-solidjs'
const buttonVariants = cva(
'inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',
'inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-papra focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',
{
variants: {
variant: {
default: 'bg-primary text-primary-foreground hover:bg-primary/90',
default: 'bg-primary text-primary-foreground hover:bg-primary/90 shadow-sm',
destructive:
'bg-destructive text-destructive-foreground hover:bg-destructive/90',
'bg-destructive text-destructive-foreground hover:bg-destructive/90 shadow-sm',
outline:
'border border-input bg-background hover:bg-accent hover:text-accent-foreground',
'border border-input bg-background hover:bg-accent/50 hover:text-accent-foreground shadow-sm',
secondary:
'bg-secondary text-secondary-foreground hover:bg-secondary/80',
ghost: 'hover:bg-accent hover:text-accent-foreground',
'bg-secondary text-secondary-foreground hover:bg-secondary/80 shadow-sm',
ghost: 'text-primary hover:bg-accent/50 hover:text-primary/80',
link: 'text-primary underline-offset-4 hover:underline',
papra: 'bg-primary text-primary-foreground hover:bg-primary/90 shadow-md hover:shadow-lg transition-all duration-200',
papraOutline: 'border border-border bg-card hover:bg-accent/50 hover:text-accent-foreground shadow-sm hover:shadow-md transition-all duration-200',
papraGhost: 'hover:bg-accent/50 hover:text-accent-foreground transition-all duration-200',
papraSecondary: 'bg-secondary text-secondary-foreground hover:bg-secondary/80 shadow-sm hover:shadow-md transition-all duration-200',
},
size: {
default: 'h-10 px-4 py-2',
sm: 'h-9 rounded-md px-3',
lg: 'h-11 rounded-md px-8',
icon: 'h-10 w-10',
iconSm: 'h-9 w-9',
iconLg: 'h-11 w-11',
},
},
defaultVariants: {
@@ -36,7 +43,8 @@ export interface ButtonProps
asChild?: boolean
class?: string
disabled?: boolean
onClick?: () => void
loading?: boolean
onClick?: (e: MouseEvent) => void
children: any
}
@@ -47,18 +55,26 @@ export function Button(props: ButtonProps) {
'class',
'asChild',
'disabled',
'loading',
'onClick',
'children',
])
const isDisabled = () => local.disabled || local.loading
return (
<button
class={cn(buttonVariants({ variant: local.variant, size: local.size }), local.class)}
disabled={local.disabled}
disabled={isDisabled()}
onClick={local.onClick}
{...others}
>
{local.children}
<Show when={local.loading}>
<IconLoader2 class="mr-2 h-4 w-4 animate-spin" />
</Show>
<Show when={!local.loading}>
{local.children}
</Show>
</button>
)
}