MED-137: add doctor other jobs view (#55)

* add doctor jobs view * change translation * another translation change * clean up * add analaysis detail view to paths config * translation * merge fix * fix path * move components to shared * refactor * imports * clean up
2025-08-25 11:12:57 +03:00
parent ee86bb8829
commit 195af1db3d
156 changed files with 2823 additions and 364 deletions
--- a/packages/shared/src/components/select-analysis-package.tsx
+++ b/packages/shared/src/components/select-analysis-package.tsx
@@ -0,0 +1,114 @@
+'use client';
+
+import { useState } from 'react';
+
+import Image from 'next/image';
+import { useRouter } from 'next/navigation';
+
+import { StoreProduct, StoreProductVariant } from '@medusajs/types';
+import { Button } from '@medusajs/ui';
+import { useTranslation } from 'react-i18next';
+
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+} from '@kit/ui/card';
+import { Trans } from '@kit/ui/trans';
+
+import { handleAddToCart } from '../../../../lib/services/medusaCart.service';
+import { getAnalysisElementMedusaProductIds } from '../../../../utils/medusa-product';
+import { PackageHeader } from './package-header';
+import { ButtonTooltip } from './ui/button-tooltip';
+
+export interface IAnalysisPackage {
+  titleKey: string;
+  price: number;
+  tagColor: string;
+  descriptionKey: string;
+}
+
+export default function SelectAnalysisPackage({
+  analysisPackage,
+  countryCode,
+}: {
+  analysisPackage: StoreProduct;
+  countryCode: string;
+}) {
+  const router = useRouter();
+  const {
+    t,
+    i18n: { language },
+  } = useTranslation();
+
+  const [isAddingToCart, setIsAddingToCart] = useState(false);
+  const handleSelect = async (selectedVariant: StoreProductVariant) => {
+    if (!selectedVariant?.id) return null;
+
+    setIsAddingToCart(true);
+    await handleAddToCart({
+      selectedVariant,
+      countryCode,
+    });
+    setIsAddingToCart(false);
+    router.push('/home/cart');
+  };
+
+  const titleKey = analysisPackage.title;
+  const analysisElementMedusaProductIds = getAnalysisElementMedusaProductIds([
+    analysisPackage,
+  ]);
+  const nrOfAnalyses = analysisElementMedusaProductIds.length;
+  const description = analysisPackage.description ?? '';
+  const subtitle = analysisPackage.subtitle ?? '';
+  const variant = analysisPackage.variants?.[0];
+
+  if (!variant) {
+    return null;
+  }
+
+  const price = variant.calculated_price?.calculated_amount ?? 0;
+
+  return (
+    <Card key={titleKey}>
+      <CardHeader className="relative">
+        {description && (
+          <ButtonTooltip
+            content={description}
+            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="bg-cyan"
+          analysesNr={t('product:nrOfAnalyses', { nr: nrOfAnalyses })}
+          language={language}
+          price={price}
+        />
+        <CardDescription>{subtitle}</CardDescription>
+      </CardContent>
+      <CardFooter>
+        <Button
+          className="w-full text-[10px] sm:text-sm"
+          onClick={() => handleSelect(variant)}
+          isLoading={isAddingToCart}
+        >
+          {!isAddingToCart && (
+            <Trans i18nKey="order-analysis-package:selectThisPackage" />
+          )}
+        </Button>
+      </CardFooter>
+    </Card>
+  );
+}