css

1 files changed, 10 insertions, 1 deletions

diff --git a/src/views/Legend.js b/src/views/Legend.js
index eedcc35..fe7db4d 100644
--- a/src/views/Legend.js
+++ b/src/views/Legend.js
@@ -11,11 +11,20 @@ const categories = "No6092,1620s,painting,blunt,National Gallery of Canada,AGO,c
 export default function Legend({ visible, selected, onSelect }) {
   return (
     <div className="legend" style={{ opacity: visible ? 1 : 0 }}>
+      {selected && (
+        <div className="removeSelection" onClick={() => onSelect(selected)}>
+          {"View all"}
+        </div>
+      )}
       {categories.map((category, index) => (
         <div
           key={category}
           className={
-            selected ? (selected === index + 1 ? "selected" : "unselected") : ""
+            selected
+              ? selected === index + 1
+                ? "category selected"
+                : "category unselected"
+              : "category"
           }
           onClick={() => onSelect(index + 1)}
         >