forked from OpenNeo/impress
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:
parent
81b2a2b4a2
commit
8765d6c3b0
7 changed files with 9 additions and 1520 deletions
2
.gitignore
vendored
2
.gitignore
vendored
|
@ -17,3 +17,5 @@ tmp/**/*
|
||||||
!.yarn/releases
|
!.yarn/releases
|
||||||
!.yarn/sdks
|
!.yarn/sdks
|
||||||
!.yarn/versions
|
!.yarn/versions
|
||||||
|
|
||||||
|
.DS_Store
|
||||||
|
|
|
@ -17,7 +17,6 @@ import {
|
||||||
useToast,
|
useToast,
|
||||||
} from "@chakra-ui/react";
|
} from "@chakra-ui/react";
|
||||||
import { loadable } from "../util";
|
import { loadable } from "../util";
|
||||||
import Image from "next/image";
|
|
||||||
|
|
||||||
import { petAppearanceFragment } from "../components/useOutfitAppearance";
|
import { petAppearanceFragment } from "../components/useOutfitAppearance";
|
||||||
import getVisibleLayers from "../components/getVisibleLayers";
|
import getVisibleLayers from "../components/getVisibleLayers";
|
||||||
|
@ -514,15 +513,7 @@ function PoseOption({
|
||||||
}
|
}
|
||||||
|
|
||||||
function EmojiImage({ src, alt, boxSize = 16 }) {
|
function EmojiImage({ src, alt, boxSize = 16 }) {
|
||||||
return (
|
return <img src={src} alt={alt} width={boxSize} height={boxSize} />;
|
||||||
<Image
|
|
||||||
src={src}
|
|
||||||
alt={alt}
|
|
||||||
width={boxSize}
|
|
||||||
height={boxSize}
|
|
||||||
layout="fixed"
|
|
||||||
/>
|
|
||||||
);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
function usePoses(speciesId, colorId, selectedPose) {
|
function usePoses(speciesId, colorId, selectedPose) {
|
||||||
|
|
Binary file not shown.
Before Width: | Height: | Size: 82 KiB After Width: | Height: | Size: 24 KiB |
BIN
app/javascript/wardrobe-2020/images/error-grundo@2x.png
Normal file
BIN
app/javascript/wardrobe-2020/images/error-grundo@2x.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 82 KiB |
|
@ -10,9 +10,9 @@ import {
|
||||||
import loadableLibrary from "@loadable/component";
|
import loadableLibrary from "@loadable/component";
|
||||||
import * as Sentry from "@sentry/react";
|
import * as Sentry from "@sentry/react";
|
||||||
import { WarningIcon } from "@chakra-ui/icons";
|
import { WarningIcon } from "@chakra-ui/icons";
|
||||||
import NextImage from "next/image";
|
|
||||||
|
|
||||||
import ErrorGrundoImg from "./images/error-grundo.png";
|
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.
|
* 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"
|
width="100px"
|
||||||
height="100px"
|
height="100px"
|
||||||
>
|
>
|
||||||
<NextImage
|
<img
|
||||||
src={ErrorGrundoImg}
|
src={ErrorGrundoImg}
|
||||||
|
srcset={`${ErrorGrundoImg}, ${ErrorGrundoImg2x} 2x`}
|
||||||
alt="Distressed Grundo programmer"
|
alt="Distressed Grundo programmer"
|
||||||
width={100}
|
width={100}
|
||||||
height={100}
|
height={100}
|
||||||
|
|
|
@ -16,7 +16,6 @@
|
||||||
"graphql-tag": "^2.12.6",
|
"graphql-tag": "^2.12.6",
|
||||||
"immer": "^9.0.6",
|
"immer": "^9.0.6",
|
||||||
"lru-cache": "^6.0.0",
|
"lru-cache": "^6.0.0",
|
||||||
"next": "12.0.2",
|
|
||||||
"react": "^17.0.1",
|
"react": "^17.0.1",
|
||||||
"react-autosuggest": "^10.0.2",
|
"react-autosuggest": "^10.0.2",
|
||||||
"react-dom": "^17.0.1",
|
"react-dom": "^17.0.1",
|
||||||
|
|
Loading…
Reference in a new issue