k4rli/medreport_mrb2b
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: fix lucide-react renders

Browse Source 
feat: fix mobile designs
feat: remove conflicting react-hook-form
feat: change update-account-form path
This commit is contained in:
Danel Kungla
2025-07-18 17:19:12 +03:00
parent 8c090f9d68
commit eec8a12db2
22 changed files with 198 additions and 156 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
components/package-header.tsx
View File

@@ -17,8 +17,8 @@ export const PackageHeader = ({
}) => {
return (
<div className="space-y-1 text-center">
<p className="font-medium">{title}</p>
<h2>
<p className="text-sm sm:text-lg sm:font-medium">{title}</p>
<h2 className="text-xl sm:text-4xl">
{formatCurrency({
currencyCode: 'eur',
locale: language,

87
components/select-analysis-packages.tsx
View File

@@ -1,6 +1,7 @@
'use client';
import Image from 'next/image';
import { useTranslation } from 'react-i18next';
import { Button } from '@kit/ui/button';
@@ -57,50 +58,52 @@ export default function SelectAnalysisPackages() {
} = useTranslation();
return (
<div className="grid grid-cols-3 gap-6">
{analysisPackages.length > 0 ? analysisPackages.map(
(
{ titleKey, price, nrOfAnalyses, tagColor, descriptionKey },
index,
) => {
return (
<Card key={index}>
<CardHeader className="relative">
<ButtonTooltip
content="Content pending"
className="absolute top-5 right-5 z-10"
/>
<Image
src="/assets/card-image.png"
alt="background"
width={326}
height={195}
className="max-h-48 w-full opacity-10"
/>
</CardHeader>
<CardContent className="space-y-1 text-center">
<PackageHeader
title={t(titleKey)}
tagColor={tagColor}
analysesNr={t('product:nrOfAnalyses', { nr: nrOfAnalyses })}
language={language}
price={price}
/>
<CardDescription>
<Trans i18nKey={descriptionKey} />
</CardDescription>
</CardContent>
<CardFooter>
<Button className="w-full">
<Trans i18nKey='order-analysis-package:selectThisPackage' />
</Button>
</CardFooter>
</Card>
);
},
<div className="mb-6 grid grid-cols-2 gap-6 sm:grid-cols-3">
{analysisPackages.length > 0 ? (
analysisPackages.map(
(
{ titleKey, price, nrOfAnalyses, tagColor, descriptionKey },
index,
) => {
return (
<Card key={index}>
<CardHeader className="relative">
<ButtonTooltip
content="Content pending"
className="absolute top-5 right-5 z-10"
/>
<Image
src="/assets/card-image.png"
alt="background"
width={326}
height={195}
className="max-h-48 w-full opacity-10"
/>
</CardHeader>
<CardContent className="space-y-1 text-center">
<PackageHeader
title={t(titleKey)}
tagColor={tagColor}
analysesNr={t('product:nrOfAnalyses', { nr: nrOfAnalyses })}
language={language}
price={price}
/>
<CardDescription>
<Trans i18nKey={descriptionKey} />
</CardDescription>
</CardContent>
<CardFooter>
<Button className="w-full text-[10px] sm:text-sm">
<Trans i18nKey="order-analysis-package:selectThisPackage" />
</Button>
</CardFooter>
</Card>
);
},
)
) : (
<h4>
<Trans i18nKey='order-analysis-package:noPackagesAvailable' />
<Trans i18nKey="order-analysis-package:noPackagesAvailable" />
</h4>
)}
</div>