cswimr/revite
1
0
Fork 0
mirror of https://github.com/revoltchat/revite.git synced 2024-12-25 07:02:10 -05:00
Code Issues Projects Releases Packages Wiki Activity

Make theme shop hidden an experiment

Browse source
This commit is contained in:
brecert 2021-09-07 05:27:51 -04:00
parent d7f08449cb
commit 068540d366
No known key found for this signature in database
GPG key ID: 1B2E56B9EC985B96
4 changed files with 27 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/pages/settings/Settings.tsx
View file

@ -50,6 +50,7 @@ import { Profile } from "./panes/Profile";
import { Sessions } from "./panes/Sessions";
import { Sync } from "./panes/Sync";
import { ThemeShop } from "./panes/ThemeShop";
import { isExperimentEnabled } from "../../redux/reducers/experiments";
export default function Settings() {
const history = useHistory();
@ -125,12 +126,14 @@ export default function Settings() {
title: <Text id="app.settings.pages.experiments.title" />,
},
{
divider: !isExperimentEnabled('theme_shop'),
category: "revolt",
id: "bots",
icon: <Bot size={20} />,
title: <Text id="app.settings.pages.bots.title" />,
},
{
hidden: !isExperimentEnabled('theme_shop'),
divider: true,
id: "theme_shop",
icon: <Store size={20} />,
@ -176,9 +179,9 @@ export default function Settings() {
<Route path="/settings/bots">
<MyBots />
</Route>
<Route path="/settings/theme_shop">
{isExperimentEnabled('theme_shop') && <Route path="/settings/theme_shop">
<ThemeShop />
</Route>
</Route>}
<Route path="/settings/feedback">
<Feedback />
</Route>

5
src/pages/settings/panes/Appearance.tsx
View file

@ -47,6 +47,7 @@ import notoSVG from "../assets/noto_emoji.svg";
import openmojiSVG from "../assets/openmoji_emoji.svg";
import twemojiSVG from "../assets/twemoji_emoji.svg";
import { Link } from "react-router-dom";
import { isExperimentEnabled } from "../../../redux/reducers/experiments";
interface Props {
settings: Settings;
@ -137,11 +138,11 @@ export function Component(props: Props) {
</div>
</div>
<Link to="/settings/theme_shop">
{isExperimentEnabled('theme_shop') && <Link to="/settings/theme_shop">
<CategoryButton icon={<Store size={24} />} action="chevron" hover>
<Text id="app.settings.pages.theme_shop.title" />
</CategoryButton>
</Link>
</Link>}
<h3>
<Text id="app.settings.pages.appearance.accent_selector" />

3
src/pages/settings/panes/Experiments.tsx
View file

@ -7,6 +7,7 @@ import {
AVAILABLE_EXPERIMENTS,
ExperimentOptions,
EXPERIMENTS,
isExperimentEnabled,
} from "../../../redux/reducers/experiments";
import Checkbox from "../../../components/ui/Checkbox";
@ -24,7 +25,7 @@ export function Component(props: Props) {
{AVAILABLE_EXPERIMENTS.map((key) => (
<Checkbox
key={key}
checked={(props.options?.enabled ?? []).indexOf(key) > -1}
checked={isExperimentEnabled(key, props.options)}
onChange={(enabled) =>
dispatch({
type: enabled

19
src/redux/reducers/experiments.ts
View file

@ -1,5 +1,9 @@
export type Experiments = "search";
export const AVAILABLE_EXPERIMENTS: Experiments[] = [];
import { getState } from "..";
export type Experiments = "search" | "theme_shop";
export const AVAILABLE_EXPERIMENTS: Experiments[] = ["theme_shop"];
export const EXPERIMENTS: {
[key in Experiments]: { title: string; description: string };
} = {
@ -7,6 +11,10 @@ export const EXPERIMENTS: {
title: "Search",
description: "Allows you to search for messages in channels.",
},
theme_shop: {
title: "Theme Shop",
description: "Allows you to access and set user submitted themes.",
},
};
export interface ExperimentOptions {
@ -50,3 +58,10 @@ export function experiments(
return state;
}
}
export function isExperimentEnabled(
name: Experiments,
experiments: ExperimentOptions = getState().experiments,
) {
return experiments.enabled?.includes(name) ?? false;
}