feat(patient-worklist, patient-history): add icons for buttons in worklist operation panel and history operation panel

src/pages/patient/components/ActionPanel.tsx

@@ -1,11 +1,11 @@
 import React from 'react';
 import { Button, Tooltip } from 'antd';
-import { DeleteOutlined } from '@ant-design/icons';
 import { useDispatch, useSelector } from 'react-redux';
 import { deleteWorkThunk } from '@/states/patient/worklist/slices/workSlice';
 import { switchToSendPanel } from '@/states/patient/worklist/slices/historyPanelSwitchSlice';
 import { FormattedMessage } from 'react-intl';
 import { AppDispatch, RootState } from '@/states/store';
+import Icon from '@/components/Icon';
 
 interface ActionButtonProps {
   icon: React.ReactNode;
@@ -40,7 +40,16 @@ const ActionPanel: React.FC = () => {
   return (
     <div className="flex flex-wrap gap-2 w-full">
       <ActionButton
-        icon={<DeleteOutlined />}
+        icon={
+          <Icon
+            module="module-patient"
+            name="Delete"
+            userId="base"
+            theme="default"
+            size="2x"
+            state="normal"
+          />
+        }
         tooltip={
           <FormattedMessage
             id="actionPanel.deleteTask"
@@ -50,7 +59,16 @@ const ActionPanel: React.FC = () => {
         onClick={handleDelete}
       />
       <ActionButton
-        icon={<DeleteOutlined />}
+        icon={
+          <Icon
+            module="module-patient"
+            name="EditPatient"
+            userId="base"
+            theme="default"
+            size="2x"
+            state="normal"
+          />
+        }
         tooltip={
           <FormattedMessage
             id="actionPanel.editPatient"
@@ -59,7 +77,16 @@ const ActionPanel: React.FC = () => {
         }
       />
       <ActionButton
-        icon={<DeleteOutlined />}
+        icon={
+          <Icon
+            module="module-patient"
+            name=" Protect"
+            userId="base"
+            theme="default"
+            size="2x"
+            state="normal"
+          />
+        }
         tooltip={
           <FormattedMessage
             id="actionPanel.lockTask"
@@ -68,7 +95,16 @@ const ActionPanel: React.FC = () => {
         }
       />
       <ActionButton
-        icon={<DeleteOutlined />}
+        icon={
+          <Icon
+            module="module-patient"
+            name=" RIS"
+            userId="base"
+            theme="default"
+            size="2x"
+            state="normal"
+          />
+        }
         tooltip={
           <FormattedMessage
             id="actionPanel.risSync"
@@ -77,7 +113,16 @@ const ActionPanel: React.FC = () => {
         }
       />
       <ActionButton
-        icon={<DeleteOutlined />}
+        icon={
+          <Icon
+            module="module-patient"
+            name="ReRegister"
+            userId="base"
+            theme="default"
+            size="2x"
+            state="normal"
+          />
+        }
         tooltip={
           <FormattedMessage
             id="actionPanel.reRegister"
@@ -86,7 +131,16 @@ const ActionPanel: React.FC = () => {
         }
       />
       <ActionButton
-        icon={<DeleteOutlined />}
+        icon={
+          <Icon
+            module="module-patient"
+            name="btn_SaveLocally"
+            userId="base"
+            theme="default"
+            size="2x"
+            state="normal"
+          />
+        }
         tooltip={
           <FormattedMessage
             id="actionPanel.saveLocal"
@@ -95,7 +149,16 @@ const ActionPanel: React.FC = () => {
         }
       />
       <ActionButton
-        icon={<DeleteOutlined />}
+        icon={
+          <Icon
+            module="module-patient"
+            name="btn_Import"
+            userId="base"
+            theme="default"
+            size="2x"
+            state="normal"
+          />
+        }
         tooltip={
           <FormattedMessage
             id="actionPanel.importXLS"
@@ -104,7 +167,16 @@ const ActionPanel: React.FC = () => {
         }
       />
       <ActionButton
-        icon={<DeleteOutlined />}
+        icon={
+          <Icon
+            module="module-patient"
+            name="Sort"
+            userId="base"
+            theme="default"
+            size="2x"
+            state="normal"
+          />
+        }
         tooltip={
           <FormattedMessage
             id="actionPanel.sortList"
@@ -113,7 +185,16 @@ const ActionPanel: React.FC = () => {
         }
       />
       <ActionButton
-        icon={<DeleteOutlined />}
+        icon={
+          <Icon
+            module="module-patient"
+            name="CloudShare"
+            userId="base"
+            theme="default"
+            size="2x"
+            state="normal"
+          />
+        }
         tooltip={
           <FormattedMessage
             id="actionPanel.cloudShare"
@@ -122,7 +203,16 @@ const ActionPanel: React.FC = () => {
         }
       />
       <ActionButton
-        icon={<DeleteOutlined />}
+        icon={
+          <Icon
+            module="module-patient"
+            name="Swap"
+            userId="base"
+            theme="default"
+            size="2x"
+            state="normal"
+          />
+        }
         tooltip={
           <FormattedMessage
             id="actionPanel.imageExchange"
@@ -131,7 +221,16 @@ const ActionPanel: React.FC = () => {
         }
       />
       <ActionButton
-        icon={<DeleteOutlined />}
+        icon={
+          <Icon
+            module="module-patient"
+            name="QRCodePrint"
+            userId="base"
+            theme="default"
+            size="2x"
+            state="normal"
+          />
+        }
         tooltip={
           <FormattedMessage
             id="actionPanel.qrPrint"
@@ -140,7 +239,16 @@ const ActionPanel: React.FC = () => {
         }
       />
       <ActionButton
-        icon={<DeleteOutlined />}
+        icon={
+          <Icon
+            module="module-patient"
+            name="Send"
+            userId="base"
+            theme="default"
+            size="2x"
+            state="normal"
+          />
+        }
         tooltip={
           <FormattedMessage
             id="actionPanel.send"
@@ -150,7 +258,16 @@ const ActionPanel: React.FC = () => {
         onClick={handleSend}
       />
       <ActionButton
-        icon={<DeleteOutlined />}
+        icon={
+          <Icon
+            module="module-patient"
+            name="Export"
+            userId="base"
+            theme="default"
+            size="2x"
+            state="normal"
+          />
+        }
         tooltip={
           <FormattedMessage
             id="actionPanel.export"
@@ -159,7 +276,16 @@ const ActionPanel: React.FC = () => {
         }
       />
       <ActionButton
-        icon={<DeleteOutlined />}
+        icon={
+          <Icon
+            module="module-patient"
+            name="Import"
+            userId="base"
+            theme="default"
+            size="2x"
+            state="normal"
+          />
+        }
         tooltip={
           <FormattedMessage
             id="actionPanel.import"