From f31ed7d781fb36d9b4debe7287b11badd8d7f75a Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Tue, 24 Aug 2021 19:07:19 +0200
Subject: add legend, filter visible nodes

---
 src/views/Legend.js | 27 +++++++++++++++++++++++++++
 1 file changed, 27 insertions(+)
 create mode 100644 src/views/Legend.js

(limited to 'src/views/Legend.js')

diff --git a/src/views/Legend.js b/src/views/Legend.js
new file mode 100644
index 0000000..eedcc35
--- /dev/null
+++ b/src/views/Legend.js
@@ -0,0 +1,27 @@
+/**
+ * Category list in the corner
+ */
+
+import React, { useState, useEffect } from "react";
+
+const categories = "No6092,1620s,painting,blunt,National Gallery of Canada,AGO,courtauld,intervensions,connsoeurship,double agent,forensics,black box,Stankievech".split(
+  ","
+);
+
+export default function Legend({ visible, selected, onSelect }) {
+  return (
+    <div className="legend" style={{ opacity: visible ? 1 : 0 }}>
+      {categories.map((category, index) => (
+        <div
+          key={category}
+          className={
+            selected ? (selected === index + 1 ? "selected" : "unselected") : ""
+          }
+          onClick={() => onSelect(index + 1)}
+        >
+          {category}
+        </div>
+      ))}
+    </div>
+  );
+}
-- 
cgit v1.2.3-70-g09d2