fix: format

mehdibha · Oct 26, 2024 · 75b8bb2 · 75b8bb2
1 parent c167c22
commit 75b8bb2
Show file tree

Hide file tree

Showing 5 changed files with 18 additions and 8 deletions.
diff --git a/www/src/app/layout.tsx b/www/src/app/layout.tsx
@@ -7,11 +7,11 @@ import { MobileNav } from "@/components/mobile-nav";
 import { Sidebar } from "@/components/sidebar";
 import { Badge } from "@/registry/ui/default/core/badge";
 import { cn } from "@/registry/ui/default/lib/cn";
+import { josefinSans } from "@/styles/fonts";
 import "@/styles/globals.css";
 import { siteConfig } from "@/config";
 import { Providers } from "./providers";
 import { source } from "./source";
-import { josefinSans } from "@/styles/fonts";
 
 const config = siteConfig.global;
 
@@ -55,7 +55,11 @@ export default function RootLayout({
   return (
     <html lang="en" suppressHydrationWarning>
       <body
-        className={cn("font-sans antialiased", GeistSans.variable, josefinSans.variable)}
+        className={cn(
+          "font-sans antialiased",
+          GeistSans.variable,
+          josefinSans.variable
+        )}
         suppressHydrationWarning
       >
         <Analytics />

diff --git a/www/src/app/themes/components/theme-customizer.tsx b/www/src/app/themes/components/theme-customizer.tsx
@@ -18,6 +18,7 @@ import {
   Input as UnstyledInput,
 } from "react-aria-components";
 import { googleFonts } from "@/lib/fonts";
+import { dotUIThemes } from "@/lib/themes";
 import { useThemes } from "@/hooks/use-themes";
 import { Alert } from "@/registry/ui/default/core/alert";
 import { Button } from "@/registry/ui/default/core/button";
@@ -38,7 +39,6 @@ import { CloneThemeDialog } from "./clone-theme";
 import { usePreview } from "./context";
 import { CopyThemeDialog } from "./copy-theme";
 import { DeleteThemeDialog } from "./delete-theme";
-import { dotUIThemes } from "@/lib/themes";
 
 export const ThemeCustomizer = (
   props: React.HTMLAttributes<HTMLDivElement>

diff --git a/www/src/app/themes/page.tsx b/www/src/app/themes/page.tsx
@@ -2,10 +2,10 @@ import React from "react";
 import type { Metadata } from "next";
 import { PlusIcon } from "lucide-react";
 import { Button } from "@/registry/ui/default/core/button";
-import { Preview } from "./components/preview";
 import { PreviewProvider } from "./components/context";
 import { CreateThemeDialog } from "./components/create-theme";
 import { ExploreThemesDialog } from "./components/explore-themes";
+import { Preview } from "./components/preview";
 import { ThemeCustomizer } from "./components/theme-customizer";
 
 export const metadata: Metadata = {

diff --git a/www/src/components/theme-switcher.tsx b/www/src/components/theme-switcher.tsx
@@ -30,9 +30,15 @@ export const ThemeSwitcher = ({ children }: { children?: React.ReactNode }) => {
       )}
       <Overlay placement="bottom right" type="popover">
         <ListBox>
-          <Item id="system" prefix={<MonitorIcon />}>System</Item>
-          <Item id="light" prefix={<SunIcon />}>Light</Item>
-          <Item id="dark" prefix={<MoonIcon />}>Dark</Item>
+          <Item id="system" prefix={<MonitorIcon />}>
+            System
+          </Item>
+          <Item id="light" prefix={<SunIcon />}>
+            Light
+          </Item>
+          <Item id="dark" prefix={<MoonIcon />}>
+            Dark
+          </Item>
         </ListBox>
       </Overlay>
     </SelectRoot>

diff --git a/www/src/hooks/use-themes.ts b/www/src/hooks/use-themes.ts
@@ -181,6 +181,6 @@ export const useThemes = () => {
     fonts,
     radius: currentTheme.radius,
     handleRadiusChange,
-    deleteTheme
+    deleteTheme,
   };
 };