rsp2k/headplane
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

feat: add react-scan in dev

Browse source
This commit is contained in:
Aarnav Tale 2025-01-24 08:17:12 -05:00
parent 665509e710
commit 0f75636342
No known key found for this signature in database
8 changed files with 577 additions and 133 deletions
Download patch file Download diff file Expand all files Collapse all files

27
app/components/Button.tsx
View file

@ -1,12 +1,12 @@
import type { Dispatch, SetStateAction } from 'react';
import React, { useRef } from 'react';
import { useButton, type AriaButtonOptions } from 'react-aria';
import { type AriaButtonOptions, useButton } from 'react-aria';
import { cn } from '~/utils/cn';
export interface ButtonProps extends AriaButtonOptions<'button'> {
variant?: 'heavy' | 'light'
className?: string
children?: React.ReactNode
variant?: 'heavy' | 'light' | 'danger';
className?: string;
children?: React.ReactNode;
}
export default function Button({ variant = 'light', ...props }: ButtonProps) {
@ -23,17 +23,20 @@ export default function Button({ variant = 'light', ...props }: ButtonProps) {
props.isDisabled && 'opacity-60 cursor-not-allowed',
...(variant === 'heavy'
? [
'bg-headplane-900 dark:bg-headplane-50 font-semibold',
'hover:bg-headplane-900/90 dark:hover:bg-headplane-50/90',
'text-headplane-200 dark:text-headplane-800'
] : [
'bg-headplane-100 dark:bg-headplane-700/30 font-medium',
'hover:bg-headplane-200/90 dark:hover:bg-headplane-800/30',
]),
'bg-headplane-900 dark:bg-headplane-50 font-semibold',
'hover:bg-headplane-900/90 dark:hover:bg-headplane-50/90',
'text-headplane-200 dark:text-headplane-800',
]
: variant === 'danger'
? ['bg-red-500 text-white font-semibold', 'hover:bg-red-500/90']
: [
'bg-headplane-100 dark:bg-headplane-700/30 font-medium',
'hover:bg-headplane-200/90 dark:hover:bg-headplane-800/30',
]),
props.className,
)}
>
{props.children}
</button>
)
);
}