From 3ce565509fa6227ee3bc962290f9fb44a44f439d Mon Sep 17 00:00:00 2001
From: seriouselly <supriyatinselly@gmail.com>
Date: Sun, 14 Jun 2026 23:27:06 +0700
Subject: [PATCH] style(catalog): update medicine recommendation icons for
 better visual clarity

- Replace previous icons in the medicine recommendation section with more intuitive visual elements.
- Enhance the user interface consistency within the catalog page.
---
 apps/web/src/pages/catalog-page.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/apps/web/src/pages/catalog-page.tsx b/apps/web/src/pages/catalog-page.tsx
index 46606ca..775a638 100644
--- a/apps/web/src/pages/catalog-page.tsx
+++ b/apps/web/src/pages/catalog-page.tsx
@@ -9,6 +9,7 @@ import {
   ShieldCheck,
   Search,
   Leaf,
+  FlaskConical,
 } from "lucide-react";
 import { apiClient } from "@/lib/api-client";
 import { RiskBadge } from "@/components/risk-badge";
@@ -224,14 +225,14 @@ export function CatalogPage() {
 
                       <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">
-                          <Pill className="w-4 h-4 text-purple-600" />
+                          <FlaskConical className="w-4 h-4 text-purple-600" />
                           Rekomendasi Obat
                         </h4>
                         <ul className="space-y-2">
                         {finalMedicines ? (
                           finalMedicines.map((obat, idx) => (
                             <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>
                             </li>
                           ))