Allow self picking

Author: benfoxall

src/App.tsx

@@ -30,7 +30,7 @@ function App() {
               key={i}
               srcObject={blob}
               picked={picked.includes(blob)}
-              onPick={() => setPicked((prev) => toggle(prev, blob))}
+              onPick={() => setPicked((prev) => [blob, ...prev])}
             />
           ))}
         </>
@@ -39,10 +39,4 @@ function App() {
   );
 }
 
-function toggle<T>(list: T[], item: T): T[] {
-  return list.includes(item)
-    ? list.filter((each) => each !== item)
-    : [...list, item];
-}
-
 export default App;

src/index.css

@@ -25,14 +25,19 @@ a:hover {
 body {
   margin: 0;
   display: flex;
-  place-items: center;
   min-width: 320px;
   min-height: 100vh;
 }
 
 h1 {
   font-size: 3.2em;
   line-height: 1.1;
+  font-weight: 100;
+}
+h2,
+h3,
+h4 {
+  font-weight: 100;
 }
 
 button {