From 20415bb5e0fe668dce6adf5dfe7a638ba6329a8a Mon Sep 17 00:00:00 2001
From: Sergey Krashevich <svk@svk.su>
Date: Tue, 11 Jul 2023 14:10:29 +0300
Subject: [PATCH] Refactor code in Events.jsx to conditionally render event
 zones in the event card view (#7120)

---
 web/src/routes/Events.jsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/src/routes/Events.jsx b/web/src/routes/Events.jsx
index 7d04d3bc4..0bfd0eb06 100644
--- a/web/src/routes/Events.jsx
+++ b/web/src/routes/Events.jsx
@@ -622,10 +622,10 @@ export default function Events({ path, ...props }) {
                           <Camera className="h-5 w-5 mr-2 inline" />
                           {event.camera.replaceAll('_', ' ')}
                         </div>
-                        <div className="capitalize  text-sm flex align-center">
+                        {event.zones.length ? <div className="capitalize  text-sm flex align-center">
                           <Zone className="w-5 h-5 mr-2 inline" />
                           {event.zones.join(', ').replaceAll('_', ' ')}
-                        </div>
+                        </div> : null}
                         <div className="capitalize  text-sm flex align-center">
                           <Score className="w-5 h-5 mr-2 inline" />
                           {(event?.data?.top_score || event.top_score || 0) == 0