Skip to content

Commit

Permalink
Prettier
Browse files Browse the repository at this point in the history 
Signed-off-by: Ayase Minori <[email protected]>
  • Loading branch information
@sr229
sr229 committed Apr 18, 2024
1 parent 4b559ee commit 6bc2a8b
Show file tree
Hide file tree
Showing 13 changed files with 587 additions and 559 deletions.
2 changes: 1 addition & 1 deletion components/Logo.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
import logo from 'public/images/logo.png'
import Image from "next/image"
import Image from 'next/image'
import logoDark from 'public/images/logo-dark.png'

import logosquare from 'public/images/logo-square.png'
Expand Down
11 changes: 6 additions & 5 deletions components/MDXComponents.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
import Link from 'next/link'
import Image, { ImageProps } from "next/image"
import Image, { ImageProps } from 'next/image'
import { ReactNode } from 'react'

interface Props {
Expand All @@ -23,10 +23,11 @@ const RoundedImage = (props: ImageProps) => {
<Image

Check warning on line 23 in components/MDXComponents.tsx

View workflow job for this annotation

GitHub Actions / Run Type Check & Linters 

Image elements must have an alt prop, either with meaningful text, or an empty string for decorative images
{...props}
style={{
maxWidth: "100%",
height: "auto"
}} />
);
maxWidth: `100%`,
height: `auto`,
}}
/>
)
}

const MDXComponents = {
Expand Down
9 changes: 5 additions & 4 deletions components/Profile.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
import Image, { StaticImageData } from "next/image"
import Image, { StaticImageData } from 'next/image'

const Profile: React.FC<{
size: number
Expand All @@ -12,9 +12,10 @@ const Profile: React.FC<{
height={size}
alt=""
style={{
maxWidth: "100%",
height: "auto"
}} />
maxWidth: `100%`,
height: `auto`,
}}
/>
)

export default Profile
11 changes: 6 additions & 5 deletions components/sections/MenuComp.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
import Image from "next/image"
import Image from 'next/image'
import { Parallax } from 'components'
import { motion } from 'framer-motion'
import { useState, useEffect } from 'react'
Expand Down Expand Up @@ -96,13 +96,14 @@ const MenuComp = () => {
height={800}
alt=""
style={{
maxWidth: "100%",
height: "auto"
}} />
maxWidth: `100%`,
height: `auto`,
}}
/>
</motion.div>
</Parallax>
</div>
);
)
}

export default MenuComp
18 changes: 10 additions & 8 deletions components/sections/Partners.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
import partners from 'data/partners'
import { useTranslation } from 'next-i18next'
import Image from "next/image"
import Image from 'next/image'
import Link from 'next/link'

