1 import { isAuthPath, setIsoData } from "@utils/app";
2 import { dataBsTheme } from "@utils/browser";
3 import { Component, RefObject, createRef, linkEvent } from "inferno";
4 import { Provider } from "inferno-i18next-dess";
5 import { Route, Switch } from "inferno-router";
6 import { MyUserInfo } from "lemmy-js-client";
7 import { IsoDataOptionalSite } from "../../interfaces";
8 import { routes } from "../../routes";
9 import { FirstLoadService, I18NextService, UserService } from "../../services";
10 import AuthGuard from "../common/auth-guard";
11 import ErrorGuard from "../common/error-guard";
12 import { ErrorPage } from "./error-page";
13 import { Footer } from "./footer";
14 import { Navbar } from "./navbar";
15 import "./styles.scss";
16 import { Theme } from "./theme";
22 export class App extends Component<AppProps, any> {
23 private isoData: IsoDataOptionalSite = setIsoData(this.context);
24 private readonly mainContentRef: RefObject<HTMLElement>;
25 constructor(props: AppProps, context: any) {
26 super(props, context);
27 this.mainContentRef = createRef();
30 handleJumpToContent(event) {
31 event.preventDefault();
32 this.mainContentRef.current?.focus();
35 user = UserService.Instance.myUserInfo;
38 const siteRes = this.isoData.site_res;
39 const siteView = siteRes?.site_view;
43 <Provider i18next={I18NextService.i18n}>
46 className="lemmy-site"
47 data-bs-theme={dataBsTheme(this.props.user)}
51 className="btn skip-link bg-light position-absolute start-0 z-3"
52 onClick={linkEvent(this, this.handleJumpToContent)}
54 {I18NextService.i18n.t("jump_to_content", "Jump to content")}
57 <Theme defaultTheme={siteView.local_site.default_theme} />
59 <Navbar siteRes={siteRes} />
60 <div className="mt-4 p-0 fl-1">
63 ({ path, component: RouteComponent, fetchInitialData }) => (
68 component={routeProps => {
69 if (!fetchInitialData) {
70 FirstLoadService.falsify();
77 (isAuthPath(path ?? "") ? (
79 <RouteComponent {...routeProps} />
82 <RouteComponent {...routeProps} />
91 <Route component={ErrorPage} />
94 <Footer site={siteRes} />