summaryrefslogtreecommitdiff
path: root/web/source/settings/components/check-list.jsx
diff options
context:
space:
mode:
Diffstat (limited to 'web/source/settings/components/check-list.jsx')
-rw-r--r--web/source/settings/components/check-list.jsx89
1 files changed, 0 insertions, 89 deletions
diff --git a/web/source/settings/components/check-list.jsx b/web/source/settings/components/check-list.jsx
deleted file mode 100644
index de42a56a5..000000000
--- a/web/source/settings/components/check-list.jsx
+++ /dev/null
@@ -1,89 +0,0 @@
-/*
- GoToSocial
- Copyright (C) GoToSocial Authors admin@gotosocial.org
- SPDX-License-Identifier: AGPL-3.0-or-later
-
- This program is free software: you can redistribute it and/or modify
- it under the terms of the GNU Affero General Public License as published by
- the Free Software Foundation, either version 3 of the License, or
- (at your option) any later version.
-
- This program is distributed in the hope that it will be useful,
- but WITHOUT ANY WARRANTY; without even the implied warranty of
- MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- GNU Affero General Public License for more details.
-
- You should have received a copy of the GNU Affero General Public License
- along with this program. If not, see <http://www.gnu.org/licenses/>.
-*/
-
-const React = require("react");
-
-module.exports = function CheckList({ field, header = "All", EntryComponent, getExtraProps }) {
- return (
- <div className="checkbox-list list">
- <CheckListHeader toggleAll={field.toggleAll}> {header}</CheckListHeader>
- <CheckListEntries
- entries={field.value}
- updateValue={field.onChange}
- EntryComponent={EntryComponent}
- getExtraProps={getExtraProps}
- />
- </div>
- );
-};
-
-function CheckListHeader({ toggleAll, children }) {
- return (
- <label className="header entry">
- <input
- ref={toggleAll.ref}
- type="checkbox"
- onChange={toggleAll.onChange}
- /> {children}
- </label>
- );
-}
-
-const CheckListEntries = React.memo(
- function CheckListEntries({ entries, updateValue, EntryComponent, getExtraProps }) {
- const deferredEntries = React.useDeferredValue(entries);
-
- return Object.values(deferredEntries).map((entry) => (
- <CheckListEntry
- key={entry.key}
- entry={entry}
- updateValue={updateValue}
- EntryComponent={EntryComponent}
- getExtraProps={getExtraProps}
- />
- ));
- }
-);
-
-/*
- React.memo is a performance optimization that only re-renders a CheckListEntry
- when it's props actually change, instead of every time anything
- in the list (CheckListEntries) updates
-*/
-const CheckListEntry = React.memo(
- function CheckListEntry({ entry, updateValue, getExtraProps, EntryComponent }) {
- const onChange = React.useCallback(
- (value) => updateValue(entry.key, value),
- [updateValue, entry.key]
- );
-
- const extraProps = React.useMemo(() => getExtraProps?.(entry), [getExtraProps, entry]);
-
- return (
- <label className="entry">
- <input
- type="checkbox"
- onChange={(e) => onChange({ checked: e.target.checked })}
- checked={entry.checked}
- />
- <EntryComponent entry={entry} onChange={onChange} extraProps={extraProps} />
- </label>
- );
- }
-); \ No newline at end of file