gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-11-06 22:48:58 +01:00
Code Issues Actions 12 Packages Projects Releases Wiki Activity

Revert "fix(website): missing suspense"

Browse Source 
This reverts commit dbfa94a9ee45a7fef43cd97c90df35f85d7bad34.
This commit is contained in:
Elian Doran 2025-10-27 16:45:52 +02:00
parent dbfa94a9ee
commit d5ce01a65b
No known key found for this signature in database
3 changed files with 19 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
apps/website/src/components/Header.tsx
View File

@ -11,7 +11,6 @@ import menuIcon from "../assets/boxicons/bx-menu.svg?raw";
import { LocaleContext } from ".."; import { LocaleContext } from "..";
import { useTranslation } from "react-i18next"; import { useTranslation } from "react-i18next";
import { swapLocaleInUrl } from "../i18n"; import { swapLocaleInUrl } from "../i18n";
import { Suspense } from "preact/compat";
interface HeaderLink { interface HeaderLink {
url: string; url: string;
@ -79,9 +78,7 @@ export function Header(props: {repoStargazersCount: number}) {
/> />
</div> </div>
<Suspense fallback={<div class="loading-screen">Loading...</div>}> <DownloadButton />
<DownloadButton />
</Suspense>
</div> </div>
</header> </header>

37
apps/website/src/index.tsx
View File

@ -13,33 +13,30 @@ import { default as i18next, changeLanguage } from 'i18next';
import { extractLocaleFromUrl, LOCALES, mapLocale } from './i18n'; import { extractLocaleFromUrl, LOCALES, mapLocale } from './i18n';
import HttpApi from 'i18next-http-backend'; import HttpApi from 'i18next-http-backend';
import { initReactI18next } from "react-i18next"; import { initReactI18next } from "react-i18next";
import { Suspense } from 'preact/compat';
export const LocaleContext = createContext('en'); export const LocaleContext = createContext('en');
export function App(props: {repoStargazersCount: number}) { export function App(props: {repoStargazersCount: number}) {
return ( return (
<LocationProvider> <LocationProvider>
<LocaleProvider> <LocaleProvider>
<Suspense fallback={<div class="loading-screen">Loading...</div>}> <Header repoStargazersCount={props.repoStargazersCount} />
<Header repoStargazersCount={props.repoStargazersCount} /> <main>
<main> <Router>
<Router> <Route path="/" component={Home} />
<Route path="/" component={Home} /> <Route path="/get-started" component={GetStarted} />
<Route path="/get-started" component={GetStarted} /> <Route path="/support-us" component={SupportUs} />
<Route path="/support-us" component={SupportUs} />
<Route path="/:locale:/" component={Home} /> <Route path="/:locale:/" component={Home} />
<Route path="/:locale:/get-started" component={GetStarted} /> <Route path="/:locale:/get-started" component={GetStarted} />
<Route path="/:locale:/support-us" component={SupportUs} /> <Route path="/:locale:/support-us" component={SupportUs} />
<Route default component={NotFound} /> <Route default component={NotFound} />
</Router> </Router>
</main> </main>
<Footer /> <Footer />
</Suspense> </LocaleProvider>
</LocaleProvider> </LocationProvider>
</LocationProvider>
); );
} }

5
apps/website/src/pages/Home/index.tsx
View File

@ -33,7 +33,6 @@ import presentationIcon from "../../assets/boxicons/bx-slideshow.svg?raw";
import { getPlatform } from '../../download-helper.js'; import { getPlatform } from '../../download-helper.js';
import { useEffect, useState } from 'preact/hooks'; import { useEffect, useState } from 'preact/hooks';
import { Trans, useTranslation } from 'react-i18next'; import { Trans, useTranslation } from 'react-i18next';
import { Suspense } from 'preact/compat';
export function Home() { export function Home() {
usePageTitle(""); usePageTitle("");
@ -80,9 +79,7 @@ function HeroSection() {
<p>{t("hero_section.subtitle")}</p> <p>{t("hero_section.subtitle")}</p>
<div className="download-wrapper"> <div className="download-wrapper">
<Suspense fallback={<div class="loading-screen">Loading...</div>}> <DownloadButton big />
<DownloadButton big />
</Suspense>
<Button href="./get-started/" className="mobile-only" text={t("hero_section.get_started")} /> <Button href="./get-started/" className="mobile-only" text={t("hero_section.get_started")} />
<div className="additional-options"> <div className="additional-options">
<Button iconSvg={gitHubIcon} outline text={t("hero_section.github")} href="https://github.com/TriliumNext/Trilium/" openExternally /> <Button iconSvg={gitHubIcon} outline text={t("hero_section.github")} href="https://github.com/TriliumNext/Trilium/" openExternally />