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:
Selly Supriyatin
2026-06-14 23:28:53 +07:00
committed by GitHub
+3 -2
View File
@@ -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>
)) ))