Skip to content

Commit 900552b

Browse files
committed
Thumbs down added along with adjustments in list of patients / summary for consistency
1 parent 4069fad commit 900552b

2 files changed

Lines changed: 28 additions & 19 deletions

File tree

frontend/src/pages/PatientManager/PatientHistory.tsx

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import {PatientInfo} from "./PatientTypes";
2-
import {FaUser, FaTrash, FaBug} from "react-icons/fa";
2+
import {FaUser, FaTrash, FaRegThumbsDown} from "react-icons/fa";
33
import {useState} from "react";
44
import FeedbackForm from "../Feedback/FeedbackForm"
55
import Modal from "../../components/Modal/Modal";
@@ -93,7 +93,7 @@ const PatientHistory = ({
9393
</div>
9494
<div className="flex gap-x-1 sm:gap-x-4 -mr-1 sm:mr-1 md:-mr-2">
9595
<button
96-
className="delete py-1 text-sm font-bold rounded-md text-gray-600 hover:text-red-500 hover:bg-gray-100 no-print"
96+
className="delete py-1 text-sm rounded-md text-gray-800 hover:text-red-500 hover:bg-gray-100 no-print"
9797
onClick={(event) => {
9898
if (item.ID) {
9999
handleDeletePatient(item.ID, event);
@@ -104,16 +104,17 @@ const PatientHistory = ({
104104
<span className="hidden sm:inline-block">Remove</span>
105105
</div>
106106
</button>
107+
107108
<button
108-
className="py-1 text-sm font-bold rounded-md text-red-500 hover:text-red-500 hover:bg-gray-100 no-print"
109+
className="py-1 text-sm rounded-md text-gray-800 hover:text-red-500 hover:bg-gray-100 no-print"
109110
onClick={(event) => {
110111
if (item.ID) {
111112
handleOpenModal(item.ID, event);
112113
}
113114
}}
114115
>
115116
<div className="p-2 flex items-center gap-x-1">
116-
<FaBug/>
117+
<FaRegThumbsDown/>
117118
<span className="hidden sm:inline-block">Report Issue </span>
118119
</div>
119120
</button>

frontend/src/pages/PatientManager/PatientSummary.tsx

Lines changed: 23 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ import axios from "axios";
33
import {PatientInfo} from "./PatientTypes";
44
import Tooltip from "../../components/Tooltip";
55
import TypingAnimation from "../../components/Header/components/TypingAnimation.tsx";
6-
import {FaPencilAlt, FaPrint, FaMinus, FaBug} from "react-icons/fa";
6+
import {FaPencilAlt, FaPrint, FaMinus, FaRegThumbsDown} from "react-icons/fa";
77
import FeedbackForm from "../Feedback/FeedbackForm";
88
import Modal from "../../components/Modal/Modal";
99

@@ -307,40 +307,48 @@ const PatientSummary = ({
307307
<h2 className="font-bold text-gray-600 cursor-pointer header_logo font-satoshi hover:text-blue-600">
308308
Summary
309309
</h2>
310-
311-
<aside className="flex w-1/3 flex-row justify-end space-x-2 sm:w-auto">
310+
<aside className="flex w-1/3 flex-row justify-end gap-1.5 sm:w-auto">
312311
<button
313312
onClick={handlePatientPrint}
314-
className="p-3 text-sm text-gray-900 border rounded-lg hover:text-gray-800 no-print">
313+
className="p-3 text-sm text-gray-800 rounded-md hover:bg-gray-100 no-print">
314+
315+
<div className=" flex items-center gap-x-1">
316+
<FaPrint/>
317+
<span>Print</span>
318+
</div>
315319

316-
<FaPrint className="inline-block"/> Print
317320
</button>
318321
<button
319322
onClick={handlePatientEdit}
320-
className="p-3 text-sm text-gray-900 border rounded-lg hover:text-gray-800 no-print"
323+
className="p-3 text-sm text-gray-800 rounded-md hover:bg-gray-100 no-print"
321324
>
322-
<FaPencilAlt className="inline-block"/> Edit
325+
<div className=" flex items-center gap-x-1">
326+
<FaPencilAlt/>
327+
<span>Edit</span>
328+
</div>
323329
</button>
324-
325330
<button
326-
className="p-2 sm:p-3 text-sm text-red-500 border rounded-lg hover:text-red-500 hover:bg-gray-100 hover:border-red-500 no-print"
331+
className="p-3 text-sm text-gray-800 rounded-md hover:text-red-500 hover:bg-gray-100 no-print"
327332
onClick={(event) => {
328333
if (patientInfo.ID) {
329334
handleOpenModal(patientInfo.ID, event);
330335
}
331336
}}
332337
>
333-
<FaBug className="inline-block"/> Report Issue
338+
<div className=" flex items-center gap-x-1">
339+
<FaRegThumbsDown/>
340+
<span> Report Issue </span>
341+
</div>
334342
</button>
335-
336343
<button
337344
onClick={handleClickSummary}
338-
className="p-3 text-sm text-gray-900 border rounded-lg hover:text-gray-800 no-print">
339-
<FaMinus className="inline-block"/> Hide
345+
className="p-3 text-sm text-gray-800 rounded-md hover:bg-gray-100 no-print">
346+
<div className=" flex items-center gap-x-1">
347+
<FaMinus/>
348+
<span>Hide</span>
349+
</div>
340350
</button>
341351
</aside>
342-
343-
344352
</div>
345353
</div>
346354
<div className="mt-2 border-b border-gray-900/10">

0 commit comments

Comments
 (0)