diff --git a/apps/web/src/routes/resume/education.tsx b/apps/web/src/routes/resume/education.tsx index 5febe195..ebb57d10 100644 --- a/apps/web/src/routes/resume/education.tsx +++ b/apps/web/src/routes/resume/education.tsx @@ -1,5 +1,5 @@ import { Either, pipe } from 'effect' -import { type ReactElement, memo, useCallback, useMemo, useState } from 'react' +import { type ReactElement, useCallback, useMemo, useState } from 'react' import type * as Model from '@suddenlygiovanni/resume/schema-resume' import { Icons } from '@suddenlygiovanni/ui/components/icons/icons.tsx' @@ -16,7 +16,7 @@ import { Button } from '@suddenlygiovanni/ui/ui/button.tsx' import { formatDateLocaleShort } from './format-date-locale-short.ts' import { generateDjb2Hash } from './generate-djb2-hash.ts' -export const Education = memo(function Education({ +export function Education({ educations, }: { readonly educations: readonly Model.Education[] @@ -75,9 +75,9 @@ export const Education = memo(function Education({ ) -}) +} -const Edu = memo(function Edu({ +function Edu({ area, courses, endDate, @@ -134,13 +134,13 @@ const Edu = memo(function Edu({ ) -}) +} const styles = { span: clsx('flex flex-row items-center font-normal text-sm accent-muted'), } as const -const EduHeader = memo(function EduHeader({ +function EduHeader({ area, institution, url, @@ -244,4 +244,4 @@ const EduHeader = memo(function EduHeader({ ) -}) +} diff --git a/apps/web/src/routes/resume/experience.tsx b/apps/web/src/routes/resume/experience.tsx index f59a86b7..9f5a13b9 100644 --- a/apps/web/src/routes/resume/experience.tsx +++ b/apps/web/src/routes/resume/experience.tsx @@ -1,6 +1,6 @@ import type * as Model from '@suddenlygiovanni/resume/schema-resume' import { Either, Option } from 'effect' -import { type ReactElement, memo } from 'react' +import type { ReactElement } from 'react' import { Icons } from '@suddenlygiovanni/ui/components/icons/icons.tsx' import { T } from '@suddenlygiovanni/ui/components/typography/typography.tsx' @@ -13,7 +13,7 @@ import { Card } from '@suddenlygiovanni/ui/ui/card.tsx' import { getDevIconComponent } from '~/routes/resume/dev-icons.tsx' import { formatDateLocaleShort } from '~/routes/resume/format-date-locale-short.ts' -export const Experience = memo(function Experience( +export function Experience( work: Pick< Model.Work, 'contact' | 'description' | 'location' | 'name' | 'summary' | 'url' | 'roles' @@ -40,7 +40,7 @@ export const Experience = memo(function Experience( ) -}) +} const styles = { span: clsx('flex flex-row items-center font-normal text-sm italic accent-muted'), @@ -62,7 +62,7 @@ function getDates(roles: Model.Work['roles']): { } } -const ExperienceHeader = memo(function ExperienceHeader(work: { +function ExperienceHeader(work: { readonly name: Model.Work['name'] readonly url: undefined | Model.Work['url'] readonly description: Model.Work['description'] @@ -162,7 +162,7 @@ const ExperienceHeader = memo(function ExperienceHeader(work: { ) -}) +} function ExperienceSummary({ summary, diff --git a/apps/web/src/routes/resume/experiences.tsx b/apps/web/src/routes/resume/experiences.tsx index 876d8886..7ae1f9fe 100644 --- a/apps/web/src/routes/resume/experiences.tsx +++ b/apps/web/src/routes/resume/experiences.tsx @@ -1,4 +1,4 @@ -import { type ReactElement, memo, useCallback, useMemo, useState } from 'react' +import { type ReactElement, useCallback, useMemo, useState } from 'react' import type * as Model from '@suddenlygiovanni/resume/schema-resume' import { Icons } from '@suddenlygiovanni/ui/components/icons/icons.tsx' @@ -8,7 +8,7 @@ import { Button } from '@suddenlygiovanni/ui/ui/button.tsx' import { Experience } from './experience.tsx' -export const Experiences = memo(function Experiences({ +export function Experiences({ work, }: { readonly work: readonly Model.Work[] @@ -59,4 +59,4 @@ export const Experiences = memo(function Experiences({ ) -}) +} diff --git a/apps/web/src/routes/resume/skills.tsx b/apps/web/src/routes/resume/skills.tsx index 4e53e657..21632185 100644 --- a/apps/web/src/routes/resume/skills.tsx +++ b/apps/web/src/routes/resume/skills.tsx @@ -1,5 +1,5 @@ import { Option } from 'effect' -import { type ReactElement, memo, useCallback, useMemo, useState } from 'react' +import { type ReactElement, useCallback, useMemo, useState } from 'react' import type { Skill as ResumeSkill } from '@suddenlygiovanni/resume/schema-resume' import { Icons } from '@suddenlygiovanni/ui/components/icons/icons.tsx' @@ -15,7 +15,7 @@ import { Button } from '@suddenlygiovanni/ui/ui/button.tsx' import { getDevIconComponent } from './dev-icons.tsx' -export const Skills = memo(function Skills({ +export function Skills({ skills, }: { readonly skills: readonly ResumeSkill[] @@ -67,13 +67,9 @@ export const Skills = memo(function Skills({ ) -}) +} -const Skill = memo(function Skill({ - name, - keywords, - value, -}: ResumeSkill & { readonly value: string }): ReactElement { +function Skill({ name, keywords, value }: ResumeSkill & { readonly value: string }): ReactElement { return ( ) -}) +} -const KeywordsList = memo(function KeywordsList({ +function KeywordsList({ keywords, }: { readonly keywords: ResumeSkill['keywords'] @@ -123,9 +119,9 @@ const KeywordsList = memo(function KeywordsList({ ) -}) +} -const Keyword = memo(function Keyword({ +function Keyword({ keyword, }: { readonly keyword: ResumeSkill['keywords'][number] @@ -152,4 +148,4 @@ const Keyword = memo(function Keyword({ ), }) -}) +}