From f2409171fe279b83b931d0e643af53d169104f30 Mon Sep 17 00:00:00 2001
From: Nick Mowen <nickmowen213@gmail.com>
Date: Wed, 11 May 2022 19:43:57 -0600
Subject: [PATCH] Only show the sub labels filter when there are sub labels in
 the DB

---
 web/src/routes/Events.jsx | 27 +++++++++++++++------------
 1 file changed, 15 insertions(+), 12 deletions(-)

diff --git a/web/src/routes/Events.jsx b/web/src/routes/Events.jsx
index 2d5a79b0a..4d0f396ca 100644
--- a/web/src/routes/Events.jsx
+++ b/web/src/routes/Events.jsx
@@ -270,18 +270,21 @@ export default function Events({ path, ...props }) {
             </option>
           ))}
         </select>
-        <select
-          className="basis-1/5 cursor-pointer rounded dark:bg-slate-800"
-          value={searchParams.sub_label}
-          onChange={(e) => onFilter('sub_label', e.target.value)}
-        >
-          <option value="all">all sub labels</option>
-          {filterValues.sub_labels.map((item) => (
-            <option key={item} value={item}>
-              {item}
-            </option>
-          ))}
-        </select>
+        {
+          filterValues.sub_labels.length > 0 && (
+            <select
+              className="basis-1/5 cursor-pointer rounded dark:bg-slate-800"
+              value={searchParams.sub_label}
+              onChange={(e) => onFilter('sub_label', e.target.value)}
+            >
+              <option value="all">all sub labels</option>
+              {filterValues.sub_labels.map((item) => (
+                <option key={item} value={item}>
+                  {item}
+                </option>
+              ))}
+            </select>
+          )}
         <div ref={datePicker} className="ml-auto">
           <CalendarIcon
             className="h-8 w-8 cursor-pointer"