feat(client): add content variant for button component

brunocroh · Feb 9, 2025 · 8f41676 · 8f41676
1 parent c97e161
commit 8f41676
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/apps/client/app/auth/sign-in.tsx b/apps/client/app/auth/sign-in.tsx
@@ -59,7 +59,7 @@ export default function Page() {
         <Button title="Sign In" onPress={onSignInPress} />
 
         <Link href="/auth/sign-up" asChild>
-          <Button title="Sign Up" />
+          <Button variant="secondary" title="Sign Up" />
         </Link>
       </View>
     </>

diff --git a/apps/client/components/ui/button.tsx b/apps/client/components/ui/button.tsx
@@ -28,7 +28,7 @@ const buttonVariants = cva('items-center justify-center rounded-md p-2', {
   },
 })
 
-const iconVariants = cva('', {
+const contentVariants = cva('', {
   variants: {
     variant: {
       primary: 'color-primary-foreground',
@@ -82,13 +82,13 @@ const Button = React.forwardRef<
           <Icon
             size={16}
             style={animatedStyle}
-            className={iconVariants({ variant })}
+            className={contentVariants({ variant })}
           />
         ) : (
           <></>
         )}
         {title ? (
-          <Text className="text-primary-foreground" selectable={false}>
+          <Text className={contentVariants({ variant })} selectable={false}>
             {title}
           </Text>
         ) : (