snapshot of https://github.com/RocketChat/Rocket.Chat.git (develop, 2026-09-16; blobs > 131072B omitted)

apps/meteor/client/views/admin/settings/SettingsPage.tsx

@@ -0,0 +1,55 @@
+import { Icon, SearchInput, CardGrid } from '@rocket.chat/fuselage';
+import { useDebouncedValue } from '@rocket.chat/fuselage-hooks';
+import { Page, PageHeader, PageScrollableContentWithShadow, PageBlockWithBorder } from '@rocket.chat/ui-client';
+import type { TranslationKey } from '@rocket.chat/ui-contexts';
+import type { ChangeEvent } from 'react';
+import { useCallback, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+
+import SettingsGroupCard from './SettingsGroupCard';
+import { useSettingsGroups } from './hooks/useSettingsGroups';
+import GenericNoResults from '../../../components/GenericNoResults';
+
+const SettingsPage = () => {
+	const { t } = useTranslation();
+	const [filter, setFilter] = useState('');
+	const handleChange = useCallback((e: ChangeEvent<HTMLInputElement>) => setFilter(e.currentTarget.value), []);
+
+	const groups = useSettingsGroups(useDebouncedValue(filter, 400));
+
+	return (
+		<Page background='tint'>
+			<PageHeader title={t('Settings')} borderBlockEndColor='' />
+			<PageBlockWithBorder>
+				<SearchInput value={filter} placeholder={t('Search')} onChange={handleChange} endAddon={<Icon name='magnifier' size='x20' />} />
+			</PageBlockWithBorder>
+
+			<PageScrollableContentWithShadow padding={0} marginInline={24} marginBlockEnd={16}>
+				<CardGrid
+					breakpoints={{
+						xs: 4,
+						sm: 4,
+						md: 4,
+						lg: 6,
+						xl: 4,
+						padding: 8,
+					}}
+				>
+					{!!groups.length &&
+						groups.map((group) => (
+							<SettingsGroupCard
+								key={group._id}
+								id={group._id}
+								title={group.i18nLabel as TranslationKey}
+								description={group.i18nDescription as TranslationKey}
+							/>
+						))}
+				</CardGrid>
+
+				{!groups.length && <GenericNoResults />}
+			</PageScrollableContentWithShadow>
+		</Page>
+	);
+};
+
+export default SettingsPage;