chore: clean up and add tailwind

tangle-network · Jun 22, 2023 · 3c61848 · 3c61848
1 parent 30d75ee
commit 3c61848
Show file tree

Hide file tree

Showing 8 changed files with 61 additions and 819 deletions.
diff --git a/apps/hubble-stats/components/index.ts b/apps/hubble-stats/components/index.ts
diff --git a/apps/hubble-stats/pages/_app.tsx b/apps/hubble-stats/pages/_app.tsx
@@ -1,17 +1,31 @@
+import { useEffect } from 'react';
 import { AppProps } from 'next/app';
 import Head from 'next/head';
-import './styles.css';
+import {
+  WebbUIProvider,
+  Footer,
+  useDarkMode,
+} from '@webb-tools/webb-ui-components';
+import '@webb-tools/webb-ui-components/tailwind.css';
 
 function CustomApp({ Component, pageProps }: AppProps) {
+  const [, setIsDarkMode] = useDarkMode();
+
+  useEffect(() => {
+    setIsDarkMode('light');
+  }, [setIsDarkMode]);
+
   return (
-    <>
+    <WebbUIProvider defaultThemeMode="light">
       <Head>
         <title>Welcome to hubble-stats!</title>
       </Head>
       <main className="app">
         <Component {...pageProps} />
       </main>
-    </>
+
+      <Footer isMinimal className="sticky bottom-0" />
+    </WebbUIProvider>
   );
 }
 

diff --git a/apps/hubble-stats/pages/index.module.css b/apps/hubble-stats/pages/index.module.css
diff --git a/apps/hubble-stats/pages/index.tsx b/apps/hubble-stats/pages/index.tsx