const Partners = () => {
Expand All @@ -27,9 +27,10 @@ const Partners = () => {
width={partner.imgWidth}
height={partner.imgHeight}
style={{
maxWidth: "100%",
height: "auto"
}} />
maxWidth: `100%`,
height: `auto`,
}}
/>
{partner.darkImg && (
<div
className={`${
Expand All @@ -46,9 +47,10 @@ const Partners = () => {
width={partner.imgWidth}
height={partner.imgHeight}
style={{
maxWidth: "100%",
height: "auto"
}} />
maxWidth: `100%`,
height: `auto`,
}}
/>
</div>
)}
</div>
Expand All @@ -70,6 +72,6 @@ const Partners = () => {
</Link>
</div>
</div>
);
)
}
export default Partners
2 changes: 1 addition & 1 deletion next.config.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ module.exports = withContentlayer()({
'owo.whats-th.is',
'images.unsplash.com',
'yuri.might-be-super.fun',
'chito.ge'
'chito.ge',
],
formats: ['image/avif', 'image/webp'],
},
Expand Down
152 changes: 78 additions & 74 deletions pages/404.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
import type { GetStaticProps, NextPage } from 'next'
import Link from 'next/link'

Check warning on line 2 in pages/404.tsx

View workflow job for this annotation

GitHub Actions / Run Type Check & Linters 

'Link' is defined but never used
import Image from "next/image"
import Image from 'next/image'
import Blahaj from 'public/images/blahaj.jpg'
import text404 from 'public/images/404text.png'

Expand All @@ -18,86 +18,90 @@ const Custom404: NextPage = () => {
console.log(path)
const inConstruction = [`/features`, `/plugins`].includes(path as string)

return <>
<SEO
title={
inConstruction
? `This page is currently being developed.`
: `You hit a dead end.`
}
/>
<Nav />
<div className="container mt-24" id="content">
<div className="z-20 mx-auto text-center ">
{!inConstruction ? (
<>
<div className="animation-flicker mt-4">
<Image
src={text404}
alt="404"
width={207}
height={45}
className="mx-auto"
style={{
maxWidth: "100%",
height: "auto"
}} />
</div>
return (
<>
<SEO
title={
inConstruction
? `This page is currently being developed.`
: `You hit a dead end.`
}
/>
<Nav />
<div className="container mt-24" id="content">
<div className="z-20 mx-auto text-center ">
{!inConstruction ? (
<>
<div className="animation-flicker mt-4">
<Image
src={text404}
alt="404"
width={207}
height={45}
className="mx-auto"
style={{
maxWidth: `100%`,
height: `auto`,
}}
/>
</div>

<h1 className="text-5xl font-semibold lg:text-6xl">
{t(`dead-end`)}
</h1>
<p className="my-5 mt-4 text-xl ">{t(`guide-back`)}</p>
</>
) : (
<>
<h1 className="mt-8 text-3xl font-semibold lg:text-4xl">
{t(`in-construction`)}
</h1>
<p className="mt-4 text-lg">{t(`check-later`)}</p>
<p className="my-2 mb-4 text-sm lg:text-lg">
{t(`blahaj-while-waiting`)}
</p>
</>
)}
<h1 className="text-5xl font-semibold lg:text-6xl">
{t(`dead-end`)}
</h1>
<p className="my-5 mt-4 text-xl ">{t(`guide-back`)}</p>
</>
) : (
<>
<h1 className="mt-8 text-3xl font-semibold lg:text-4xl">
{t(`in-construction`)}
</h1>
<p className="mt-4 text-lg">{t(`check-later`)}</p>
<p className="my-2 mb-4 text-sm lg:text-lg">
{t(`blahaj-while-waiting`)}
</p>
</>
)}

<Image
src={Blahaj}
alt=""
className=" my-2 mx-auto max-h-[26rem] w-auto rounded-xl border"
style={{
maxWidth: "100%",
height: "auto"
}} />
<Image
src={Blahaj}
alt=""
className=" my-2 mx-auto max-h-[26rem] w-auto rounded-xl border"
style={{
maxWidth: `100%`,
height: `auto`,
}}
/>

<div className="mx-auto mt-8 mb-8 flex flex-wrap justify-center gap-4">
<Button
type="primary"
className="whitespace-nowrap bg-pinkRed"
onClick={() => router.back()}
>
{t(`go-back`)}
</Button>
<div className="mx-auto mt-8 mb-8 flex flex-wrap justify-center gap-4">
<Button
type="primary"
className="whitespace-nowrap bg-pinkRed"
onClick={() => router.back()}
>
{t(`go-back`)}
</Button>

<Button
type="secondary"
href="https://www.ikea.com/us/en/p/blahaj-soft-toy-shark-90373590/"
className="whitespace-nowrap"
>
<span className="mx-auto">{t(`get-blahaj`)}</span>
</Button>
</div>

<Button
type="secondary"
href="https://www.ikea.com/us/en/p/blahaj-soft-toy-shark-90373590/"
className="whitespace-nowrap"
<a
href="https://twitter.com/niichi021"
className="pt-4 text-sm text-gray-700 dark:text-gray-300"
>
<span className="mx-auto">{t(`get-blahaj`)}</span>
</Button>
{t(`image-sauce`)}
</a>
</div>

<a
href="https://twitter.com/niichi021"
className="pt-4 text-sm text-gray-700 dark:text-gray-300"
>
{t(`image-sauce`)}
</a>
</div>
</div>
<Footer />
</>;
<Footer />
</>
)
}

export const getStaticProps: GetStaticProps = async ({ locale }) => {
Expand Down
12 changes: 6 additions & 6 deletions pages/about.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -115,8 +115,8 @@ const OpenSource: NextPage<pageProps> = ({
height={72}
className="inline-block"
style={{
maxWidth: "100%",
height: "auto"
maxWidth: `100%`,
height: `auto`
}} />

<h2 className="mt-8 text-2xl font-bold lg:text-3xl">
Expand All @@ -138,8 +138,8 @@ const OpenSource: NextPage<pageProps> = ({
src={user.profile}
alt=""
style={{
maxWidth: "100%",
height: "auto"
maxWidth: `100%`,
height: `auto`
}} />
</div>

Expand All @@ -163,8 +163,8 @@ const OpenSource: NextPage<pageProps> = ({
height={400}
alt=""
style={{
maxWidth: "100%",
height: "auto"
maxWidth: `100%`,
height: `auto`
}} />
<h1 className="text-3xl font-bold"> {t(`section3-title`)}</h1>
<p className="mx-auto mt-2 mb-2 max-w-[34em]">{t(`section3-p`)}</p>
Expand Down
Loading

0 comments on commit 6bc2a8b

Please sign in to comment.