Settings page

Author: yungcomputerchair

app/LauncherPage.tsx

@@ -12,7 +12,7 @@ export default function LauncherPage({
 }>) {
   return (
     <div className="launcher-page">
-      <div className="launcher-page-header border-bottom border-primary">
+      <div className="launcher-page-header">
         <NavBar title={title} buttons={buttons} />
       </div>
       <div className="launcher-page-content">

app/builds/page.tsx

@@ -0,0 +1,4 @@
+import { createContext } from "react";
+import { SettingsContext } from "./types";
+
+export const SettingsCtx = createContext<SettingsContext>({});

app/contexts.ts

@@ -30,7 +30,7 @@ html, body {
 
 .launcher-page-content {
     width: 100%;
-    overflow-y: scroll;
+    overflow-y: auto;
 }
 
 .loading-screen-component {

app/css/openfusion-layout.scss

@@ -58,8 +58,6 @@ export default function Home() {
 
   const [showAboutModal, setShowAboutModal] = useState(false);
 
-  const [showConfigPage, setShowConfigPage] = useState(false);
-
   const getSelectedServer = () => {
     if (selectedIdx >= 0 && selectedIdx < servers.length) {
       return servers[selectedIdx];
@@ -155,7 +153,6 @@ export default function Home() {
   const handleKeydown = (e: KeyboardEvent) => {
     if (e.key === "Escape") {
       setSelectedServer(undefined);
-      setShowConfigPage(false);
     }
 
     // Server selector controls
@@ -453,13 +450,6 @@ export default function Home() {
                 icon="angle-double-right"
                 text="Connect "
               />
-              <Button
-                onClick={() => window.location.href = "/builds"}
-                enabled={true}
-                variant="primary"
-                icon="database"
-                tooltip="Edit Game Builds"
-              />
             </Stack>
           </Col>
         </Row>
@@ -475,11 +465,11 @@ export default function Home() {
       </div>
       <div id="config-button-div">
         <Button
-          onClick={() => setShowConfigPage(true)}
+          onClick={() => window.location.href = "/settings"}
           enabled={true}
           variant="primary"
           icon="cog"
-          tooltip="Edit Configuration"
+          tooltip="Settings"
         />
       </div>
       <EditServerModal