Const BlockerList
BlockerList: FC<{}> = observer(() => {const { addLink, editLink } = useRouteBlocker();const { cookieStore } = useStores();const { blockers, cookiesCount, blockersCount } = cookieStore;const { busy, entries } = blockers;const { link: routeCookieGroupLink } = useRouteCookieGroup();useEffect(() => {cookieStore.fetchBlockers();// Also fetch cookie groups as they are related to blockerscookieStore.fetchGroups();}, []);const ListContentBlockerContext = ListContentBlockerContextFactory.Context();return (<ListContentBlockerContext.Providervalue={{__,busy,serviceCount: cookiesCount,contentBlockerCount: blockersCount,rows: Array.from(entries.values()).map((item) => {const { key: id, busy, data, rules, services, tcfVendors, presetModel } = item;const {title: { raw: name },content: { raw: description },status,meta: { criteria, presetId, isVisual }} = data;return {busy,attributes: {id,criteria,description,name,isVisual,rules,services,status: status as ListContentBlockerRowAttributes["status"],tcfVendors},avatarUrl: presetModel?.fullLogoUrl,isCreatedFromTemplate: !!presetId};}),onDelete: (id) =>entries.get(id).delete({force: true}),onEdit: (id) => {window.location.href = editLink(entries.get(id));},onCreate: () => {window.location.href = cookiesCount > 0 ? addLink : routeCookieGroupLink;}}}><ListContentBlocker /></ListContentBlockerContext.Provider>);})