From c6bec7d8e7cbbb9110f334992d08b0dbb7c3a8c7 Mon Sep 17 00:00:00 2001
From: Daniel B <danielbakas@gmail.com>
Date: Sat, 23 Dec 2023 04:27:56 -0600
Subject: [PATCH] =?UTF-8?q?=F0=9F=A7=B9=20Chore:=20Remove=20Icon=20compone?=
 =?UTF-8?q?nt=20(final)=20=E2=80=A2=20Weird=20error=20upon=20abstracting?=
 =?UTF-8?q?=20component=20to=20Icon=20component.=20Will=20fix=20later?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/ui/components/molecules/NavBar/index.jsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/frontend/ui/components/molecules/NavBar/index.jsx b/src/frontend/ui/components/molecules/NavBar/index.jsx
index 2f73a53..cd8d64b 100644
--- a/src/frontend/ui/components/molecules/NavBar/index.jsx
+++ b/src/frontend/ui/components/molecules/NavBar/index.jsx
@@ -17,9 +17,10 @@
 import React from "react";
 import Link from "next/link";
 import { Nav, Navbar } from "react-bootstrap";
+import Image from "next/image";
 //* Local Imports
 import useNavLinks from "@semantyk/frontend/hooks/useNavLinks";
-import Icon from "@semantyk/frontend/ui/components/atoms/icons/Icon";
+import icon from "@semantyk/app/icon.png";
 
 //* Main
 export default function NavBar() {
@@ -29,7 +30,8 @@ export default function NavBar() {
     return (
         <Navbar expand="sm" variant="dark">
             <Navbar.Brand as={Link} href={"/"}>
-                <Icon size={40} title={"Semantyk"}/>
+                <Image src={icon} alt="Semantyk" title="Semantyk" height="40"
+                       width="40"/>
             </Navbar.Brand>
             <Navbar.Toggle aria-controls="responsive-navbar-nav"/>
             <Navbar.Collapse className="justify-content-between">