fix: address toggle type errors

guildxyz · Jul 29, 2024 · e82fbc8 · e82fbc8
1 parent 913e436
commit e82fbc8
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 7 deletions.
diff --git a/src/app/explorer/_components/GuildSearchBar.tsx b/src/app/explorer/_components/GuildSearchBar.tsx
@@ -52,7 +52,7 @@ export const GuildSearchBar = () => {
         type="single"
         className="self-start sm:h-12 sm:rounded-r-xl sm:border sm:border-border-muted sm:border-l-0 sm:bg-card sm:px-4"
         size="sm"
-        variant="default"
+        variant="ghost"
         onValueChange={(value) => value && setOrder(value as Order)}
         value={order}
       >

diff --git a/src/app/explorer/_components/StickyBar.tsx b/src/app/explorer/_components/StickyBar.tsx
@@ -39,7 +39,7 @@ const Nav = () => {
       type="single"
       className="gap-2"
       size={isSearchStuck ? "sm" : "lg"}
-      variant={isNavStuck ? "default" : "mono"}
+      variant={isNavStuck ? "ghost" : "mono"}
       onValueChange={(value) => value && setActiveSection(value as ActiveSection)}
       value={activeSection}
     >

diff --git a/src/v2/components/ThemeToggle.tsx b/src/v2/components/ThemeToggle.tsx
@@ -27,12 +27,13 @@ export function ThemeToggle() {
         }
       }}
       aria-label="Toggle between themes"
+      variant="ghost"
     >
       <ToggleGroupItem
         value="light"
         aria-label="Toggle light mode"
         size="icon"
-        variant="primary"
+        variant="ghost"
         className="size-8"
       >
         <Sun weight="bold" />
@@ -41,7 +42,6 @@ export function ThemeToggle() {
         value="dark"
         aria-label="Toggle dark mode"
         size="icon"
-        variant="primary"
         className="size-8"
       >
         <Moon weight="bold" />
@@ -50,7 +50,6 @@ export function ThemeToggle() {
         value="system"
         aria-label="Toggle system default"
         size="icon"
-        variant="primary"
         className="size-8"
       >
         <Desktop weight="bold" />

diff --git a/src/v2/components/ui/ToggleGroup.tsx b/src/v2/components/ui/ToggleGroup.tsx
@@ -13,8 +13,8 @@ import {
 } from "react"
 
 const ToggleGroupContext = createContext<VariantProps<typeof toggleVariants>>({
-  size: "default",
-  variant: "default",
+  size: "md",
+  variant: "ghost",
 })
 
 const ToggleGroup = forwardRef<