fix home page button icon, add button for settings
This commit is contained in:
Vendored
+11
-4
@@ -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",
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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",
|
||||||
|
|||||||
Reference in New Issue
Block a user