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

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

@ -1,9 +1,9 @@
import { memo } from 'react'
import Image from 'next/image'
import Link from 'next/link'
import { memo } from "react"
import Image from "next/image"
import Link from "next/link"
import type { MemberWithPublicUser } from '../../../models/Member'
import { Emoji } from '../../Emoji'
import type { MemberWithPublicUser } from "../../../models/Member"
import { Emoji } from "../../Emoji"
export interface MemberProps {
member: MemberWithPublicUser
@ -14,27 +14,27 @@ const MemberMemo: React.FC<MemberProps> = (props) => {
return (
<Link href={`/application/users/${member.user.id}`}>
<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'>
<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={
member.user.logo == null
? '/images/data/user-default.png'
? "/images/data/user-default.png"
: member.user.logo
}
alt={"Users's profil picture"}
height={50}
width={50}
draggable={false}
className='rounded-full'
className="rounded-full"
/>
</div>
<div className='ml-5'>
<p data-cy='member-user-name' className='flex truncate font-bold'>
<div className="ml-5">
<p data-cy="member-user-name" className="flex truncate font-bold">
{member.user.name}
{member.isOwner && (
<span className='ml-4'>
<Emoji value=':crown:' size={18} />
<span className="ml-4">
<Emoji value=":crown:" size={18} />
</span>
)}
</p>

22
components/Application/Members/Members.tsx
View File

@ -1,11 +1,11 @@
import useTranslation from 'next-translate/useTranslation'
import InfiniteScroll from 'react-infinite-scroll-component'
import useTranslation from "next-translate/useTranslation"
import InfiniteScroll from "react-infinite-scroll-component"
import { Divider } from '../../design/Divider'
import { Loader } from '../../design/Loader'
import { useMembers } from '../../../contexts/Members'
import { Member } from './Member'
import { capitalize } from '../../../tools/utils/capitalize'
import { Divider } from "../../design/Divider"
import { Loader } from "../../design/Loader"
import { useMembers } from "../../../contexts/Members"
import { Member } from "./Member"
import { capitalize } from "../../../tools/utils/capitalize"
export const Members: React.FC = () => {
const { members, hasMore, nextPage } = useMembers()
@ -14,14 +14,14 @@ export const Members: React.FC = () => {
return (
<>
<div className='mb-2'>
<h1 data-cy='members-title' className='my-2 pt-2 text-center text-xl'>
{capitalize(t('application:members'))}
<div className="mb-2">
<h1 data-cy="members-title" className="my-2 pt-2 text-center text-xl">
{capitalize(t("application:members"))}
</h1>
<Divider />
</div>
<InfiniteScroll
className='members-list'
className="members-list"
dataLength={members.length}
next={nextPage}
hasMore={hasMore}

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

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