updated the print report
Browse files
components/PrintReport.tsx
CHANGED
|
@@ -86,8 +86,9 @@ const PrintReport: React.FC<PrintReportProps> = ({
|
|
| 86 |
<span className="text-[10px] text-gray-500">mg/dL</span>
|
| 87 |
</div>
|
| 88 |
<div className="bg-gray-50 p-3 rounded-lg border border-gray-100 flex flex-col items-center justify-center text-center">
|
| 89 |
-
<span className="text-[10px] font-bold text-gray-400 uppercase">
|
| 90 |
-
<span className=
|
|
|
|
| 91 |
</div>
|
| 92 |
<div className="bg-gray-50 p-3 rounded-lg border border-gray-100 flex flex-col items-center justify-center text-center">
|
| 93 |
<span className="text-[10px] font-bold text-gray-400 uppercase">Risk Score</span>
|
|
|
|
| 86 |
<span className="text-[10px] text-gray-500">mg/dL</span>
|
| 87 |
</div>
|
| 88 |
<div className="bg-gray-50 p-3 rounded-lg border border-gray-100 flex flex-col items-center justify-center text-center">
|
| 89 |
+
<span className="text-[10px] font-bold text-gray-400 uppercase">SpO2</span>
|
| 90 |
+
<span className={`text-2xl font-black ${vitals.spo2 < 95 ? 'text-red-600' : 'text-green-600'}`}>{vitals.spo2}%</span>
|
| 91 |
+
<span className="text-[10px] text-gray-500">Saturation</span>
|
| 92 |
</div>
|
| 93 |
<div className="bg-gray-50 p-3 rounded-lg border border-gray-100 flex flex-col items-center justify-center text-center">
|
| 94 |
<span className="text-[10px] font-bold text-gray-400 uppercase">Risk Score</span>
|