Thream/website
Archived
2
2
Fork 0
Code Issues Pull Requests Releases Activity

chore: better Prettier config for easier reviews

Browse Source
This commit is contained in:
Théo LUDWIG
2023-10-23 23:33:39 +02:00
parent a8781724d4
commit 71ea41695f
209 changed files with 4093 additions and 4114 deletions
Download Patch File Download Diff File Expand all files Collapse all files

98
components/Application/ChannelSettings/ChannelSettings.tsx
View File

@ -1,26 +1,26 @@
import { useRouter } from 'next/router'
import { useState } from 'react'
import { Form, useForm } from 'react-component-form'
import useTranslation from 'next-translate/useTranslation'
import classNames from 'clsx'
import axios from 'axios'
import type { HandleUseFormCallback } from 'react-component-form'
import { useRouter } from "next/router"
import { useState } from "react"
import { Form, useForm } from "react-component-form"
import useTranslation from "next-translate/useTranslation"
import classNames from "clsx"
import axios from "axios"
import type { HandleUseFormCallback } from "react-component-form"
import { FormState } from '../../design/FormState'
import { useGuildMember } from '../../../contexts/GuildMember'
import { Input } from '../../design/Input'
import { Button } from '../../design/Button'
import { useAuthentication } from '../../../tools/authentication'
import { FormState } from "../../design/FormState"
import { useGuildMember } from "../../../contexts/GuildMember"
import { Input } from "../../design/Input"
import { Button } from "../../design/Button"
import { useAuthentication } from "../../../tools/authentication"
import type {
Channel,
ChannelWithDefaultChannelId
} from '../../../models/Channel'
import { channelSchema } from '../../../models/Channel'
import { ConfirmPopup } from '../ConfirmPopup'
import { useFormTranslation } from '../../../hooks/useFormTranslation'
ChannelWithDefaultChannelId,
} from "../../../models/Channel"
import { channelSchema } from "../../../models/Channel"
import { ConfirmPopup } from "../ConfirmPopup"
import { useFormTranslation } from "../../../hooks/useFormTranslation"
const schema = {
name: channelSchema.name
name: channelSchema.name,
}
export interface ChannelSettingsProps {
@ -36,7 +36,7 @@ export const ChannelSettings: React.FC<ChannelSettingsProps> = (props) => {
const { channel } = props
const [inputValues, setInputValues] = useState({
name: channel.name
name: channel.name,
})
const [confirmation, setConfirmation] = useState(false)
@ -51,7 +51,7 @@ export const ChannelSettings: React.FC<ChannelSettingsProps> = (props) => {
message,
errors,
setFetchState,
setMessage
setMessage,
} = useForm(schema)
const { getFirstErrorTranslation } = useFormTranslation()
@ -63,8 +63,8 @@ export const ChannelSettings: React.FC<ChannelSettingsProps> = (props) => {
return null
} catch (error) {
return {
type: 'error',
message: 'errors:server-error'
type: "error",
message: "errors:server-error",
}
}
}
@ -75,7 +75,7 @@ export const ChannelSettings: React.FC<ChannelSettingsProps> = (props) => {
setInputValues((oldInputValues) => {
return {
...oldInputValues,
[event.target.name]: event.target.value
[event.target.name]: event.target.value,
}
})
}
@ -84,15 +84,15 @@ export const ChannelSettings: React.FC<ChannelSettingsProps> = (props) => {
try {
const { data } =
await authentication.api.delete<ChannelWithDefaultChannelId>(
`/channels/${channel.id}`
`/channels/${channel.id}`,
)
await router.push(`/application/${guild.id}/${data.defaultChannelId}`)
} catch (error) {
setFetchState('error')
setFetchState("error")
if (axios.isAxiosError(error) && error.response?.status === 400) {
setMessage('application:delete-channel-only-one')
setMessage("application:delete-channel-only-one")
} else {
setMessage('errors:server-error')
setMessage("errors:server-error")
}
}
}
@ -101,37 +101,37 @@ export const ChannelSettings: React.FC<ChannelSettingsProps> = (props) => {
<>
<Form
onSubmit={handleUseForm(onSubmit)}
className='my-auto flex flex-col items-center justify-center py-12'
className="my-auto flex flex-col items-center justify-center py-12"
>
<div className='flex w-full flex-col items-center justify-center sm:w-fit lg:flex-row'>
<div className=' flex w-full flex-wrap items-center justify-center px-6 sm:w-max'>
<div className='mx-12 flex flex-col'>
<div className="flex w-full flex-col items-center justify-center sm:w-fit lg:flex-row">
<div className=" flex w-full flex-wrap items-center justify-center px-6 sm:w-max">
<div className="mx-12 flex flex-col">
<Input
name='name'
label={t('common:name')}
placeholder={t('common:name')}
className='!mt-0'
name="name"
label={t("common:name")}
placeholder={t("common:name")}
className="!mt-0"
onChange={onChange}
value={inputValues.name}
error={getFirstErrorTranslation(errors.name)}
data-cy='channel-name-input'
data-cy="channel-name-input"
/>
</div>
</div>
</div>
<div className='mt-12 flex flex-col items-center justify-center sm:w-fit'>
<div className='space-x-6'>
<Button type='submit' data-cy='button-save-channel-settings'>
{t('application:save')}
<div className="mt-12 flex flex-col items-center justify-center sm:w-fit">
<div className="space-x-6">
<Button type="submit" data-cy="button-save-channel-settings">
{t("application:save")}
</Button>
<Button
type='button'
color='red'
type="button"
color="red"
onClick={handleConfirmation}
data-cy='button-delete-channel-settings'
data-cy="button-delete-channel-settings"
>
{t('application:delete')}
{t("application:delete")}
</Button>
</div>
<FormState state={fetchState} message={message} />
@ -139,17 +139,17 @@ export const ChannelSettings: React.FC<ChannelSettingsProps> = (props) => {
</Form>
<div
className={classNames(
'pointer-events-none invisible absolute z-50 flex h-full w-full items-center justify-center bg-black bg-opacity-90 opacity-0 backdrop-blur-md transition-all',
{ 'pointer-events-auto !visible !opacity-100': confirmation }
"pointer-events-none invisible absolute z-50 flex h-full w-full items-center justify-center bg-black bg-opacity-90 opacity-0 backdrop-blur-md transition-all",
{ "pointer-events-auto !visible !opacity-100": confirmation },
)}
>
<ConfirmPopup
className={classNames('relative top-8 transition-all', {
'!top-0': confirmation
className={classNames("relative top-8 transition-all", {
"!top-0": confirmation,
})}
handleYes={handleDelete}
handleNo={handleConfirmation}
title={`${t('application:delete-the-channel')} ?`}
title={`${t("application:delete-the-channel")} ?`}
/>
</div>
</>

2
components/Application/ChannelSettings/index.ts
View File

@ -1 +1 @@
export * from './ChannelSettings'
export * from "./ChannelSettings"