chore: wip

matt-user · matt-user · commit e0d0c978da57 · 2024-02-07T19:22:25.000-06:00
diff --git a/packages/app-explorer/src/app/global-error.tsx b/packages/app-explorer/src/app/global-error.tsx
@@ -1,21 +1,21 @@
-"use client";
-import "@fuels/ui/styles.css";
-import "./error.css";
-import "./globals.css";
+'use client';
+import '@fuels/ui/styles.css';
+import './error.css';
+import './globals.css';
 
-import Cookies from "js-cookie";
-import type { Metadata } from "next";
-import { ErrorPageComponent } from "~/systems/Core/components/ErrorPage/ErrorPage";
-import { Provider } from "~/systems/Core/components/Provider";
-import { cx } from "~/systems/Core/utils/cx";
+import Cookies from 'js-cookie';
+import type { Metadata } from 'next';
+import { ErrorPageComponent } from '~/systems/Core/components/ErrorPage/ErrorPage';
+import { Provider } from '~/systems/Core/components/Provider';
+import { cx } from '~/systems/Core/utils/cx';
 
 export const metadata: Metadata = {
-  title: "Fuel Explorer",
-  description: "Explorer of the Fastest execution layer",
+  title: 'Fuel Explorer',
+  description: 'Explorer of the Fastest execution layer',
 };
 
 export default function Page() {
-  const value = Cookies.get("fuel-theme") ?? "dark";
+  const value = Cookies.get('fuel-theme') ?? 'dark';
   return (
     <html
       suppressHydrationWarning
diff --git a/packages/app-explorer/src/app/layout.tsx b/packages/app-explorer/src/app/layout.tsx
@@ -1,28 +1,28 @@
-import "@fuels/ui/styles.css";
-import "./globals.css";
+import '@fuels/ui/styles.css';
+import './globals.css';
 
-import { GeistMono } from "geist/font/mono";
-import { GeistSans } from "geist/font/sans";
-import type { Metadata } from "next";
-import { cookies } from "next/headers";
-import { Layout } from "~/systems/Core/components/Layout/Layout";
-import { Provider } from "~/systems/Core/components/Provider";
-import { cx } from "~/systems/Core/utils/cx";
-import Script from "next/script";
+import { GeistMono } from 'geist/font/mono';
+import { GeistSans } from 'geist/font/sans';
+import type { Metadata } from 'next';
+import { cookies } from 'next/headers';
+import Script from 'next/script';
+import { Layout } from '~/systems/Core/components/Layout/Layout';
+import { Provider } from '~/systems/Core/components/Provider';
+import { cx } from '~/systems/Core/utils/cx';
 
 export const metadata: Metadata = {
-  title: "Fuel Explorer",
-  description: "Explorer of the Fastest execution layer",
+  title: 'Fuel Explorer',
+  description: 'Explorer of the Fastest execution layer',
 };
 
 export default function RootLayout({
   children,
 }: {
   children: React.ReactNode;
 }) {
-  const { value: theme } = cookies().get("fuel-theme") ?? { value: "dark" };
+  const { value: theme } = cookies().get('fuel-theme') ?? { value: 'dark' };
   //const theme = "dark"; // Initial default theme
-  console.log(`theme`, theme);
+  console.log('theme', theme);
   return (
     <html
       suppressHydrationWarning
diff --git a/packages/app-explorer/src/systems/Core/components/Provider/Provider.tsx b/packages/app-explorer/src/systems/Core/components/Provider/Provider.tsx
@@ -1,14 +1,14 @@
-"use client";
+'use client';
 
-import { Theme, Toaster } from "@fuels/ui";
-import { useEffect, useState } from "react";
+import { Theme, Toaster } from '@fuels/ui';
+import { useEffect, useState } from 'react';
 
 export function Provider({ children }: { children: React.ReactNode }) {
-  const [theme, setTheme] = useState<string>("dark");
+  const [theme, setTheme] = useState<string>('dark');
   useEffect(() => {
-    setTheme(localStorage.getItem("fuel-ui-theme") ?? "dark");
+    setTheme(localStorage.getItem('fuel-ui-theme') ?? 'dark');
   }, []);
-  console.log(`theme2`, theme);
+  console.log('theme2', theme);
   return (
     <Theme appearance={theme as any} hasBackground={false}>
       {children}
