From 65c1aa105c0385930d19a216ee24c2a9c9b208f0 Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Tue, 27 Dec 2022 21:42:56 +0100
Subject: [PATCH] Created the Header.jsx

---
 .../pages/Home/components/Header/Header.jsx   | 24 +++++++++++++++++++
 1 file changed, 24 insertions(+)
 create mode 100644 admin/src/pages/Home/components/Header/Header.jsx

diff --git a/admin/src/pages/Home/components/Header/Header.jsx b/admin/src/pages/Home/components/Header/Header.jsx
new file mode 100644
index 0000000..6dd61ea
--- /dev/null
+++ b/admin/src/pages/Home/components/Header/Header.jsx
@@ -0,0 +1,24 @@
+import {useContext, useEffect, useState} from "react";
+import UserContext from "@/common/contexts/User";
+import LoginContext from "@/common/contexts/Login";
+import {createGravatarUrl} from "@/pages/Home/utils.js";
+import "./styles.sass";
+
+export const Header = () => {
+
+    const user = useContext(UserContext);
+    const setToken = useContext(LoginContext);
+    const [profileImage, setProfileImage] = useState("");
+
+    useEffect(() => {
+        if (!user) return;
+        setProfileImage(createGravatarUrl(user.email));
+    }, [user]);
+
+    return (
+        <header>
+            <h2 className="header-title">My<span>Links</span></h2>
+            <img className="header-profile" src={profileImage} alt="" onClick={() => setToken(null)}/>
+        </header>
+    )
+}
\ No newline at end of file