diff --git a/app/home/(user)/(dashboard)/page.tsx b/app/home/(user)/(dashboard)/page.tsx index 2f8b287..14d8bff 100644 --- a/app/home/(user)/(dashboard)/page.tsx +++ b/app/home/(user)/(dashboard)/page.tsx @@ -8,6 +8,7 @@ import { toTitleCase } from '@/lib/utils'; import Dashboard from '../_components/dashboard'; import { loadCurrentUserAccount } from '../_lib/server/load-user-account'; +import DashboardCards from '../_components/dashboard-cards'; export const generateMetadata = async () => { const i18n = await createI18nServerInstance(); @@ -26,6 +27,7 @@ async function UserHomePage() { return ( <> + diff --git a/app/home/(user)/_components/dashboard-cards.tsx b/app/home/(user)/_components/dashboard-cards.tsx new file mode 100644 index 0000000..a24e465 --- /dev/null +++ b/app/home/(user)/_components/dashboard-cards.tsx @@ -0,0 +1,45 @@ +import { Trans } from '@kit/ui/trans'; +import { + Card, + CardHeader, + CardDescription, + CardFooter, +} from '@kit/ui/card'; + +import Link from 'next/link'; +import { Button } from '@kit/ui/button'; +import { ChevronRight, HeartPulse } from 'lucide-react'; + +export default function DashboardCards() { + return ( + + + + + + + + + + + + + + + + + + + + + + + + + ); +} diff --git a/app/home/(user)/_components/order-analyses-cards.tsx b/app/home/(user)/_components/order-analyses-cards.tsx index 9a9d8d8..ea58399 100644 --- a/app/home/(user)/_components/order-analyses-cards.tsx +++ b/app/home/(user)/_components/order-analyses-cards.tsx @@ -7,11 +7,13 @@ import { Card, CardHeader, CardFooter, + CardDescription, } from '@kit/ui/card'; import { StoreProduct, StoreProductVariant } from '@medusajs/types'; import { useState } from 'react'; import { handleAddToCart } from '~/lib/services/medusaCart.service'; import { useRouter } from 'next/navigation'; +import { InfoTooltip } from '~/components/ui/info-tooltip'; export default function OrderAnalysesCards({ analyses, @@ -21,7 +23,7 @@ export default function OrderAnalysesCards({ countryCode: string; }) { const router = useRouter(); - + const [isAddingToCart, setIsAddingToCart] = useState(false); const handleSelect = async (selectedVariant: StoreProductVariant) => { if (!selectedVariant?.id || isAddingToCart) return null @@ -44,15 +46,22 @@ export default function OrderAnalysesCards({ {analyses.map(({ title, - variants + variants, + description, + subtitle, }) => ( - - + + + + + - - - {title} + {description && ( + <> + {' '} + + > + )} + {subtitle && ( + + {subtitle} + + )} ))} diff --git a/public/locales/en/dashboard.json b/public/locales/en/dashboard.json index 3893ce4..8563680 100644 --- a/public/locales/en/dashboard.json +++ b/public/locales/en/dashboard.json @@ -12,5 +12,11 @@ "cholesterol": "Cholesterol", "ldlCholesterol": "LDL Cholesterol", "smoking": "Smoking", - "recommendedForYou": "Recommended for you" + "recommendedForYou": "Recommended for you", + "heroCard": { + "orderAnalysis": { + "title": "Order analysis", + "description": "Select an analysis to get started" + } + } } \ No newline at end of file diff --git a/public/locales/et/dashboard.json b/public/locales/et/dashboard.json index 69df7e4..810c148 100644 --- a/public/locales/et/dashboard.json +++ b/public/locales/et/dashboard.json @@ -12,5 +12,11 @@ "cholesterol": "Kolesterool", "ldlCholesterol": "LDL kolesterool", "smoking": "Suitsetamine", - "recommendedForYou": "Soovitused sulle" + "recommendedForYou": "Soovitused sulle", + "heroCard": { + "orderAnalysis": { + "title": "Telli analüüs", + "description": "Telli endale sobiv analüüs" + } + } } \ No newline at end of file