import { FC, useMemo } from 'react' import type { Website } from '@app/types' import { _ONBOARDED } from '@app/lib/cookies/names' import { WebsiteList } from '@app/components/general/website-list' import { useWebsiteContext } from '@app/components/providers/website' import { LoadMoreButton } from '@app/components/general/buttons' import { companyName } from '@app/configs' import { useInteractiveContext } from '@app/components/providers/interactive' import Head from 'next/head' type DashboardWebsiteListProps = { sortModalVisible?: boolean queryModalVisible?: boolean } // display type const webPageStyle = ({ sortModalVisible, queryModalVisible, }: { sortModalVisible?: boolean queryModalVisible?: boolean }) => { if (sortModalVisible || queryModalVisible) { return 'hidden' } return 'visible py-2' } export const DashboardWebsiteList: FC = ({ sortModalVisible, queryModalVisible, }) => { const { setModal } = useInteractiveContext() const { data, error, loading, mutatationLoading, removeWebsite, refetch, crawlWebsite, lighthouseVisible, onLoadMoreWebsites, activeCrawls, } = useWebsiteContext() const lhEnabled = useMemo( () => data?.some((web: Website) => web?.pageInsights), [data] ) return ( <> {lhEnabled ? ( ) : null}

1} onLoadMoreEvent={onLoadMoreWebsites} />

) }