import { isAuthPath, setIsoData } from "@utils/app";
+import { dataBsTheme } from "@utils/browser";
import { Component, RefObject, createRef, linkEvent } from "inferno";
import { Provider } from "inferno-i18next-dess";
import { Route, Switch } from "inferno-router";
import { IsoDataOptionalSite } from "../../interfaces";
import { routes } from "../../routes";
-import { FirstLoadService, I18NextService } from "../../services";
+import { FirstLoadService, I18NextService, UserService } from "../../services";
import AuthGuard from "../common/auth-guard";
import ErrorGuard from "../common/error-guard";
import { ErrorPage } from "./error-page";
event.preventDefault();
this.mainContentRef.current?.focus();
}
+
+ user = UserService.Instance.myUserInfo;
+
+ componentDidMount() {
+ this.setState({ bsTheme: dataBsTheme(this.user) });
+ }
+
render() {
const siteRes = this.isoData.site_res;
const siteView = siteRes?.site_view;
return (
<>
<Provider i18next={I18NextService.i18n}>
- <div id="app" className="lemmy-site">
+ <div
+ id="app"
+ className="lemmy-site"
+ data-bs-theme={this.state?.bsTheme}
+ >
<button
type="button"
- tabIndex="0"
- className="btn btn-text skip-link bg-light position-absolute start-0 z-3"
+ className="btn skip-link bg-light position-absolute start-0 z-3"
onClick={linkEvent(this, this.handleJumpToContent)}
>
{I18NextService.i18n.t("jump_to_content", "Jump to content")}
return (
<ErrorGuard>
- <main tabIndex={-1} ref={this.mainContentRef}>
+ <div tabIndex={-1}>
{RouteComponent &&
(isAuthPath(path ?? "") ? (
<AuthGuard>
) : (
<RouteComponent {...routeProps} />
))}
- </main>
+ </div>
</ErrorGuard>
);
}}