fix home page button icon, add button for settings

This commit is contained in:
marlon-erler
2026-04-08 20:35:06 +00:00
parent ca674e16fa
commit b1030f2630
4 changed files with 27 additions and 9 deletions
+11 -4
View File
@@ -2737,6 +2737,7 @@
yourNamePlaceholder: "Jane Doe", yourNamePlaceholder: "Jane Doe",
setNameButtonAudioLabel: "set name", setNameButtonAudioLabel: "set name",
firstDayOfWeekLabel: "First day of week", firstDayOfWeekLabel: "First day of week",
settingsButton: "Settings",
manageStorageButton: "Manage storage", manageStorageButton: "Manage storage",
transferDataButton: "Data Transfer", transferDataButton: "Data Transfer",
scrollToChatButton: "Chats", scrollToChatButton: "Chats",
@@ -6017,8 +6018,8 @@
}; };
// src/View/Components/homePageButton.tsx // src/View/Components/homePageButton.tsx
function HomePageButton(action, label) { function HomePageButton(action, label, icon) {
return /* @__PURE__ */ createElement("button", { class: "tile flex-no", "on:click": action }, /* @__PURE__ */ createElement("span", { class: "icon" }, "sync_alt"), /* @__PURE__ */ createElement("div", null, /* @__PURE__ */ createElement("span", null, label))); return /* @__PURE__ */ createElement("button", { class: "tile flex-no", "on:click": action }, /* @__PURE__ */ createElement("span", { class: "icon" }, icon), /* @__PURE__ */ createElement("div", null, /* @__PURE__ */ createElement("span", null, label)));
} }
// src/View/homePage.tsx // src/View/homePage.tsx
@@ -6093,10 +6094,16 @@
) )
)), /* @__PURE__ */ createElement("span", { class: "icon" }, "arrow_drop_down"))), /* @__PURE__ */ createElement("hr", null), HomePageButton( )), /* @__PURE__ */ createElement("span", { class: "icon" }, "arrow_drop_down"))), /* @__PURE__ */ createElement("hr", null), HomePageButton(
fileTransferViewModel2.showDirectionSelectionModal, fileTransferViewModel2.showDirectionSelectionModal,
translations.homePage.transferDataButton translations.homePage.settingsButton,
"settings"
), HomePageButton(
fileTransferViewModel2.showDirectionSelectionModal,
translations.homePage.transferDataButton,
"sync_alt"
), HomePageButton( ), HomePageButton(
storageViewModel2.showStorageModal, storageViewModel2.showStorageModal,
translations.homePage.manageStorageButton translations.homePage.manageStorageButton,
"hard_drive"
), /* @__PURE__ */ createElement("hr", null), /* @__PURE__ */ createElement("b", { class: "secondary" }, coreVieWModel2.BUILD), /* @__PURE__ */ createElement("div", { class: "mobile-only" }, /* @__PURE__ */ createElement("hr", null), /* @__PURE__ */ createElement("div", { class: "flex-row justify-end" }, /* @__PURE__ */ createElement("button", { class: "ghost width-50", "on:click": scrollToChat }, translations.homePage.scrollToChatButton, /* @__PURE__ */ createElement("span", { class: "icon" }, "arrow_forward"))))); ), /* @__PURE__ */ createElement("hr", null), /* @__PURE__ */ createElement("b", { class: "secondary" }, coreVieWModel2.BUILD), /* @__PURE__ */ createElement("div", { class: "mobile-only" }, /* @__PURE__ */ createElement("hr", null), /* @__PURE__ */ createElement("div", { class: "flex-row justify-end" }, /* @__PURE__ */ createElement("button", { class: "ghost width-50", "on:click": scrollToChat }, translations.homePage.scrollToChatButton, /* @__PURE__ */ createElement("span", { class: "icon" }, "arrow_forward")))));
const chatSection = /* @__PURE__ */ createElement("div", { id: "chat-section" }, /* @__PURE__ */ createElement("h2", null, translations.homePage.chatsHeadline), /* @__PURE__ */ createElement("div", { class: "flex-row width-input" }, /* @__PURE__ */ createElement( const chatSection = /* @__PURE__ */ createElement("div", { id: "chat-section" }, /* @__PURE__ */ createElement("h2", null, translations.homePage.chatsHeadline), /* @__PURE__ */ createElement("div", { class: "flex-row width-input" }, /* @__PURE__ */ createElement(
"input", "input",
+6 -2
View File
@@ -1,9 +1,13 @@
import * as React from "bloatless-react"; import * as React from "bloatless-react";
export function HomePageButton(action: () => void, label: string) { export function HomePageButton(
action: () => void,
label: string,
icon: string,
) {
return ( return (
<button class="tile flex-no" on:click={action}> <button class="tile flex-no" on:click={action}>
<span class="icon">sync_alt</span> <span class="icon">{icon}</span>
<div> <div>
<span>{label}</span> <span>{label}</span>
</div> </div>
+7
View File
@@ -130,13 +130,20 @@ export function HomePage(
<hr></hr> <hr></hr>
{HomePageButton(
fileTransferViewModel.showDirectionSelectionModal,
translations.homePage.settingsButton,
"settings",
)}
{HomePageButton( {HomePageButton(
fileTransferViewModel.showDirectionSelectionModal, fileTransferViewModel.showDirectionSelectionModal,
translations.homePage.transferDataButton, translations.homePage.transferDataButton,
"sync_alt",
)} )}
{HomePageButton( {HomePageButton(
storageViewModel.showStorageModal, storageViewModel.showStorageModal,
translations.homePage.manageStorageButton, translations.homePage.manageStorageButton,
"hard_drive",
)} )}
<hr></hr> <hr></hr>
+3 -3
View File
@@ -60,8 +60,8 @@ const englishTranslations = {
firstDayOfWeekLabel: "First day of week", firstDayOfWeekLabel: "First day of week",
settingsButton: "Settings",
manageStorageButton: "Manage storage", manageStorageButton: "Manage storage",
transferDataButton: "Data Transfer", transferDataButton: "Data Transfer",
scrollToChatButton: "Chats", scrollToChatButton: "Chats",
@@ -344,8 +344,8 @@ const allTranslations: { [language: string]: typeof englishTranslations } = {
firstDayOfWeekLabel: "Erster Wochentag", firstDayOfWeekLabel: "Erster Wochentag",
settingsButton: "Einstellungen",
manageStorageButton: "Daten verwalten", manageStorageButton: "Daten verwalten",
transferDataButton: "Datenübertragung", transferDataButton: "Datenübertragung",
scrollToChatButton: "Chats", scrollToChatButton: "Chats",
@@ -597,8 +597,8 @@ const allTranslations: { [language: string]: typeof englishTranslations } = {
firstDayOfWeekLabel: "Primer día de la semana", firstDayOfWeekLabel: "Primer día de la semana",
settingsButton: "Ajustes",
manageStorageButton: "Gestionar almacenamiento", manageStorageButton: "Gestionar almacenamiento",
transferDataButton: "Transferencia de datos", transferDataButton: "Transferencia de datos",
scrollToChatButton: "Chats", scrollToChatButton: "Chats",