diff options
Diffstat (limited to 'web/source/settings/components/check-list.jsx')
| -rw-r--r-- | web/source/settings/components/check-list.jsx | 89 |
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 |
