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 React from "react";
import { useRouter } from "next/router"; import { useRouter } from "next/router";
import Image from "next/image";
import { formatRelative } from "date-fns"; import { formatRelative } from "date-fns";
import arrow from "../public/img/arrow.svg"; 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-content"]}>
<div className={styles["sidebar-header"]}> <div className={styles["sidebar-header"]}>
<button className={styles.close} onClick={onClose}> <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> </button>
</div> </div>
<h1 className={styles["cell-name-header"]}> <h1 className={styles["cell-name-header"]}>
@ -111,7 +111,7 @@ const Sidebar: React.FC<Props> = ({
<div className={styles["sidebar-content"]}> <div className={styles["sidebar-content"]}>
<div className={styles["sidebar-header"]}> <div className={styles["sidebar-header"]}>
<button className={styles.close} onClick={onClose}> <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> </button>
</div> </div>
{!Number.isNaN(modId) && renderModData(modId)} {!Number.isNaN(modId) && renderModData(modId)}
@ -128,7 +128,7 @@ const Sidebar: React.FC<Props> = ({
<div className={styles["sidebar-content"]}> <div className={styles["sidebar-content"]}>
<div className={styles["sidebar-header"]}> <div className={styles["sidebar-header"]}>
<button className={styles.close} onClick={onClose}> <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> </button>
</div> </div>
{renderPluginData( {renderPluginData(
@ -173,7 +173,7 @@ const Sidebar: React.FC<Props> = ({
onClick={() => setOpen(true)} onClick={() => setOpen(true)}
title="Show sidebar" 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>
) : ( ) : (
<button <button
@ -181,7 +181,7 @@ const Sidebar: React.FC<Props> = ({
onClick={() => setOpen(false)} onClick={() => setOpen(false)}
title="Hide sidebar" title="Hide sidebar"
> >
<Image src={arrow} alt="hide" width={16} height={16} /> <img src="/img/arrow.svg" alt="hide" width={16} height={16} />
</button> </button>
)} )}
{renderOpenSidebar()} {renderOpenSidebar()}

8
styles/Sidebar.module.css
View File

@ -69,7 +69,7 @@
border-right: 2px solid #222222; border-right: 2px solid #222222;
} }
.hide span { .hide img {
transform: rotate(180deg); transform: rotate(180deg);
} }
@ -85,7 +85,7 @@
border-left: 2px solid #222222; border-left: 2px solid #222222;
} }
.hide span { .hide img {
transform: rotate(90deg); transform: rotate(90deg);
} }
} }
@ -112,7 +112,7 @@
border-right: 2px solid #222222; border-right: 2px solid #222222;
} }
.open span { .open img {
transform: rotate(0deg); transform: rotate(0deg);
} }
@ -129,7 +129,7 @@
border-left: 2px solid #222222; border-left: 2px solid #222222;
} }
.open span { .open img {
transform: rotate(270deg); transform: rotate(270deg);
} }
} }