thallada/modmapper-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Use normal img tag since Image doesn't work in static mode

Browse Source
This commit is contained in:
Tyler Hallada 2022-03-15 19:08:38 -04:00
parent ee7c956525
commit 8e5d2750ec
2 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
components/Sidebar.tsx
View File

@ -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()}

8
styles/Sidebar.module.css
View File

@ -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);
}
}