mirror of
https://github.com/LemmyNet/lemmy-ui.git
synced 2024-11-02 02:29:59 +00:00
b27d982a7b
* Extracting user settings and profile page. - Auto-collapsing dropdown and navbar on link clicks. - Fixes #180 * Adding User and Community blocking. Fixes #295 - Added a new settings page. - Switched to myUserInfo. - Removing GetFollowedCommunities endpoint * Fixing blocks
43 lines
1.2 KiB
TypeScript
43 lines
1.2 KiB
TypeScript
import { Component } from "inferno";
|
|
import { Helmet } from "inferno-helmet";
|
|
import { MyUserInfo } from "lemmy-js-client";
|
|
|
|
interface Props {
|
|
myUserInfo: MyUserInfo | undefined;
|
|
}
|
|
|
|
export class Theme extends Component<Props> {
|
|
render() {
|
|
let user = this.props.myUserInfo;
|
|
let hasTheme = user && user.local_user_view.local_user.theme !== "browser";
|
|
|
|
return (
|
|
<Helmet>
|
|
{hasTheme ? (
|
|
<link
|
|
rel="stylesheet"
|
|
type="text/css"
|
|
href={`/static/assets/css/themes/${user.local_user_view.local_user.theme}.min.css`}
|
|
/>
|
|
) : (
|
|
[
|
|
<link
|
|
rel="stylesheet"
|
|
type="text/css"
|
|
href="/static/assets/css/themes/litely.min.css"
|
|
id="default-light"
|
|
media="(prefers-color-scheme: light)"
|
|
/>,
|
|
<link
|
|
rel="stylesheet"
|
|
type="text/css"
|
|
href="/static/assets/css/themes/darkly.min.css"
|
|
id="default-dark"
|
|
media="(prefers-color-scheme: no-preference), (prefers-color-scheme: dark)"
|
|
/>,
|
|
]
|
|
)}
|
|
</Helmet>
|
|
);
|
|
}
|
|
}
|