1ff70886a1
Co-authored-by: tobi <tobi.smethurst@protonmail.com> Reviewed-on: https://codeberg.org/superseriousbusiness/masto-fe-standalone/pulls/88 Co-authored-by: Zoë Bijl <moiety@noreply.codeberg.org> Co-committed-by: Zoë Bijl <moiety@noreply.codeberg.org>
37 lines
814 B
JavaScript
37 lines
814 B
JavaScript
import PropTypes from "prop-types";
|
|
import React from "react";
|
|
|
|
import { useAppSelector } from "flavours/glitch/store";
|
|
|
|
const ThemeComponent = ({ children }) => {
|
|
const theme = useAppSelector(
|
|
(state) => state.getIn(["local_settings", "theme"]) ?? "mastodon-light",
|
|
);
|
|
|
|
let href;
|
|
switch (true) {
|
|
case theme === "mastodon":
|
|
href = "";
|
|
break;
|
|
case theme === "mastodon-light":
|
|
href = "/packs/css/skins/glitch/mastodon-light/common.css";
|
|
break;
|
|
case theme === "contrast":
|
|
href = "/packs/css/skins/glitch/contrast/common.css";
|
|
break;
|
|
}
|
|
|
|
return (
|
|
<>
|
|
{href !== "" ? <link rel='stylesheet' media='all' href={href} /> : null}
|
|
{children}
|
|
</>
|
|
);
|
|
};
|
|
|
|
ThemeComponent.propTypes = {
|
|
children: PropTypes.node,
|
|
};
|
|
|
|
export { ThemeComponent };
|