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/Interests/InterestParagraph.tsx
View File

@ -1,4 +1,4 @@
import htmlParser from 'html-react-parser'
import htmlParser from "html-react-parser"
export interface InterestParagraphProps {
title: string
@ -6,14 +6,14 @@ export interface InterestParagraphProps {
}
export const InterestParagraph = (
props: InterestParagraphProps
props: InterestParagraphProps,
): JSX.Element => {
const { title, description } = props
return (
<>
<p className='my-6 text-center text-gray dark:text-gray-dark'>
<strong className='text-lg font-semibold text-yellow dark:text-yellow-dark'>
<p className="my-6 text-center text-gray dark:text-gray-dark">
<strong className="text-lg font-semibold text-yellow dark:text-yellow-dark">
{title}
</strong>
<br />

8
components/Interests/InterestsList/InterestItem.tsx
View File

@ -1,5 +1,5 @@
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
import type { IconDefinition } from '@fortawesome/free-solid-svg-icons'
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"
import type { IconDefinition } from "@fortawesome/free-solid-svg-icons"
interface InterestItemProps {
title: string
@ -10,9 +10,9 @@ export const InterestItem = (props: InterestItemProps): JSX.Element => {
const { fontAwesomeIcon, title } = props
return (
<li className='interest-item mx-2 my-2 h-8 w-8' title={title}>
<li className="interest-item mx-2 my-2 h-8 w-8" title={title}>
<FontAwesomeIcon
className='block h-full w-full text-yellow dark:text-yellow-dark'
className="block h-full w-full text-yellow dark:text-yellow-dark"
icon={fontAwesomeIcon}
/>
</li>

16
components/Interests/InterestsList/index.tsx
View File

@ -1,18 +1,18 @@
import { faCode, faMicrochip } from '@fortawesome/free-solid-svg-icons'
import { faGit } from '@fortawesome/free-brands-svg-icons'
import { faCode, faMicrochip } from "@fortawesome/free-solid-svg-icons"
import { faGit } from "@fortawesome/free-brands-svg-icons"
import { InterestItem } from './InterestItem'
import { InterestItem } from "./InterestItem"
export const InterestsList = (): JSX.Element => {
return (
<div className='my-4 flex justify-center'>
<ul className='m-0 flex w-96 list-none justify-around p-0'>
<InterestItem title='Developer Full Stack' fontAwesomeIcon={faCode} />
<div className="my-4 flex justify-center">
<ul className="m-0 flex w-96 list-none justify-around p-0">
<InterestItem title="Developer Full Stack" fontAwesomeIcon={faCode} />
<InterestItem
title='Passionate about High-Tech'
title="Passionate about High-Tech"
fontAwesomeIcon={faMicrochip}
/>
<InterestItem title='Open-Source enthusiast' fontAwesomeIcon={faGit} />
<InterestItem title="Open-Source enthusiast" fontAwesomeIcon={faGit} />
</ul>
</div>
)

12
components/Interests/index.tsx
View File

@ -1,21 +1,21 @@
import { getI18n } from '@/i18n/i18n.server'
import { getI18n } from "@/i18n/i18n.server"
import type { InterestParagraphProps } from './InterestParagraph'
import { InterestParagraph } from './InterestParagraph'
import { InterestsList } from './InterestsList'
import type { InterestParagraphProps } from "./InterestParagraph"
import { InterestParagraph } from "./InterestParagraph"
import { InterestsList } from "./InterestsList"
export const Interests = (): JSX.Element => {
const i18n = getI18n()
let paragraphs = i18n.translate<InterestParagraphProps[]>(
'home.interests.paragraphs'
"home.interests.paragraphs",
)
if (!Array.isArray(paragraphs)) {
paragraphs = []
}
return (
<div className='max-w-full'>
<div className="max-w-full">
{paragraphs.map((paragraph, index) => {
return <InterestParagraph key={index} {...paragraph} />
})}