From 031252ee29c37d785618185f77e82aa076617b24 Mon Sep 17 00:00:00 2001
From: mahendar <mahendarchikkolla@gmail.com>
Date: Sun, 5 Jan 2025 19:31:24 +0530
Subject: [PATCH] updated variants and links

---
 src/CAREUI/interactive/FiltersSlideover.tsx   |  8 +++++--
 src/components/Common/AvatarEditModal.tsx     | 23 +++++++++++--------
 .../PatientDetailsTab/patientUpdates.tsx      | 12 +++++-----
 3 files changed, 25 insertions(+), 18 deletions(-)

diff --git a/src/CAREUI/interactive/FiltersSlideover.tsx b/src/CAREUI/interactive/FiltersSlideover.tsx
index 1da49de082a..b3c11fcd035 100644
--- a/src/CAREUI/interactive/FiltersSlideover.tsx
+++ b/src/CAREUI/interactive/FiltersSlideover.tsx
@@ -33,11 +33,15 @@ export default function FiltersSlideover({
         <div className="flex items-center justify-between">
           <span className="text-lg font-bold">{t("filters")}</span>
           <div className="mr-2 flex items-center justify-end gap-1">
-            <Button variant="warning" onClick={onClear} id="clear-filter">
+            <Button variant="ghost" onClick={onClear} id="clear-filter">
               <CareIcon icon="l-filter-slash" className="text-lg" />
               <span>{t("clear")}</span>
             </Button>
-            <Button variant="alert" onClick={onApply} id="apply-filter">
+            <Button
+              variant="outline_primary"
+              onClick={onApply}
+              id="apply-filter"
+            >
               {t("apply")}
             </Button>
           </div>
diff --git a/src/components/Common/AvatarEditModal.tsx b/src/components/Common/AvatarEditModal.tsx
index dbfd595f0dd..7df75cc04a8 100644
--- a/src/components/Common/AvatarEditModal.tsx
+++ b/src/components/Common/AvatarEditModal.tsx
@@ -258,20 +258,23 @@ const AvatarEditModal = ({
                     id="upload-cover-image"
                     variant="primary"
                     type="button"
+                    asChild
                     onClick={() =>
                       document.getElementById("file-input")?.click()
                     }
                   >
-                    <CareIcon icon="l-cloud-upload" className="text-lg" />
-                    {t("upload_an_image")}
-                    <input
-                      id="file-input"
-                      title="changeFile"
-                      type="file"
-                      accept="image/*"
-                      className="hidden"
-                      onChange={onSelectFile}
-                    />
+                    <div className="cursor-pointer">
+                      <CareIcon icon="l-cloud-upload" className="text-lg" />
+                      {t("upload_an_image")}
+                      <input
+                        id="file-input"
+                        title="changeFile"
+                        type="file"
+                        accept="image/*"
+                        className="hidden"
+                        onChange={onSelectFile}
+                      />
+                    </div>
                   </Button>
                 </div>
                 <Button
diff --git a/src/components/Patient/PatientDetailsTab/patientUpdates.tsx b/src/components/Patient/PatientDetailsTab/patientUpdates.tsx
index 466b0ba8aba..b4a2447d841 100644
--- a/src/components/Patient/PatientDetailsTab/patientUpdates.tsx
+++ b/src/components/Patient/PatientDetailsTab/patientUpdates.tsx
@@ -21,14 +21,14 @@ export const Updates = (props: PatientProps) => {
     <div className="mt-4 px-3 md:px-0">
       <div className="flex justify-between items-center mb-4">
         <h2 className="text-2xl font-semibold leading-tight">{t("updates")}</h2>
-        <Link
-          href={`/facility/${facilityId}/patient/${patientId}/questionnaire`}
-        >
-          <Button variant="outline_primary">
+        <Button asChild variant="outline_primary">
+          <Link
+            href={`/facility/${facilityId}/patient/${patientId}/questionnaire`}
+          >
             <CareIcon icon="l-plus" className="mr-2" />
             {t("add_patient_updates")}
-          </Button>
-        </Link>
+          </Link>
+        </Button>
       </div>
 
       <PaginatedList