prepare settings modal

src/View/Modals/settingsModal.tsx

@@ -0,0 +1,20 @@
+import * as React from "bloatless-react";
+
+import { FileBrowser } from "../Components/fileBrowser";
+import StorageViewModel from "../../ViewModel/Global/storageViewModel";
+import { translations } from "../translations";
+import SettingsViewModel from "../../ViewModel/Global/settingsViewModel";
+
+export function SettingsModal(settingsViewModel: SettingsViewModel) {
+    return (
+        <div class="modal" toggle:open={settingsViewModel.isShowingSettingsModal}>
+            <div style="max-width: 64rem">
+                <main class="padding-0"></main>
+                <button on:click={settingsViewModel.hideSettingsModal}>
+                    {translations.general.closeButton}
+                    <span class="icon">close</span>
+                </button>
+            </div>
+        </div>
+    );
+}

src/View/homePage.tsx

@@ -131,7 +131,7 @@ export function HomePage(
             <hr></hr>
 
             {HomePageButton(
-                fileTransferViewModel.showDirectionSelectionModal,
+                settingsViewModel.showSettingsModal,
                 translations.homePage.settingsButton,
                 "settings",
             )}