Skip to content

Commit

Permalink
use arrow functions
Browse files Browse the repository at this point in the history
  • Loading branch information
jakewheeler committed Nov 27, 2024
1 parent f8ca731 commit e98880a
Showing 1 changed file with 14 additions and 14 deletions.
28 changes: 14 additions & 14 deletions src/app/case-studies/_ui/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -5,27 +5,27 @@ interface ContainerProps {
children: React.ReactNode;
}

function PageContainer({ children }: ContainerProps) {
const PageContainer = ({ children }: ContainerProps) => {
return (
<div className="main ml-auto mr-auto flex items-center justify-center pb-20 lg:pl-[7.5rem] lg:pr-[7.5rem]">
{children}
</div>
);
}
};

function ContentContainer({ children }: ContainerProps) {
const ContentContainer = ({ children }: ContainerProps) => {
return (
<div className="content grid max-w-[53rem] grid-cols-1 gap-[3.75rem] pl-[3.75rem] pr-[3.75rem] pt-10">
{children}
</div>
);
}
};

function SectionContentContainer({ children }: ContainerProps) {
const SectionContentContainer = ({ children }: ContainerProps) => {
return <div className="flex flex-col gap-3">{children}</div>;
}
};

function ReturnToCaseStudiesLink() {
const ReturnToCaseStudiesLink = () => {
return (
<Link
className="font-['Public Sans'] text-base font-normal leading-relaxed text-[#3a7d95] underline"
Expand All @@ -34,21 +34,21 @@ function ReturnToCaseStudiesLink() {
Return to all case studies
</Link>
);
}
};

function Text({ children }: ContainerProps) {
const Text = ({ children }: ContainerProps) => {
return <p className="m-0 flex flex-col gap-6 p-0">{children}</p>;
}
};

function UnorderedList({ children }: ContainerProps) {
const UnorderedList = ({ children }: ContainerProps) => {
return (
<ul className="list__full-width flex flex-col gap-2 font-semibold">
{children}
</ul>
);
}
};

function ReadMore({ href, linkText }: { href: string; linkText: string }) {
const ReadMore = ({ href, linkText }: { href: string; linkText: string }) => {
return (
<>
<h2>Read more about our work</h2>
Expand All @@ -62,7 +62,7 @@ function ReadMore({ href, linkText }: { href: string; linkText: string }) {
</ExternalLink>
</>
);
}
};

export {
ContentContainer,
Expand Down

0 comments on commit e98880a

Please sign in to comment.