src/App.svelte

@@ -5,11 +5,16 @@
     DropdownItem,
     DropdownHeader,
     DropdownDivider,
+    Button,
+    Checkbox,
   } from "flowbite-svelte";
+  import Progressbar from "./lib/Progressbar.svelte";
   import {
     ArrowRightFromBracketSolid,
     ArrowRightToBracketSolid,
+    UserPlusSolid,
     UserSettingsSolid,
+    UserSolid,
   } from "flowbite-svelte-icons";
   import ezppLogo from "../public/favicon.png";
   import { currentPage, currentUser } from "./storage/localStore";
@@ -40,9 +45,9 @@
 <div class="p-2 flex flex-row justify-between items-center">
   <div class="flex flex-row items-center">
     <img src={ezppLogo} alt="EZPPFarm Logo" class="w-12 h-12 mr-2" />
-    <span class="text-gray-700 dark:text-gray-100 text-xl font-extralight">
+    <span class="text-gray-700 dark:text-gray-100 text-xl font-extralight"
-      EZPPLauncher
+      >EZPPLauncher</span
-    </span>
+    >
   </div>
   {#if $currentPage == Page.Launch}
     <div class="flex flex-row gap-2 w-fill cursor-pointer md:order-2">
@@ -63,6 +68,14 @@
           {loggedIn ? user?.email : "Please log in!"}
         </span>
       </DropdownHeader>
+      {#if loggedIn}
+        <!-- <DropdownItem
+          class="flex flex-row gap-2 border-0 dark:!bg-gray-700 dark:active:!bg-gray-900 dark:hover:!bg-gray-800 transition-colors"
+        >
+          <UserSolid class="select-none outline-none border-none" />
+          Profile
+        </DropdownItem> -->
+      {/if}
       <DropdownItem
         class="flex flex-row gap-2 border-0 dark:!bg-gray-700 dark:active:!bg-gray-900 dark:hover:!bg-gray-800 transition-colors"
         on:click={() => currentPage.set(Page.Settings)}
@@ -91,6 +104,12 @@
           />
           Login
         </DropdownItem>
+        <!-- <DropdownItem
+          class="flex flex-row gap-2 border-0 dark:!bg-gray-700 dark:active:!bg-gray-900 dark:hover:!bg-gray-800 transition-colors"
+        >
+          <UserPlusSolid class="select-none outline-none border-none" />
+          Register
+        </DropdownItem> -->
       {/if}
     </Dropdown>
   {/if}

src/pages/Settings.svelte

@@ -12,11 +12,7 @@
     class="container flex flex-col items-center justify-center gap-5 rounded-lg p-3"
   >
     <ButtonGroup class="w-full">
-      <Input
+      <Input type="text" placeholder="Path to your osu! installation" />
-        type="text"
-        placeholder="Path to your osu! installation"
-        readonly
-      />
       <Button color="light" class="dark:active:!bg-gray-900"
         ><FolderSolid
           size="sm"