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

fix: update dependencies to latest

Browse Source
This commit is contained in:
Divlo
2023-04-03 00:11:19 +02:00
parent c96385edd5
commit ae953d6c1a
38 changed files with 7885 additions and 3125 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/Application/Application.tsx
View File

@ -185,7 +185,7 @@ export const Application: React.FC<
visible={visibleSidebars.left}
isMobile={isMobile}
>
<div className='top-0 left-0 z-50 flex min-w-[92px] flex-col space-y-4 border-r-2 border-gray-500 bg-gray-200 py-2 dark:border-white/20 dark:bg-gray-800'>
<div className='left-0 top-0 z-50 flex min-w-[92px] flex-col space-y-4 border-r-2 border-gray-500 bg-gray-200 py-2 dark:border-white/20 dark:bg-gray-800'>
<IconLink
href={`/application/users/settings`}
selected={path === `/application/users/settings`}

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

@ -64,7 +64,7 @@ export const ChannelSettings: React.FC<ChannelSettingsProps> = (props) => {
} catch (error) {
return {
type: 'error',
value: 'errors:server-error'
message: 'errors:server-error'
}
}
}

2
components/Application/Channels/Channel.tsx
View File

@ -25,7 +25,7 @@ const ChannelMemo: React.FC<ChannelProps> = (props) => {
<Link
href={`/application/${path.guildId}/${channel.id}`}
className={classNames(
'group relative my-3 mx-3 flex items-center justify-between overflow-hidden rounded-lg py-2 text-sm transition-all duration-200 hover:bg-gray-100 dark:hover:bg-gray-600',
'group relative mx-3 my-3 flex items-center justify-between overflow-hidden rounded-lg py-2 text-sm transition-all duration-200 hover:bg-gray-100 dark:hover:bg-gray-600',
{
'font-semibold text-green-800 dark:text-green-400': selected
}

2
components/Application/ConfirmPopup/ConfirmPopup.tsx
View File

@ -27,7 +27,7 @@ export const ConfirmPopup: React.FC<ConfirmPopupProps> = ({ ...props }) => {
<div className={props.className}>
<Loader
className={classNames(
'absolute top-1/2 left-1/2 scale-0 transition-all',
'absolute left-1/2 top-1/2 scale-0 transition-all',
{
'scale-100': isLoading
}

2
components/Application/CreateChannel/CreateChannel.tsx
View File

@ -38,7 +38,7 @@ export const CreateChannel: React.FC = () => {
} catch (error) {
return {
type: 'error',
value: 'errors:server-error'
message: 'errors:server-error'
}
}
}

2
components/Application/CreateGuild/CreateGuild.tsx
View File

@ -45,7 +45,7 @@ export const CreateGuild: React.FC = () => {
} catch (error) {
return {
type: 'error',
value: 'errors:server-error'
message: 'errors:server-error'
}
}
}

4
components/Application/GuildSettings/GuildSettings.tsx
View File

@ -56,12 +56,12 @@ export const GuildSettings: React.FC = () => {
setInputValues(formData as unknown as any)
return {
type: 'success',
value: 'application:saved-information'
message: 'application:saved-information'
}
} catch (error) {
return {
type: 'error',
value: 'errors:server-error'
message: 'errors:server-error'
}
}
}

2
components/Application/JoinGuildsPublic/GuildPublic.tsx
View File

@ -96,7 +96,7 @@ export const GuildPublic: React.FC<GuildPublicProps> = (props) => {
<ConfirmPopup
title={`${t('application:join-the-guild')} ?`}
className={classNames(
'w-ful h-ful translate-x- absolute top-1/2 left-full flex h-full w-full -translate-y-1/2 flex-col items-center justify-center rounded-2xl transition-all',
'w-ful h-ful translate-x- absolute left-full top-1/2 flex h-full w-full -translate-y-1/2 flex-col items-center justify-center rounded-2xl transition-all',
{
'!left-0': isConfirmed
}

2
components/Application/JoinGuildsPublic/JoinGuildsPublic.tsx
View File

@ -49,7 +49,7 @@ export const JoinGuildsPublic: React.FC = () => {
<input
data-cy='search-guild-input'
onChange={handleChange}
className='my-6 mx-auto mt-16 w-10/12 rounded-md border border-gray-500 bg-white p-3 dark:border-gray-700 dark:bg-[#3B3B3B] sm:w-8/12 md:w-6/12 lg:w-5/12'
className='mx-auto my-6 mt-16 w-10/12 rounded-md border border-gray-500 bg-white p-3 dark:border-gray-700 dark:bg-[#3B3B3B] sm:w-8/12 md:w-6/12 lg:w-5/12'
type='search'
name='search-guild'
placeholder={`🔎 ${t('application:search')}...`}

2
components/Application/Members/Member.tsx
View File

@ -14,7 +14,7 @@ const MemberMemo: React.FC<MemberProps> = (props) => {
return (
<Link href={`/application/users/${member.user.id}`}>
<div className='flex cursor-pointer items-center overflow-hidden py-2 px-6 pr-10 hover:bg-gray-300 dark:hover:bg-gray-900'>
<div className='flex cursor-pointer items-center overflow-hidden px-6 py-2 pr-10 hover:bg-gray-300 dark:hover:bg-gray-900'>
<div className='flex min-w-[50px] rounded-full'>
<Image
src={

2
components/Application/Messages/Message/MessageOptions/MessageOptions.tsx
View File

@ -22,7 +22,7 @@ export const MessageOptions: React.FC<
}
return (
<div className='absolute right-6 -top-8 flex opacity-0 transition-opacity group-hover:opacity-100'>
<div className='absolute -top-8 right-6 flex opacity-0 transition-opacity group-hover:opacity-100'>
{message.type === 'text' && (
<div
className='message-options rounded-l-lg border-l-slate-600'

4
components/Application/Sidebar/Sidebar.tsx
View File

@ -21,13 +21,13 @@ export const Sidebar: React.FC<React.PropsWithChildren<SidebarProps>> = (
className={classNames(
'h-full-without-header visible z-50 flex bg-gray-200 drop-shadow-2xl transition-all dark:bg-gray-800',
{
'scrollbar-firefox-support top-0 right-0 flex-col space-y-1 overflow-y-auto':
'scrollbar-firefox-support right-0 top-0 flex-col space-y-1 overflow-y-auto':
direction === 'right',
'w-72': direction === 'right' && visible,
'invisible w-0 opacity-0': !visible,
'w-80': direction === 'left' && visible,
'max-w-max': typeof path !== 'string' && direction === 'left',
'top-0 right-0': direction === 'right' && isMobile,
'right-0 top-0': direction === 'right' && isMobile,
absolute: isMobile
}
)}

4
components/Application/UserProfile/UserProfile.tsx
View File

@ -58,7 +58,7 @@ export const UserProfile: React.FC<UserProfileProps> = (props) => {
<a
href={`mailto:${user.email}`}
target='_blank'
className='relative ml-2 font-normal tracking-wide no-underline opacity-80 transition-all after:absolute after:left-0 after:bottom-[-1px] after:h-[1px] after:w-0 after:bg-black after:transition-all hover:opacity-100 hover:after:w-full dark:after:bg-white'
className='relative ml-2 font-normal tracking-wide no-underline opacity-80 transition-all after:absolute after:bottom-[-1px] after:left-0 after:h-[1px] after:w-0 after:bg-black after:transition-all hover:opacity-100 hover:after:w-full dark:after:bg-white'
rel='noreferrer'
data-cy='user-email'
>
@ -73,7 +73,7 @@ export const UserProfile: React.FC<UserProfileProps> = (props) => {
target='_blank'
rel='noreferrer'
href={user.website}
className='relative ml-2 font-normal tracking-wide no-underline opacity-80 transition-all after:absolute after:left-0 after:bottom-[-2px] after:h-[1px] after:w-0 after:bg-black after:transition-all hover:opacity-100 hover:after:w-full dark:after:bg-white'
className='relative ml-2 font-normal tracking-wide no-underline opacity-80 transition-all after:absolute after:bottom-[-2px] after:left-0 after:h-[1px] after:w-0 after:bg-black after:transition-all hover:opacity-100 hover:after:w-full dark:after:bg-white'
>
{user.website}
</a>

12
components/Application/UserSettings/UserSettings.tsx
View File

@ -75,7 +75,7 @@ export const UserSettings: React.FC = () => {
if (hasEmailChanged) {
return {
type: 'success',
value: 'application:success-email-changed'
message: 'application:success-email-changed'
}
}
const { data: userCurrentSettings } = await authentication.api.put(
@ -94,7 +94,7 @@ export const UserSettings: React.FC = () => {
})
return {
type: 'success',
value: 'application:saved-information'
message: 'application:saved-information'
}
} catch (error) {
if (axios.isAxiosError(error) && error.response?.status === 400) {
@ -102,22 +102,22 @@ export const UserSettings: React.FC = () => {
if (message.endsWith('already taken.')) {
return {
type: 'error',
value: 'authentication:already-used'
message: 'authentication:already-used'
}
} else if (message.endsWith('email to sign in.')) {
return {
type: 'error',
value: 'authentication:email-required-to-sign-in'
message: 'authentication:email-required-to-sign-in'
}
}
return {
type: 'error',
value: 'errors:server-error'
message: 'errors:server-error'
}
}
return {
type: 'error',
value: 'errors:server-error'
message: 'errors:server-error'
}
}
}

12
components/Authentication/Authentication.tsx
View File

@ -54,7 +54,7 @@ export const Authentication: React.FC<AuthenticationProps> = (props) => {
formElement.reset()
return {
type: 'success',
value: 'authentication:success-signup'
message: 'authentication:success-signup'
}
} catch (error) {
if (axios.isAxiosError(error) && error.response?.status === 400) {
@ -62,17 +62,17 @@ export const Authentication: React.FC<AuthenticationProps> = (props) => {
if (message.endsWith('already taken.')) {
return {
type: 'error',
value: 'authentication:already-used'
message: 'authentication:already-used'
}
}
return {
type: 'error',
value: 'errors:server-error'
message: 'errors:server-error'
}
}
return {
type: 'error',
value: 'errors:server-error'
message: 'errors:server-error'
}
}
} else {
@ -86,12 +86,12 @@ export const Authentication: React.FC<AuthenticationProps> = (props) => {
if (axios.isAxiosError(error) && error.response?.status === 400) {
return {
type: 'error',
value: 'authentication:wrong-credentials'
message: 'authentication:wrong-credentials'
}
}
return {
type: 'error',
value: 'errors:server-error'
message: 'errors:server-error'
}
}
}

4
components/Header/SwitchTheme.tsx
View File

@ -29,7 +29,7 @@ export const SwitchTheme: React.FC = () => {
<div
data-cy='switch-theme-dark'
className={classNames(
'absolute top-0 bottom-0 left-[8px] mt-auto mb-auto h-[10px] w-[14px] leading-[0] transition-opacity duration-[250ms] ease-in-out',
'absolute bottom-0 left-[8px] top-0 mb-auto mt-auto h-[10px] w-[14px] leading-[0] transition-opacity duration-[250ms] ease-in-out',
{
'opacity-100': theme === 'dark',
'opacity-0': theme === 'light'
@ -43,7 +43,7 @@ export const SwitchTheme: React.FC = () => {
<div
data-cy='switch-theme-light'
className={classNames(
'absolute right-[10px] top-0 bottom-0 mt-auto mb-auto h-[10px] w-[10px] leading-[0]',
'absolute bottom-0 right-[10px] top-0 mb-auto mt-auto h-[10px] w-[10px] leading-[0]',
{
'opacity-100': theme === 'light',
'opacity-0': theme === 'dark'

2
components/design/Checkbox/Checkbox.tsx
View File

@ -13,7 +13,7 @@ export const Checkbox: React.FC<CheckboxProps> = (props) => {
{...props}
type='checkbox'
id={id}
className='relative mr-3 min-h-[25px] min-w-[25px] cursor-pointer appearance-none rounded-md bg-gradient-to-t from-[#bcc7d4] to-[#d3dfed] transition-all before:absolute before:top-[50%] before:left-[59%] before:h-[12px] before:w-[2px] before:translate-x-[-59%] before:translate-y-[-50%] before:rotate-[40deg] before:scale-0 before:bg-black before:transition-all after:absolute after:top-[62.5%] after:left-[36%] after:h-[7px] after:w-[2px] after:translate-x-[-35%] after:translate-y-[-62.5%] after:rotate-[-50deg] after:scale-0 after:bg-black after:transition-all after:duration-200 checked:before:scale-100 checked:after:scale-100 dark:from-[#1f2937] dark:to-[#273547] dark:before:bg-white dark:after:bg-white'
className='relative mr-3 min-h-[25px] min-w-[25px] cursor-pointer appearance-none rounded-md bg-gradient-to-t from-[#bcc7d4] to-[#d3dfed] transition-all before:absolute before:left-[59%] before:top-[50%] before:h-[12px] before:w-[2px] before:translate-x-[-59%] before:translate-y-[-50%] before:rotate-[40deg] before:scale-0 before:bg-black before:transition-all after:absolute after:left-[36%] after:top-[62.5%] after:h-[7px] after:w-[2px] after:translate-x-[-35%] after:translate-y-[-62.5%] after:rotate-[-50deg] after:scale-0 after:bg-black after:transition-all after:duration-200 checked:before:scale-100 checked:after:scale-100 dark:from-[#1f2937] dark:to-[#273547] dark:before:bg-white dark:after:bg-white'
/>
<label
className='duration-400 cursor-pointer select-none opacity-80 transition hover:opacity-100 '

4
components/design/Input/Input.tsx
View File

@ -36,7 +36,7 @@ export const Input: React.FC<InputProps> = (props) => {
return (
<div className='flex flex-col'>
<div className={classNames('mt-6 mb-2 flex justify-between', className)}>
<div className={classNames('mb-2 mt-6 flex justify-between', className)}>
<label className='pl-1' htmlFor={name}>
{label}
</label>
@ -66,7 +66,7 @@ export const Input: React.FC<InputProps> = (props) => {
style={{
backgroundImage: `url('/images/svg/icons/input/${inputType}.svg')`
}}
className='absolute top-3 right-4 z-10 h-5 w-5 cursor-pointer bg-[#f1f1f1] bg-cover'
className='absolute right-4 top-3 z-10 h-5 w-5 cursor-pointer bg-[#f1f1f1] bg-cover'
/>
)}
<FormState

2
components/design/Loader/Loader.tsx
View File

@ -13,7 +13,7 @@ export const Loader: React.FC<LoaderProps> = (props) => {
<div className={props.className}>
<div
data-cy='progress-spinner'
className='relative my-0 mx-auto before:block before:pt-[100%] before:content-none'
className='relative mx-auto my-0 before:block before:pt-[100%] before:content-none'
style={{ width: `${width}px`, height: `${height}px` }}
>
<svg className={styles['progressSpinnerSvg']} viewBox='25 25 50 50'>

2
components/design/Textarea/Textarea.tsx
View File

@ -10,7 +10,7 @@ export const Textarea: React.FC<TextareaProps> = (props) => {
return (
<div className='flex flex-col'>
<div className='mt-6 mb-2 flex justify-between'>
<div className='mb-2 mt-6 flex justify-between'>
<label className='pl-1' htmlFor={id}>
{label}
</label>