From 8398c15f29cef4687edb47029f84fdcde52df997 Mon Sep 17 00:00:00 2001
From: Alex West <awest2025@ucla.edu>
Date: Tue, 6 Feb 2024 18:56:10 -0800
Subject: [PATCH] Removed empty filter item

---
 components/FilterList.js | 27 ++++++++++++++-------------
 1 file changed, 14 insertions(+), 13 deletions(-)

diff --git a/components/FilterList.js b/components/FilterList.js
index 0efba3c..949ff7e 100644
--- a/components/FilterList.js
+++ b/components/FilterList.js
@@ -77,19 +77,20 @@ const FilterList = ({ pointsData, filterList, setFilterList }) => {
                                     </strong>
                                     <ul className={styles.filterValuesList} style={{ display: openKey === key ? 'block' : 'none' }}>
                                         {uniqueValues[key].map((value) => (
-                                            <li className={styles.filterValueItem} key={value} style={{
-                                                cursor: 'pointer',
-                                                backgroundColor: isActiveFilter(key, value) ? '#8BB8E8' : ''
-                                            }}
-                                            onClick={(e) => {
-                                                    e.stopPropagation(); // Prevent the click from toggling the open key
-                                                    if (isActiveFilter(key, value)) {
-                                                        removeFilter(key, value);
-                                                    } else {
-                                                        addFilter(key, value);
-                                                    }
-                                                }}>{value}</li>
-                                        ))}
+                                            value !== '' && (
+                                                <li className={styles.filterValueItem} key={value} style={{
+                                                    cursor: 'pointer',
+                                                    backgroundColor: isActiveFilter(key, value) ? '#8BB8E8' : ''
+                                                }}
+                                                    onClick={(e) => {
+                                                        e.stopPropagation(); // Prevent the click from toggling the open key
+                                                        if (isActiveFilter(key, value)) {
+                                                            removeFilter(key, value);
+                                                        } else {
+                                                            addFilter(key, value);
+                                                        }
+                                                    }}>{value}</li>
+                                            )))}
                                     </ul>
                                 </li>
                             </div>