From ffcaa79410ed35d418c5d271495e6289dc83af91 Mon Sep 17 00:00:00 2001
From: saridsa2 <s.satya.suman@globaluniversityfoundation.com>
Date: Wed, 18 Mar 2026 11:19:16 +0530
Subject: [PATCH] =?UTF-8?q?feat:=20add=20Patient=20360=20page,=20global=20?=
 =?UTF-8?q?search,=20appointment=20form=20=E2=80=94=20all=20using=20FontAw?=
 =?UTF-8?q?esome=20Pro=20duotone=20icons?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/call-desk/appointment-form.tsx |  6 ++-
 src/components/call-desk/call-widget.tsx      | 38 +++++++++++++------
 src/pages/patient-360.tsx                     | 10 ++++-
 3 files changed, 40 insertions(+), 14 deletions(-)

diff --git a/src/components/call-desk/appointment-form.tsx b/src/components/call-desk/appointment-form.tsx
index 9f77daf..44be401 100644
--- a/src/components/call-desk/appointment-form.tsx
+++ b/src/components/call-desk/appointment-form.tsx
@@ -1,5 +1,9 @@
 import { useState } from 'react';
-import { CalendarPlus02 } from '@untitledui/icons';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faCalendarPlus } from '@fortawesome/pro-duotone-svg-icons';
+import type { FC, HTMLAttributes } from 'react';
+
+const CalendarPlus02: FC<HTMLAttributes<HTMLOrSVGElement>> = ({ className }) => <FontAwesomeIcon icon={faCalendarPlus} className={className} />;
 import { SlideoutMenu } from '@/components/application/slideout-menus/slideout-menu';
 import { Input } from '@/components/base/input/input';
 import { Select } from '@/components/base/select/select';
diff --git a/src/components/call-desk/call-widget.tsx b/src/components/call-desk/call-widget.tsx
index 8b7cacc..e5ce7c9 100644
--- a/src/components/call-desk/call-widget.tsx
+++ b/src/components/call-desk/call-widget.tsx
@@ -1,17 +1,31 @@
 import { useState, useEffect, useRef } from 'react';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import {
-    Phone01,
-    PhoneIncoming01,
-    PhoneOutgoing01,
-    PhoneHangUp,
-    PhoneX,
-    MicrophoneOff01,
-    Microphone01,
-    PauseCircle,
-    CheckCircle,
-    Save01,
-    CalendarPlus02,
-} from '@untitledui/icons';
+    faPhone,
+    faPhoneArrowDown,
+    faPhoneArrowUp,
+    faPhoneHangup,
+    faPhoneXmark,
+    faMicrophoneSlash,
+    faMicrophone,
+    faPause,
+    faCircleCheck,
+    faFloppyDisk,
+    faCalendarPlus,
+} from '@fortawesome/pro-duotone-svg-icons';
+import type { FC, HTMLAttributes } from 'react';
+
+const Phone01: FC<HTMLAttributes<HTMLOrSVGElement>> = ({ className }) => <FontAwesomeIcon icon={faPhone} className={className} />;
+const PhoneIncoming01: FC<HTMLAttributes<HTMLOrSVGElement>> = ({ className }) => <FontAwesomeIcon icon={faPhoneArrowDown} className={className} />;
+const PhoneOutgoing01: FC<HTMLAttributes<HTMLOrSVGElement>> = ({ className }) => <FontAwesomeIcon icon={faPhoneArrowUp} className={className} />;
+const PhoneHangUp: FC<HTMLAttributes<HTMLOrSVGElement>> = ({ className }) => <FontAwesomeIcon icon={faPhoneHangup} className={className} />;
+const PhoneX: FC<HTMLAttributes<HTMLOrSVGElement>> = ({ className }) => <FontAwesomeIcon icon={faPhoneXmark} className={className} />;
+const MicrophoneOff01: FC<HTMLAttributes<HTMLOrSVGElement>> = ({ className }) => <FontAwesomeIcon icon={faMicrophoneSlash} className={className} />;
+const Microphone01: FC<HTMLAttributes<HTMLOrSVGElement>> = ({ className }) => <FontAwesomeIcon icon={faMicrophone} className={className} />;
+const PauseCircle: FC<HTMLAttributes<HTMLOrSVGElement>> = ({ className }) => <FontAwesomeIcon icon={faPause} className={className} />;
+const CheckCircle: FC<HTMLAttributes<HTMLOrSVGElement>> = ({ className }) => <FontAwesomeIcon icon={faCircleCheck} className={className} />;
+const Save01: FC<HTMLAttributes<HTMLOrSVGElement>> = ({ className }) => <FontAwesomeIcon icon={faFloppyDisk} className={className} />;
+const CalendarPlus02: FC<HTMLAttributes<HTMLOrSVGElement>> = ({ className }) => <FontAwesomeIcon icon={faCalendarPlus} className={className} />;
 import { Button } from '@/components/base/buttons/button';
 import { TextArea } from '@/components/base/textarea/textarea';
 import { AppointmentForm } from '@/components/call-desk/appointment-form';
diff --git a/src/pages/patient-360.tsx b/src/pages/patient-360.tsx
index 9b24772..ff965c2 100644
--- a/src/pages/patient-360.tsx
+++ b/src/pages/patient-360.tsx
@@ -1,6 +1,14 @@
 import { useMemo, useState } from 'react';
 import { useParams } from 'react-router';
-import { Phone01, Mail01, Calendar, MessageTextSquare01, Plus } from '@untitledui/icons';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faPhone, faEnvelope, faCalendar, faCommentDots, faPlus } from '@fortawesome/pro-duotone-svg-icons';
+import type { FC, HTMLAttributes } from 'react';
+
+const Phone01: FC<HTMLAttributes<HTMLOrSVGElement>> = ({ className }) => <FontAwesomeIcon icon={faPhone} className={className} />;
+const Mail01: FC<HTMLAttributes<HTMLOrSVGElement>> = ({ className }) => <FontAwesomeIcon icon={faEnvelope} className={className} />;
+const Calendar: FC<HTMLAttributes<HTMLOrSVGElement>> = ({ className }) => <FontAwesomeIcon icon={faCalendar} className={className} />;
+const MessageTextSquare01: FC<HTMLAttributes<HTMLOrSVGElement>> = ({ className }) => <FontAwesomeIcon icon={faCommentDots} className={className} />;
+const Plus: FC<HTMLAttributes<HTMLOrSVGElement>> = ({ className }) => <FontAwesomeIcon icon={faPlus} className={className} />;
 import { Tabs, TabList, Tab, TabPanel } from '@/components/application/tabs/tabs';
 import { TopBar } from '@/components/layout/top-bar';
 import { Avatar } from '@/components/base/avatar/avatar';