swap window.onload for createEffect in RangeInput component

PygmalionAI · Feb 9, 2023 · 8c4b29e · 8c4b29e
1 parent 2a2fbc0
commit 8c4b29e
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 4 deletions.
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/App.tsx b/src/App.tsx
@@ -6,6 +6,7 @@ import NavBar from "./shared/NavBar";
 
 const ChatPage = lazy(() => import("./pages/Chat"));
 const CharacterSettings = lazy(() => import("./pages/CharacterSettings"));
+const GenerationSettings = lazy(() => import("./pages/GenerationSettings"));
 const Home = lazy(() => import("./pages/Home"));
 const Login = lazy(() => import("./pages/Login"));
 
@@ -17,6 +18,7 @@ const App: Component = () => (
         <Routes>
           <Route path="/chat" component={ChatPage} />
           <Route path="/character" component={CharacterSettings} />
+          <Route path="/generation-settings" component={GenerationSettings} />
           <Route path="/" component={Home} />
           <Route path="/account/login" component={Login} />
         </Routes>

diff --git a/src/shared/RangeInput.tsx b/src/shared/RangeInput.tsx
@@ -1,4 +1,4 @@
-import { Component, Show, createSignal } from "solid-js";
+import { Component, Show, createSignal, createEffect } from "solid-js";
 import type { JSX } from "solid-js";
 
 const RangeInput: Component<{
@@ -23,7 +23,7 @@ const RangeInput: Component<{
     updateRangeSliders();
   };  
 
-  window.onload = updateRangeSliders;
+  createEffect(updateRangeSliders);
 
   return (
     <div class="relative pt-1">