Replace next/image references

To be clear I haven't really tested this very well bc the page isn't like. working. but I'm just churning through the next references!
This commit is contained in:
Emi Matchu 2023-08-10 16:17:44 -07:00
parent 81b2a2b4a2
commit 8765d6c3b0
7 changed files with 9 additions and 1520 deletions

2
.gitignore vendored
View file

@ -17,3 +17,5 @@ tmp/**/*
!.yarn/releases
!.yarn/sdks
!.yarn/versions
.DS_Store

View file

@ -17,7 +17,6 @@ import {
useToast,
} from "@chakra-ui/react";
import { loadable } from "../util";
import Image from "next/image";
import { petAppearanceFragment } from "../components/useOutfitAppearance";
import getVisibleLayers from "../components/getVisibleLayers";
@ -514,15 +513,7 @@ function PoseOption({
}
function EmojiImage({ src, alt, boxSize = 16 }) {
return (
<Image
src={src}
alt={alt}
width={boxSize}
height={boxSize}
layout="fixed"
/>
);
return <img src={src} alt={alt} width={boxSize} height={boxSize} />;
}
function usePoses(speciesId, colorId, selectedPose) {

Binary file not shown.

Before

Width:  |  Height:  |  Size: 82 KiB

After

Width:  |  Height:  |  Size: 24 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 82 KiB

View file

@ -10,9 +10,9 @@ import {
import loadableLibrary from "@loadable/component";
import * as Sentry from "@sentry/react";
import { WarningIcon } from "@chakra-ui/icons";
import NextImage from "next/image";
import ErrorGrundoImg from "./images/error-grundo.png";
import ErrorGrundoImg2x from "./images/error-grundo@2x.png";
/**
* Delay hides its content at first, then shows it after the given delay.
@ -452,8 +452,9 @@ export function MajorErrorMessage({ error = null, variant = "unexpected" }) {
width="100px"
height="100px"
>
<NextImage
<img
src={ErrorGrundoImg}
srcset={`${ErrorGrundoImg}, ${ErrorGrundoImg2x} 2x`}
alt="Distressed Grundo programmer"
width={100}
height={100}

View file

@ -16,7 +16,6 @@
"graphql-tag": "^2.12.6",
"immer": "^9.0.6",
"lru-cache": "^6.0.0",
"next": "12.0.2",
"react": "^17.0.1",
"react-autosuggest": "^10.0.2",
"react-dom": "^17.0.1",

1510
yarn.lock

File diff suppressed because it is too large Load diff