From 1c6ab9e56910b8a6ed410c6b1ec715a391932aa1 Mon Sep 17 00:00:00 2001
From: Jake Kasper <jake.kasper@hpe.com>
Date: Wed, 3 Sep 2025 10:19:42 -0400
Subject: [PATCH] mowing

---
 frontend/src/pages/Mowing/Mowing.js | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/frontend/src/pages/Mowing/Mowing.js b/frontend/src/pages/Mowing/Mowing.js
index 999e02d..cd6d1a5 100644
--- a/frontend/src/pages/Mowing/Mowing.js
+++ b/frontend/src/pages/Mowing/Mowing.js
@@ -13,12 +13,18 @@ const Mowing = () => {
   const [showPlanModal, setShowPlanModal] = useState(false);
   const [execPlan, setExecPlan] = useState(null);
   const [viewSession, setViewSession] = useState(null);
+  const [sessions, setSessions] = useState([]);
 
   const fetchPlans = async () => {
     try {
       setLoading(true);
       const r = await mowingAPI.getPlans();
       setPlans(r.data.data.plans || []);
+      // load recent sessions (not rendered as a list; used for View button)
+      try {
+        const s = await mowingAPI.getLogs();
+        setSessions(s.data?.data?.logs || []);
+      } catch {}
     } catch (e) {
       toast.error('Failed to load mowing plans');
     } finally {
@@ -74,6 +80,18 @@ const Mowing = () => {
                 <p className="text-sm font-medium text-gray-900">{p.planned_date ? new Date(p.planned_date).toLocaleDateString() : 'No date'}</p>
                 <p className="text-xs text-gray-500">Last updated {new Date(p.updated_at || p.created_at).toLocaleDateString()}</p>
                 <div className="flex gap-2 mt-2 justify-end">
+                  <button
+                    className="p-1 text-indigo-600 hover:text-indigo-800 hover:bg-indigo-50 rounded"
+                    title="View recent session"
+                    onClick={() => {
+                      const list = (sessions || []).filter(s => s.property_id === p.property_id);
+                      if (!list.length) { toast.error('No sessions yet for this property'); return; }
+                      const last = [...list].sort((a,b)=> new Date((b.created_at || b.session_date || 0)) - new Date((a.created_at || a.session_date || 0)))[0];
+                      setViewSession(last);
+                    }}
+                  >
+                    <EyeIcon className="h-4 w-4" />
+                  </button>
                   {p.status === 'planned' && (
                     <button className="p-1 text-green-600 hover:text-green-800 hover:bg-green-50 rounded" title="Execute" onClick={()=> setExecPlan(p)}>
                       <PlayIcon className="h-4 w-4" />