Creation logic (mnemonic validation missing)

KaffinPX · Oct 17, 2024 · c58a118 · c58a118
1 parent a6f04b4
commit c58a118
Show file tree

Hide file tree

Showing 12 changed files with 251 additions and 356 deletions.
diff --git a/_locales/en/messages.json b/_locales/en/messages.json
diff --git a/index.html b/index.html
@@ -1,22 +1,16 @@
 <!doctype html>
-<html lang="en">
+<html lang="en" data-theme="cupcake">
   <head>
     <meta charset="UTF-8" />
     <link rel="icon" type="image/png" href="/favicon.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Kaspian</title>
 
-    <!-- This css prevents white flash and scrollbar when reloading -->
     <style>
       html {
-        background-color: #000;
         min-width: 365px;
         min-height: 592px;
       }
-
-      body::-webkit-scrollbar {
-        display: none;
-      }
     </style>
   </head>
   <body>

diff --git a/src/App.tsx b/src/App.tsx
@@ -2,13 +2,16 @@ import { MemoryRouter, Route, Routes } from 'react-router-dom'
 import { SettingsProvider } from './contexts/Settings'
 import { KaspaProvider } from './contexts/Kaspa'
 import Landing from './pages/Landing'
+import Creation from './pages/Creation'
+
 function App () {
   return (
     <SettingsProvider>
       <KaspaProvider>
         <MemoryRouter>
           <Routes>
             <Route path="/" element={<Landing />} />
+            <Route path="/creation" element={<Creation />} />
           </Routes>
         </MemoryRouter>
       </KaspaProvider>

diff --git a/src/contexts/Settings.tsx b/src/contexts/Settings.tsx
@@ -53,7 +53,7 @@ export function SettingsProvider({ children }: {
     LocalStorage.set("settings", settings)
   }, [ settings ])
 
-  useEffect(() => {
+  useEffect(() => { // TODO: Migrate to daisyUI
     const root = window.document.documentElement
 
     root.classList.remove("light", "dark")
@@ -64,11 +64,11 @@ export function SettingsProvider({ children }: {
         ? "dark"
         : "light"
 
-      root.classList.add(systemTheme)
+      // root.classList.add(systemTheme)
       return
     }
 
-    root.classList.add(settings['theme'])
+    // root.classList.add(settings['theme'])
   }, [ settings['theme'] ])
 
   const load = useCallback(async () => {

diff --git a/src/main.tsx b/src/main.tsx
@@ -1,6 +1,8 @@
 import ReactDOM from 'react-dom/client'
 import App from './App'
 
+import './style.css'
+
 ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
   <App />
 )