From 8e5d2750eceb6881e847fd1776825118ed7c9c90 Mon Sep 17 00:00:00 2001
From: Tyler Hallada <tyler@hallada.net>
Date: Tue, 15 Mar 2022 19:08:38 -0400
Subject: [PATCH] Use normal img tag since Image doesn't work in static mode

---
 components/Sidebar.tsx    | 12 ++++++------
 styles/Sidebar.module.css |  8 ++++----
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/components/Sidebar.tsx b/components/Sidebar.tsx
index 7d9b808..079c72b 100644
--- a/components/Sidebar.tsx
+++ b/components/Sidebar.tsx
@@ -1,6 +1,6 @@
+/* eslint-disable @next/next/no-img-element */
 import React from "react";
 import { useRouter } from "next/router";
-import Image from "next/image";
 import { formatRelative } from "date-fns";
 
 import arrow from "../public/img/arrow.svg";
@@ -90,7 +90,7 @@ const Sidebar: React.FC<Props> = ({
           <div className={styles["sidebar-content"]}>
             <div className={styles["sidebar-header"]}>
               <button className={styles.close} onClick={onClose}>
-                <Image src={close} width={24} height={24} alt="close" />
+                <img src="/img/close.svg" width={24} height={24} alt="close" />
               </button>
             </div>
             <h1 className={styles["cell-name-header"]}>
@@ -111,7 +111,7 @@ const Sidebar: React.FC<Props> = ({
           <div className={styles["sidebar-content"]}>
             <div className={styles["sidebar-header"]}>
               <button className={styles.close} onClick={onClose}>
-                <Image src={close} width={24} height={24} alt="close" />
+                <img src="/img/close.svg" width={24} height={24} alt="close" />
               </button>
             </div>
             {!Number.isNaN(modId) && renderModData(modId)}
@@ -128,7 +128,7 @@ const Sidebar: React.FC<Props> = ({
           <div className={styles["sidebar-content"]}>
             <div className={styles["sidebar-header"]}>
               <button className={styles.close} onClick={onClose}>
-                <Image src={close} width={24} height={24} alt="close" />
+                <img src="/img/close.svg" width={24} height={24} alt="close" />
               </button>
             </div>
             {renderPluginData(
@@ -173,7 +173,7 @@ const Sidebar: React.FC<Props> = ({
           onClick={() => setOpen(true)}
           title="Show sidebar"
         >
-          <Image src={arrow} alt="show" width={16} height={16} />
+          <img src="/img/arrow.svg" alt="show" width={16} height={16} />
         </button>
       ) : (
         <button
@@ -181,7 +181,7 @@ const Sidebar: React.FC<Props> = ({
           onClick={() => setOpen(false)}
           title="Hide sidebar"
         >
-          <Image src={arrow} alt="hide" width={16} height={16} />
+          <img src="/img/arrow.svg" alt="hide" width={16} height={16} />
         </button>
       )}
       {renderOpenSidebar()}
diff --git a/styles/Sidebar.module.css b/styles/Sidebar.module.css
index 5e277f9..80c8069 100644
--- a/styles/Sidebar.module.css
+++ b/styles/Sidebar.module.css
@@ -69,7 +69,7 @@
   border-right: 2px solid #222222;
 }
 
-.hide span {
+.hide img {
   transform: rotate(180deg);
 }
 
@@ -85,7 +85,7 @@
     border-left: 2px solid #222222;
   }
 
-  .hide span {
+  .hide img {
     transform: rotate(90deg);
   }
 }
@@ -112,7 +112,7 @@
   border-right: 2px solid #222222;
 }
 
-.open span {
+.open img {
   transform: rotate(0deg);
 }
 
@@ -129,7 +129,7 @@
     border-left: 2px solid #222222;
   }
 
-  .open span {
+  .open img {
     transform: rotate(270deg);
   }
 }