Const DashboardGeneralCardContent
DashboardGeneralCardContent: FC<{}> = observer(() => {const {optionStore,cookieStore: { groups }} = useStores();const {tcf,bannerActive,blockerActive,busySettings,cookieCounts,isOnlyRcbCookieCreated,tcfVendorConfigurationCounts} = optionStore;const useBlockerActive = bannerActive && blockerActive;return (<Spin spinning={groups.busy || busySettings}><div><Badgestatus={bannerActive ? "success" : "error"}text={_i(bannerActive? __("Cookie Banner is {{strong}}activated{{/strong}}"): __("Cookie Banner is {{strong}}deactivated{{/strong}}"),{ strong: <strong /> })}/><p className="description">{_i(__("You can enable and disable the cookie banner in the {{a}}settings page{{/a}}."), {a: <a href={HREF_SETTINGS} />})}</p></div><div><Badgestatus={useBlockerActive ? "success" : "error"}text={_i(useBlockerActive? __("Content Blocker is {{strong}}activated{{/strong}}"): __("Content Blocker is {{strong}}deactivated{{/strong}}"),{ strong: <strong /> })}/><p className="description">{_i(__("You can enable and disable the content blocker in the {{a}}settings page{{/a}}."), {a: <a href={HREF_SETTINGS} />})}</p></div><p>{__("Available service groups:")}{" "}{groups.sortedGroups.map(({ data: { name, id } }) => (<Tag key={id}>{name}</Tag>))}• <a href={HREF_COOKIES}>{__("Manage")}</a></p><p>{_i(__("You have defined {{strong}}%d enabled{{/strong}}, %d disabled and %d draft services.",isOnlyRcbCookieCreated ? 0 : cookieCounts.publish,isOnlyRcbCookieCreated ? 0 : cookieCounts.draft,isOnlyRcbCookieCreated ? 0 : cookieCounts.private),{ strong: <strong /> })} • <a href={HREF_COOKIES}>{__("Manage")}</a></p>{tcf && tcfVendorConfigurationCounts && (<p>{_i(__("You have defined {{strong}}%d enabled{{/strong}}, %d disabled and %d draft TCF vendors.",tcfVendorConfigurationCounts.publish,tcfVendorConfigurationCounts.draft,tcfVendorConfigurationCounts.private),{ strong: <strong /> })} • <a href={HREF_TCF_VENDORS}>{__("Manage")}</a></p>)}</Spin>);})