abner/for-legacy-web
1
0
Fork 1
mirror of https://github.com/stoatchat/for-legacy-web.git synced 2026-03-11 11:05:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: add column element

Browse Source
This commit is contained in:
Paul Makles
2022-05-30 16:15:52 +01:00
parent 99846ed276
commit 88609581f0
7 changed files with 140 additions and 122 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/pages/settings/panes/Experiments.tsx
View File

@@ -3,7 +3,7 @@ import { observer } from "mobx-react-lite";
import styles from "./Panes.module.scss";
import { Text } from "preact-i18n";
import { Checkbox } from "@revoltchat/ui";
import { Checkbox, Column } from "@revoltchat/ui";
import { useApplicationState } from "../../../mobx/State";
import {
@@ -19,15 +19,19 @@ export const ExperimentsPage = observer(() => {
<h3>
<Text id="app.settings.pages.experiments.features" />
</h3>
{AVAILABLE_EXPERIMENTS.map((key) => (
<Checkbox
key={key}
value={experiments.isEnabled(key)}
onChange={(enabled) => experiments.setEnabled(key, enabled)}
description={EXPERIMENTS[key].description}
title={EXPERIMENTS[key].title}
/>
))}
<Column>
{AVAILABLE_EXPERIMENTS.map((key) => (
<Checkbox
key={key}
value={experiments.isEnabled(key)}
onChange={(enabled) =>
experiments.setEnabled(key, enabled)
}
description={EXPERIMENTS[key].description}
title={EXPERIMENTS[key].title}
/>
))}
</Column>
{AVAILABLE_EXPERIMENTS.length === 0 && (
<div className={styles.empty}>
<Text id="app.settings.pages.experiments.not_available" />