From 72bad98b2dad7f274f18cfaaec9b68dc2c63d2c8 Mon Sep 17 00:00:00 2001
From: thejhp1 <junhyung96@gmail.com>
Date: Tue, 14 Nov 2023 12:50:57 -0500
Subject: [PATCH] changed img to Image next/js

---
 .../dashboard/marketplace_dashboard/marketplace_sidebar.tsx    | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/cubeseed_login/src/pages/dashboard/marketplace_dashboard/marketplace_sidebar.tsx b/cubeseed_login/src/pages/dashboard/marketplace_dashboard/marketplace_sidebar.tsx
index 2419a2e..3481d1a 100644
--- a/cubeseed_login/src/pages/dashboard/marketplace_dashboard/marketplace_sidebar.tsx
+++ b/cubeseed_login/src/pages/dashboard/marketplace_dashboard/marketplace_sidebar.tsx
@@ -2,6 +2,7 @@ import { useState } from "react"
 import MarketPlaceSideBarStyle from "@/styles/MarketPlaceSideBar.module.css"
 import logo from "../../../assets/icons/TransparentCubeseed.png"
 import smallLogo from "../../../assets/icons/TransparentSmallCubeseed.png"
+import Image from "next/image"
 
 const MarketPlaceSideBar = () => {
   const [selected, setSelected] = useState<boolean>(false);
@@ -42,7 +43,7 @@ const MarketPlaceSideBar = () => {
             fill="black"
           />
         </svg>
-        <img src={selected ? smallLogo.src : logo.src} onClick={toggleSideBar}></img>
+        {selected ? <Image alt="small-logo" width={56} height={56} src={smallLogo.src} onClick={toggleSideBar}/> : <Image alt="small-logo" width={236} height={56} src={logo.src} onClick={toggleSideBar}/> }
       </div>
       <div className={selected ? MarketPlaceSideBarStyle.dividerClosed : MarketPlaceSideBarStyle.dividerOpen}></div>
       <div className={MarketPlaceSideBarStyle.mainOptionsContainer}>