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

apps/meteor/client/views/omnichannel/triggers/TriggersTable.tsx

@@ -0,0 +1,98 @@
+import { Pagination } from '@rocket.chat/fuselage';
+import { useStableCallback } from '@rocket.chat/fuselage-hooks';
+import {
+	GenericTable,
+	GenericTableHeader,
+	GenericTableBody,
+	GenericTableHeaderCell,
+	GenericTableLoadingRow,
+	usePagination,
+} from '@rocket.chat/ui-client';
+import { useTranslation, useEndpoint, useRouter } from '@rocket.chat/ui-contexts';
+import { useQuery, hashKey } from '@tanstack/react-query';
+import { useMemo, useState } from 'react';
+
+import TriggersRow from './TriggersRow';
+import GenericError from '../../../components/GenericError';
+import GenericNoResults from '../../../components/GenericNoResults';
+import { links } from '../../../lib/links';
+
+const TriggersTable = () => {
+	const t = useTranslation();
+	const router = useRouter();
+
+	const handleAddNew = useStableCallback(() => {
+		router.navigate('/omnichannel/triggers/new');
+	});
+
+	const { current, itemsPerPage, setItemsPerPage, setCurrent, ...paginationProps } = usePagination();
+
+	const query = useMemo(() => ({ offset: current, count: itemsPerPage }), [current, itemsPerPage]);
+
+	const getTriggers = useEndpoint('GET', '/v1/livechat/triggers');
+	const { data, refetch, isSuccess, isLoading, isError } = useQuery({
+		queryKey: ['livechat-triggers', query],
+		queryFn: async () => getTriggers(query),
+	});
+
+	const [defaultQuery] = useState(hashKey([query]));
+	const queryHasChanged = defaultQuery !== hashKey([query]);
+
+	const headers = (
+		<>
+			<GenericTableHeaderCell>{t('Name')}</GenericTableHeaderCell>
+			<GenericTableHeaderCell>{t('Description')}</GenericTableHeaderCell>
+			<GenericTableHeaderCell>{t('Enabled')}</GenericTableHeaderCell>
+			<GenericTableHeaderCell width='x60' />
+		</>
+	);
+
+	return (
+		<>
+			{isLoading && (
+				<GenericTable>
+					<GenericTableHeader>{headers}</GenericTableHeader>
+					<GenericTableBody>
+						<GenericTableLoadingRow cols={4} />
+					</GenericTableBody>
+				</GenericTable>
+			)}
+			{isSuccess && data.triggers.length === 0 && queryHasChanged && <GenericNoResults />}
+			{isSuccess && data.triggers.length === 0 && !queryHasChanged && (
+				<GenericNoResults
+					icon='smart'
+					title={t('No_triggers_yet')}
+					description={t('No_triggers_yet_description')}
+					buttonAction={handleAddNew}
+					buttonTitle={t('Create_trigger')}
+					linkHref={links.go.omnichannelDocs}
+					linkText={t('Learn_more_about_triggers')}
+				/>
+			)}
+			{isSuccess && data.triggers.length > 0 && (
+				<>
+					<GenericTable aria-label={t('Livechat_Triggers')}>
+						<GenericTableHeader>{headers}</GenericTableHeader>
+						<GenericTableBody>
+							{data.triggers.map(({ _id, name, description, enabled }) => (
+								<TriggersRow key={_id} _id={_id} name={name} description={description} enabled={enabled} reload={refetch} />
+							))}
+						</GenericTableBody>
+					</GenericTable>
+					<Pagination
+						divider
+						current={current}
+						itemsPerPage={itemsPerPage}
+						count={data?.total || 0}
+						onSetItemsPerPage={setItemsPerPage}
+						onSetCurrent={setCurrent}
+						{...paginationProps}
+					/>
+				</>
+			)}
+			{isError && <GenericError buttonAction={refetch} />}
+		</>
+	);
+};
+
+export default TriggersTable;