Dockery/Trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2026-05-13 00:45:44 +02:00
Code Issues Packages Projects Releases Activity

chore(standalone/setup): set up navigation

Browse Source
This commit is contained in:
Elian Doran
2026-03-25 21:10:10 +02:00
parent 2afd9b474c
commit b27fa2a555
2 changed files with 5 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
apps/client/src/setup.css
View File

@@ -247,8 +247,7 @@ body.setup {
text-align: center;
color: var(--muted-text-color);
opacity: 0.6;
margin-top: 2rem;
margin-bottom: 1rem;
margin-block: 1rem;
}
.illustration-logo {

8
apps/client/src/setup.tsx
View File

@@ -35,7 +35,7 @@ const STATE_ORDER: State[] = ["selectLanguage", "firstOptions", "createNewDocume
function renderState(state: State, setState: (state: State) => void) {
switch (state) {
case "selectLanguage": return <SelectLanguage />;
case "selectLanguage": return <SelectLanguage setState={setState} />;
case "firstOptions": return <SetupOptions setState={setState} />;
case "createNewDocumentOptions": return <CreateNewDocumentOptions setState={setState} />;
case "createNewDocumentWithDemo": return <CreateNewDocumentInProgress withDemo />;
@@ -84,18 +84,17 @@ function App() {
);
}
function SelectLanguage() {
function SelectLanguage({ setState }: { setState: (state: State) => void }) {
const [ currentLocale, setCurrentLocale ] = useState("en");
const filteredLocales = useMemo(() => LOCALES.filter(l => !l.contentOnly), []);
const { t, i18n } = useTranslation();
console.log("Rendering with ", currentLocale, t("setup.language"));
return (
<SetupPage
title={t("setup.language")}
className="select-language"
illustration={<Icon icon="bx bx-globe" className="illustration-icon" />}
footer={<Button text={t("setup.continue")} kind="primary" />}
footer={<Button text={t("setup.continue")} kind="primary" onClick={() => setState("firstOptions")} />}
>
<FormList onSelect={async (id) => {
await i18n.changeLanguage(id);
@@ -115,6 +114,7 @@ function SetupOptions({ setState }: { setState: (state: State) => void }) {
title={t("setup.heading")}
className="setup-options-container"
illustration={<img src={logo} alt="Setup illustration" className="illustration-logo" />}
onBack={() => setState("selectLanguage")}
>
<div class="setup-options centered">
<SetupOptionCard