luulam/AFFiNE
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

fix(web): async load images (#1714)

Browse Source
This commit is contained in:
Himself65
2023-03-27 23:35:33 -05:00
committed by GitHub
parent f478c9ce9e
commit 26b030ecda
2 changed files with 5 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
apps/web/src/pages/404.tsx
View File

@@ -1,12 +1,10 @@
import { Button, displayFlex, styled } from '@affine/component'; import { Button, displayFlex, styled } from '@affine/component';
import { useTranslation } from '@affine/i18n'; import { useTranslation } from '@affine/i18n';
import Head from 'next/head'; import Head from 'next/head';
import Image from 'next/image'; import Image from 'next/legacy/image';
import { useRouter } from 'next/router'; import { useRouter } from 'next/router';
import React from 'react'; import React from 'react';
import ErrorImg from '../../public/imgs/invite-error.svg';
export const StyledContainer = styled('div')(() => { export const StyledContainer = styled('div')(() => {
return { return {
...displayFlex('center', 'center'), ...displayFlex('center', 'center'),
@@ -30,7 +28,7 @@ export const NotfoundPage = () => {
const router = useRouter(); const router = useRouter();
return ( return (
<StyledContainer data-testid="notFound"> <StyledContainer data-testid="notFound">
<Image alt="404" src={ErrorImg}></Image> <Image alt="404" src="/imgs/invite-error.svg"></Image>
<p>{t('404 - Page Not Found')}</p> <p>{t('404 - Page Not Found')}</p>
<Button <Button

8
apps/web/src/pages/invite/[invite_code].tsx
View File

@@ -6,13 +6,11 @@ import {
UnsucessfulDuotoneIcon, UnsucessfulDuotoneIcon,
} from '@blocksuite/icons'; } from '@blocksuite/icons';
import { NoSsr } from '@mui/material'; import { NoSsr } from '@mui/material';
import Image from 'next/image'; import Image from 'next/legacy/image';
import { useRouter } from 'next/router'; import { useRouter } from 'next/router';
import { Suspense } from 'react'; import { Suspense } from 'react';
import useSWR from 'swr'; import useSWR from 'swr';
import inviteError from '../../../public/imgs/invite-error.svg';
import inviteSuccess from '../../../public/imgs/invite-success.svg';
import { PageLoading } from '../../components/pure/loading'; import { PageLoading } from '../../components/pure/loading';
import { RouteLogic, useRouterHelper } from '../../hooks/use-router-helper'; import { RouteLogic, useRouterHelper } from '../../hooks/use-router-helper';
import { QueryKey } from '../../plugins/affine/fetcher'; import { QueryKey } from '../../plugins/affine/fetcher';
@@ -31,7 +29,7 @@ const InvitePage: NextPageWithLayout = () => {
if (inviteData?.accepted) { if (inviteData?.accepted) {
return ( return (
<StyledContainer> <StyledContainer>
<Image src={inviteSuccess} alt="" /> <Image src="/imgs/invite-success.svg" alt="" />
<Button <Button
type="primary" type="primary"
shape="round" shape="round"
@@ -56,7 +54,7 @@ const InvitePage: NextPageWithLayout = () => {
if (inviteData?.accepted === false) { if (inviteData?.accepted === false) {
return ( return (
<StyledContainer> <StyledContainer>
<Image src={inviteError} alt="" /> <Image src="/imgs/invite-error.svg" alt="" />
<Button <Button
shape="round" shape="round"
onClick={() => { onClick={() => {