{t('dashboard.title')} | {t('common.title')}

import { Add, ImportExport } from '@mui/icons-material'; import type { NextPage } from 'next'; import dynamic from 'next/dynamic'; import Head from 'next/head'; import Link from 'next/link'; import { useTranslation } from 'next-i18next'; import { serverSideTranslations } from 'next-i18next/serverSideTranslations'; import { useQuery } from 'react-query'; import { RESUMES_QUERY } from '@/constants/index'; import i18nConfig from '@/i18n/index'; import { fetchResumes } from '@/services/resume'; import styles from '@/styles/pages/Dashboard.module.scss'; const ResumeCard = dynamic(() => import('@/components/dashboard/ResumeCard')); const ResumePreview = dynamic(() => import('@/components/dashboard/ResumePreview')); const Avatar = dynamic(() => import('@/components/shared/Avatar')); const Logo = dynamic(() => import('@/components/shared/Logo')); export async function getServerSideProps({ locale }) { return { props: { ...(await serverSideTranslations(locale, ['common', 'modals', 'dashboard'], i18nConfig)), }, }; } const Dashboard: NextPage = () => { const { t } = useTranslation(); const { data } = useQuery(RESUMES_QUERY, fetchResumes); if (!data) return null; return (

{data.map((resume) => ( ))}

); }; export default Dashboard;