Add 'Update Details' Button in Community Nurse Log Update Details Page

src/components/LogUpdate/CriticalCarePreview.tsx

@@ -1,3 +1,4 @@
+import { Link } from "raviger";
 import React, { useEffect } from "react";
 import { useTranslation } from "react-i18next";
 
@@ -22,6 +23,8 @@ import {
   rangeValueDescription,
 } from "@/Utils/utils";
 
+import { Button } from "../ui/button";
+
 type Props = {
   facilityId: string;
   patientId: string;
@@ -49,14 +52,28 @@ export default function CriticalCarePreview(props: Props) {
 
   return (
     <div className="w-full transition-all duration-200 ease-in-out md:mx-auto md:max-w-5xl md:pt-8">
-      <div className="py-4">
+      <div className="py-4 flex items-center justify-between max-md:flex-col max-md:items-start">
         <ButtonV2
           id="back-to-consultation"
           variant="secondary"
           href={`/facility/${props.facilityId}/patient/${props.patientId}/consultation/${props.consultationId}`}
         >
           {t("back_to_consultation")}
         </ButtonV2>
+        <Button
+          asChild
+          id="update-log"
+          variant={"primary"}
+          data-testid="update-log-button"
+          aria-label={t("update_log")}
+        >
+          <Link
+            className="mt-2"
+            href={`/facility/${props.facilityId}/patient/${props.patientId}/consultation/${props.consultationId}/log_updates/${props.id}/update`}
+          >
+            {t("update_log")}
+          </Link>
+        </Button>
       </div>
 
       <Card className="md:rounded-xl lg:p-8">

src/components/ui/button.tsx

@@ -11,6 +11,8 @@ const buttonVariants = cva(
       variant: {
         default:
           "bg-gray-900 text-gray-50 shadow hover:bg-gray-900/90 dark:bg-gray-50 dark:text-gray-900 dark:hover:bg-gray-50/90",
+        primary:
+          "bg-primary-700 text-white shadow hover:bg-primary-700/90 dark:bg-primary-100 dark:text-primary-900 dark:hover:bg-primary-100/90",
         destructive:
           "bg-red-500 text-gray-50 shadow-sm hover:bg-red-500/90 dark:bg-red-900 dark:text-gray-50 dark:hover:bg-red-900/90",
         outline: