From 56b683392cfc3e135f8c4e330b108ca92e03ae09 Mon Sep 17 00:00:00 2001
From: seriouselly <supriyatinselly@gmail.com>
Date: Mon, 15 Jun 2026 01:20:41 +0700
Subject: [PATCH] feat(diagnosis): add back to history button and update UI
 icons

- Add "Kembali ke Riwayat" button to `diagnosis-detail-page.tsx` for better navigation flow.
- Update camera icon in `diagnose-result-view.tsx` to align with the new UI design.
- Resolve merge conflicts with main to sync latest workflow changes.
---
 apps/web/src/components/diagnose-result-view.tsx | 7 +++----
 apps/web/src/pages/diagnosis-detail-page.tsx     | 6 +-----
 2 files changed, 4 insertions(+), 9 deletions(-)

diff --git a/apps/web/src/components/diagnose-result-view.tsx b/apps/web/src/components/diagnose-result-view.tsx
index 88cc2f1..a120b5b 100644
--- a/apps/web/src/components/diagnose-result-view.tsx
+++ b/apps/web/src/components/diagnose-result-view.tsx
@@ -9,6 +9,7 @@ import {
   RefreshCcw,
   FlaskConical,
   CheckCircle2,
+  Camera,
 } from "lucide-react";
 import { RiskBadge } from "@/components/risk-badge";
 
@@ -62,10 +63,8 @@ export function DiagnosisResultView({
             alt="Daun yang dianalisis"
             className="w-full h-48 md:h-64 object-cover rounded-xl"
           />
-          <div className="mt-3 flex items-center gap-2 text-slate-500 text-sm px-1">
-            <span className="w-4 h-4 bg-slate-200 rounded flex items-center justify-center text-[10px]">
-              📷
-            </span>
+          <div className="mt-3 flex items-center gap-2 text-slate-500 text-md px-1">
+            <Camera className="w-5 h-5 text-gray-500" />
             Gambar yang dianalisis
           </div>
         </div>
diff --git a/apps/web/src/pages/diagnosis-detail-page.tsx b/apps/web/src/pages/diagnosis-detail-page.tsx
index 8303407..d793d87 100644
--- a/apps/web/src/pages/diagnosis-detail-page.tsx
+++ b/apps/web/src/pages/diagnosis-detail-page.tsx
@@ -71,11 +71,7 @@ export function DiagnosisDetailPage() {
             Hasil deteksi AI dan panduan edukasi
           </p>
         </div>
-        <Button
-          asChild
-          variant="outline"
-          className="border-[#214B11] text-[#214B11] hover:bg-[#214B11] hover:text-white"
-        >
+        <Button asChild variant="outline">
           <Link to="/diagnoses">Kembali ke Riwayat</Link>
         </Button>
       </div>