From 6c5e4b8998061df49633ee979a708d6e06791b49 Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Sun, 1 Jan 2023 20:43:23 +0100
Subject: [PATCH] Made the Tag.jsx clickable

---
 admin/src/pages/Home/components/Tag/Tag.jsx | 23 +++++++++++++++------
 1 file changed, 17 insertions(+), 6 deletions(-)

diff --git a/admin/src/pages/Home/components/Tag/Tag.jsx b/admin/src/pages/Home/components/Tag/Tag.jsx
index e3e491f..2912563 100644
--- a/admin/src/pages/Home/components/Tag/Tag.jsx
+++ b/admin/src/pages/Home/components/Tag/Tag.jsx
@@ -1,10 +1,21 @@
 import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
 import {faTag} from "@fortawesome/free-solid-svg-icons";
+import {useContext} from "react";
+import LinkContext from "@/common/contexts/Link/index.js";
 import "./styles.sass";
 
-export const Tag = (props) => (
-    <div className="tag">
-        <FontAwesomeIcon icon={faTag} />
-        <h3>{props.name}</h3>
-    </div>
-)
\ No newline at end of file
+export const Tag = (props) => {
+    const [links, updateLinks, setQuery, query, search, setSearch] = useContext(LinkContext);
+
+    const addQuery = () => {
+        if (!query.tag?.split(",").includes(props.name))
+            setSearch(`tag:"${props.name}" ${search}`);
+    }
+
+    return (
+        <div className="tag" onClick={addQuery}>
+            <FontAwesomeIcon icon={faTag}/>
+            <h3>{props.name}</h3>
+        </div>
+    )
+}