Current File : /home/bravrvjk/dantho.rw/wp-content/plugins/extendify/src/Assist/pages//Dashboard.jsx
import { DesktopCards } from '@assist/components/dashboard/DesktopCards';
import { MobileCards } from '@assist/components/dashboard/MobileCards';
import { QuickLinks } from '@assist/components/dashboard/QuickLinks';
import { Recommendations } from '@assist/components/dashboard/Recommendations';
import { DomainBanner } from '@assist/components/dashboard/domains/DomainBanner';
import { SecondaryDomainBanner } from '@assist/components/dashboard/domains/SecondaryDomainBanner';
import { useTasks } from '@assist/hooks/useTasks';
import {
showDomainBanner,
showSecondaryDomainBanner,
} from '@assist/lib/domains';
import { Full } from '@assist/pages/layouts/Full';
import { useGlobalStore } from '@assist/state/globals';
import { useTasksStore } from '@assist/state/tasks';
export const Dashboard = () => {
const { tasks } = useTasks();
const { isDismissedBanner } = useGlobalStore();
const { isCompleted } = useTasksStore();
const totalCompleted = tasks.filter((task) => isCompleted(task.slug)).length;
return (
<Full>
{showDomainBanner && !isDismissedBanner('domain-banner') && (
<DomainBanner />
)}
{showSecondaryDomainBanner &&
!isDismissedBanner('secondary-domain-banner') && (
<SecondaryDomainBanner />
)}
<DesktopCards
className="hidden md:block"
tasks={tasks}
totalCompleted={totalCompleted}
/>
<MobileCards
className="md:hidden"
tasks={tasks}
totalCompleted={totalCompleted}
/>
<div className="mb-6 gap-4 md:grid">
<QuickLinks className="col-span-2" />
</div>
<Recommendations />
</Full>
);
};
