chore: stub settings page for #4

Alex4386 · Aug 22, 2023 · f730bed · f730bed
1 parent d0e7403
commit f730bed
Showing 1 changed file with 23 additions and 3 deletions.
diff --git a/src/pages/settings/SettingsPage.tsx b/src/pages/settings/SettingsPage.tsx
@@ -1,13 +1,33 @@
 import {
-    Focusable,
+    Dropdown,
+    Focusable, staticClasses,
   } from "decky-frontend-lib";
   import { VFC } from "react";
 
 
   const SettingsPage: VFC = () => {
     return (
-        <Focusable>
-            <p>This page is STUB!</p>
+        <Focusable style={{ display: 'flex', gap: '.5rem', flexDirection: 'column'}}>
+            <Focusable
+                style={{ display: 'flex', justifyContent: 'space-between', gap: '1rem' }}>
+                <div>
+                    <div className={staticClasses.Text}>Default Shell</div>
+                    <div className={staticClasses.Label}>Change the default shell of the terminal</div>
+                </div>
+                <div style={{ minWidth: '150px' }}>
+                    <Dropdown
+                        disabled={false}
+                        selectedOption={"/bin/bash"}
+                        onChange={(e) => {console.log(e.data)}}
+                        rgOptions={[{
+                            label: "/bin/bash",
+                            data: "/bin/bash"
+                        }, {
+                            label: "/bin/zsh",
+                            data: "/bin/zsh"
+                        }]} />
+                </div>
+            </Focusable>
         </Focusable>
     );
   };