theoludwig/.profile
1
1
Fork 0
mirror of https://github.com/theoludwig/theoludwig.git synced 2025-05-29 22:37:44 +02:00
Code Issues Releases Activity

chore: better Prettier config for easier reviews

Browse Source
This commit is contained in:
Théo LUDWIG
2023-10-23 23:11:59 +02:00
parent c7ad15a465
commit e566ef6c38
105 changed files with 2138 additions and 2080 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
components/Profile/ProfileList/ProfileItem.tsx
View File

@ -8,14 +8,14 @@ export const ProfileItem = (props: ProfileItemProps): JSX.Element => {
const { title, value, link } = props
return (
<li className='mb-3 before:table after:clear-both after:table'>
<strong className='float-left block w-28 text-sm font-bold text-black dark:text-white'>
<li className="mb-3 before:table after:clear-both after:table">
<strong className="float-left block w-28 text-sm font-bold text-black dark:text-white">
{title}
</strong>
<span className='mb-4 ml-0 block text-sm font-normal text-gray dark:text-gray-dark sm:mb-0 sm:ml-32'>
<span className="mb-4 ml-0 block text-sm font-normal text-gray dark:text-gray-dark sm:mb-0 sm:ml-32">
{link != null ? (
<a
className='text-gray hover:underline dark:text-gray-dark'
className="text-gray hover:underline dark:text-gray-dark"
href={link}
>
{value}

32
components/Profile/ProfileList/index.tsx
View File

@ -1,12 +1,12 @@
'use client'
"use client"
import { useMemo } from 'react'
import { useMemo } from "react"
import { useI18n } from '@/i18n/i18n.client'
import { BIRTH_DATE, BIRTH_DATE_STRING, getAge } from '@/utils/getAge'
import type { CookiesStore } from '@/utils/constants'
import { useI18n } from "@/i18n/i18n.client"
import { BIRTH_DATE, BIRTH_DATE_STRING, getAge } from "@/utils/getAge"
import type { CookiesStore } from "@/utils/constants"
import { ProfileItem } from './ProfileItem'
import { ProfileItem } from "./ProfileItem"
export interface ProfileListProps {
cookiesStore: CookiesStore
@ -22,25 +22,25 @@ export const ProfileList = (props: ProfileListProps): JSX.Element => {
}, [])
return (
<ul className='m-0 list-none p-0'>
<ul className="m-0 list-none p-0">
<ProfileItem
title={i18n.translate('home.about.pronouns')}
value={i18n.translate('home.about.pronouns-value')}
title={i18n.translate("home.about.pronouns")}
value={i18n.translate("home.about.pronouns-value")}
/>
<ProfileItem
title={i18n.translate('home.about.birth-date')}
title={i18n.translate("home.about.birth-date")}
value={`${BIRTH_DATE_STRING} (${age} ${i18n.translate(
'home.about.years-old'
"home.about.years-old",
)})`}
/>
<ProfileItem
title={i18n.translate('home.about.nationality')}
value='Alsace, France'
title={i18n.translate("home.about.nationality")}
value="Alsace, France"
/>
<ProfileItem
title='Email'
value='contact@theoludwig.fr'
link='mailto:contact@theoludwig.fr'
title="Email"
value="contact@theoludwig.fr"
link="mailto:contact@theoludwig.fr"
/>
</ul>
)