chore: better Prettier config for easier reviews
This commit is contained in:
@ -1,9 +1,9 @@
|
||||
import useTranslation from 'next-translate/useTranslation'
|
||||
import { PlusSmIcon, ArrowDownIcon } from '@heroicons/react/solid'
|
||||
import classNames from 'clsx'
|
||||
import Image from 'next/image'
|
||||
import useTranslation from "next-translate/useTranslation"
|
||||
import { PlusSmIcon, ArrowDownIcon } from "@heroicons/react/solid"
|
||||
import classNames from "clsx"
|
||||
import Image from "next/image"
|
||||
|
||||
import { PopupGuildCard } from './PopupGuildCard'
|
||||
import { PopupGuildCard } from "./PopupGuildCard"
|
||||
|
||||
export interface PopupGuildProps {
|
||||
className?: string
|
||||
@ -18,43 +18,43 @@ export const PopupGuild: React.FC<PopupGuildProps> = (props) => {
|
||||
<div
|
||||
className={classNames(
|
||||
className,
|
||||
'h-full-without-header flex min-w-full flex-wrap items-center justify-center overflow-y-auto p-8'
|
||||
"h-full-without-header flex min-w-full flex-wrap items-center justify-center overflow-y-auto p-8",
|
||||
)}
|
||||
>
|
||||
<PopupGuildCard
|
||||
image={
|
||||
<Image
|
||||
quality={100}
|
||||
src='/images/svg/design/create-guild.svg'
|
||||
alt={t('application:create-a-guild')}
|
||||
draggable='false'
|
||||
src="/images/svg/design/create-guild.svg"
|
||||
alt={t("application:create-a-guild")}
|
||||
draggable="false"
|
||||
width={230}
|
||||
height={230}
|
||||
/>
|
||||
}
|
||||
description={t('application:create-a-guild-description')}
|
||||
description={t("application:create-a-guild-description")}
|
||||
link={{
|
||||
icon: <PlusSmIcon className='mr-2 h-8 w-8' />,
|
||||
text: t('application:create-a-guild'),
|
||||
href: '/application/guilds/create'
|
||||
icon: <PlusSmIcon className="mr-2 h-8 w-8" />,
|
||||
text: t("application:create-a-guild"),
|
||||
href: "/application/guilds/create",
|
||||
}}
|
||||
/>
|
||||
<PopupGuildCard
|
||||
image={
|
||||
<Image
|
||||
quality={100}
|
||||
src='/images/svg/design/join-guild.svg'
|
||||
alt={t('application:join-a-guild')}
|
||||
draggable='false'
|
||||
src="/images/svg/design/join-guild.svg"
|
||||
alt={t("application:join-a-guild")}
|
||||
draggable="false"
|
||||
width={200}
|
||||
height={200}
|
||||
/>
|
||||
}
|
||||
description={t('application:join-a-guild-description')}
|
||||
description={t("application:join-a-guild-description")}
|
||||
link={{
|
||||
icon: <ArrowDownIcon className='mr-2 h-6 w-6' />,
|
||||
text: t('application:join-a-guild'),
|
||||
href: '/application/guilds/join'
|
||||
icon: <ArrowDownIcon className="mr-2 h-6 w-6" />,
|
||||
text: t("application:join-a-guild"),
|
||||
href: "/application/guilds/join",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
@ -1,5 +1,5 @@
|
||||
import React from 'react'
|
||||
import Link from 'next/link'
|
||||
import React from "react"
|
||||
import Link from "next/link"
|
||||
|
||||
export interface PopupGuildCardProps {
|
||||
image: JSX.Element
|
||||
@ -15,17 +15,17 @@ export const PopupGuildCard: React.FC<PopupGuildCardProps> = (props) => {
|
||||
const { image, description, link } = props
|
||||
|
||||
return (
|
||||
<div className='m-8 h-96 w-80 rounded-2xl bg-gray-800'>
|
||||
<div className='flex h-1/2 w-full items-center justify-center'>
|
||||
<div className="m-8 h-96 w-80 rounded-2xl bg-gray-800">
|
||||
<div className="flex h-1/2 w-full items-center justify-center">
|
||||
{image}
|
||||
</div>
|
||||
<div className='mt-2 flex h-1/2 w-full flex-col justify-between rounded-b-2xl bg-gray-700 shadow-sm'>
|
||||
<p className='mt-6 px-8 text-center text-sm text-gray-200'>
|
||||
<div className="mt-2 flex h-1/2 w-full flex-col justify-between rounded-b-2xl bg-gray-700 shadow-sm">
|
||||
<p className="mt-6 px-8 text-center text-sm text-gray-200">
|
||||
{description}
|
||||
</p>
|
||||
<Link
|
||||
href={link.href}
|
||||
className='mb-6 flex h-10 w-4/5 items-center justify-center self-center rounded-2xl bg-green-400 font-bold tracking-wide text-white transition duration-200 ease-in-out hover:bg-green-600'
|
||||
className="mb-6 flex h-10 w-4/5 items-center justify-center self-center rounded-2xl bg-green-400 font-bold tracking-wide text-white transition duration-200 ease-in-out hover:bg-green-600"
|
||||
>
|
||||
{link.icon}
|
||||
{link.text}
|
||||
|
@ -1 +1 @@
|
||||
export * from './PopupGuild'
|
||||
export * from "./PopupGuild"
|
||||
|
Reference in New Issue
Block a user