fix home page button icon, add button for settings

src/View/Components/homePageButton.tsx

@@ -1,9 +1,13 @@
 import * as React from "bloatless-react";
 
-export function HomePageButton(action: () => void, label: string) {
+export function HomePageButton(
+    action: () => void,
+    label: string,
+    icon: string,
+) {
     return (
         <button class="tile flex-no" on:click={action}>
-            <span class="icon">sync_alt</span>
+            <span class="icon">{icon}</span>
             <div>
                 <span>{label}</span>
             </div>

src/View/homePage.tsx

@@ -130,13 +130,20 @@ export function HomePage(
 
             <hr></hr>
 
+            {HomePageButton(
+                fileTransferViewModel.showDirectionSelectionModal,
+                translations.homePage.settingsButton,
+                "settings",
+            )}
             {HomePageButton(
                 fileTransferViewModel.showDirectionSelectionModal,
                 translations.homePage.transferDataButton,
+                "sync_alt",
             )}
             {HomePageButton(
                 storageViewModel.showStorageModal,
                 translations.homePage.manageStorageButton,
+                "hard_drive",
             )}
 
             <hr></hr>

src/View/translations.ts

@@ -60,8 +60,8 @@ const englishTranslations = {
 
         firstDayOfWeekLabel: "First day of week",
 
+        settingsButton: "Settings",
         manageStorageButton: "Manage storage",
-
         transferDataButton: "Data Transfer",
 
         scrollToChatButton: "Chats",
@@ -344,8 +344,8 @@ const allTranslations: { [language: string]: typeof englishTranslations } = {
 
             firstDayOfWeekLabel: "Erster Wochentag",
 
+            settingsButton: "Einstellungen",
             manageStorageButton: "Daten verwalten",
-
             transferDataButton: "Datenübertragung",
 
             scrollToChatButton: "Chats",
@@ -597,8 +597,8 @@ const allTranslations: { [language: string]: typeof englishTranslations } = {
 
             firstDayOfWeekLabel: "Primer día de la semana",
 
+            settingsButton: "Ajustes",
             manageStorageButton: "Gestionar almacenamiento",
-
             transferDataButton: "Transferencia de datos",
 
             scrollToChatButton: "Chats",