From 5fffdeb831a7fdc6a8e4c58c7d477dc4af78ec68 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Tue, 24 Aug 2021 19:30:00 +0200
Subject: css

---
 src/views/Legend.js | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

(limited to 'src')

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)}
         >
-- 
cgit v1.2.3-70-g09d2