Const TcfVendorConfigurationList
TcfVendorConfigurationList: FC<{}> = observer(() => {const [fetched, setFetched] = useState(false);const { addLink } = useRouteTcfVendorConfiguration();const { tcfStore } = useStores();const { vendorConfigurations, vendorConfigurationCount } = tcfStore;const { busy, entries } = vendorConfigurations;useEffect(() => {if (vendorConfigurationCount > 0 && !fetched) {tcfStore.fetchVendorConfigurations();setFetched(true);}}, [vendorConfigurationCount, fetched]);return vendorConfigurationCount ? (<><div className="wp-clearfix"><a href={addLink} className="button button-primary right" style={{ marginBottom: 10 }}>{__("Add TCF vendor")}</a></div>{busy ? (<TcfVendorsLoadingSkeleton count={vendorConfigurationCount} />) : (<div><List>{Array.from(entries.values()).sort((a, b) => {if (!a.hasVendor || !b.hasVendor) {return 1;}const x = a.vendorModel.data.name;const y = b.vendorModel.data.name;return x < y ? -1 : x > y ? 1 : 0;}).map((item) => (<TcfVendorConfigurationItem item={item} key={item.key} />))}</List></div>)}</>) : (<TcfVendorConfigurationNoData />);})