Merge pull request #35 from ATLAS-PJK-GM007:selly/frontend
style(catalog): update medicine recommendation icons for better visual clarity
This commit is contained in:
@@ -9,6 +9,7 @@ import {
|
|||||||
ShieldCheck,
|
ShieldCheck,
|
||||||
Search,
|
Search,
|
||||||
Leaf,
|
Leaf,
|
||||||
|
FlaskConical,
|
||||||
} from "lucide-react";
|
} from "lucide-react";
|
||||||
import { apiClient } from "@/lib/api-client";
|
import { apiClient } from "@/lib/api-client";
|
||||||
import { RiskBadge } from "@/components/risk-badge";
|
import { RiskBadge } from "@/components/risk-badge";
|
||||||
@@ -224,14 +225,14 @@ export function CatalogPage() {
|
|||||||
|
|
||||||
<div className="bg-[#F8F4FD] border border-[#E9DDF5] rounded-xl p-5">
|
<div className="bg-[#F8F4FD] border border-[#E9DDF5] rounded-xl p-5">
|
||||||
<h4 className="font-bold text-purple-900 flex items-center gap-2 mb-3">
|
<h4 className="font-bold text-purple-900 flex items-center gap-2 mb-3">
|
||||||
<Pill className="w-4 h-4 text-purple-600" />
|
<FlaskConical className="w-4 h-4 text-purple-600" />
|
||||||
Rekomendasi Obat
|
Rekomendasi Obat
|
||||||
</h4>
|
</h4>
|
||||||
<ul className="space-y-2">
|
<ul className="space-y-2">
|
||||||
{finalMedicines ? (
|
{finalMedicines ? (
|
||||||
finalMedicines.map((obat, idx) => (
|
finalMedicines.map((obat, idx) => (
|
||||||
<li key={idx} className="flex items-start gap-2 text-sm text-slate-700">
|
<li key={idx} className="flex items-start gap-2 text-sm text-slate-700">
|
||||||
<Leaf className="w-4 h-4 text-purple-500 mt-0.5 shrink-0" />
|
<Pill className="w-4 h-4 text-purple-500 mt-0.5 shrink-0" />
|
||||||
<span>{obat}</span>
|
<span>{obat}</span>
|
||||||
</li>
|
</li>
|
||||||
))
|
))
|
||||||
|
|||||||
Reference in New Issue
Block a user