diff --git a/src/app/ITJobbank.tsx b/src/app/ITJobbank.tsx index 9e58433..5117c7d 100644 --- a/src/app/ITJobbank.tsx +++ b/src/app/ITJobbank.tsx @@ -36,7 +36,7 @@ export default async function ITJobbank() { const jobs = await fetchJobs(); return ( <> -

IT Jobbank

+

IT Jobbank

It jobbank do not optimize their images for the web, and like to use images and videos in their job postings. This is heavily impacting the diff --git a/src/app/_jobcard/JobCard.tsx b/src/app/_jobcard/JobCard.tsx index 81ef9b2..54f9dd5 100644 --- a/src/app/_jobcard/JobCard.tsx +++ b/src/app/_jobcard/JobCard.tsx @@ -73,7 +73,7 @@ export default async function JobCard(props: { job: JobPosting }) { -

+
{title.length > 50 && title}
{parsedDescription} diff --git a/src/app/_jobcard/ParsedDescription.tsx b/src/app/_jobcard/ParsedDescription.tsx new file mode 100644 index 0000000..c9d59ff --- /dev/null +++ b/src/app/_jobcard/ParsedDescription.tsx @@ -0,0 +1,18 @@ +'use client'; + +import parse from 'html-react-parser'; + +interface ParsedDescriptionProps { + description: string; + className?: string; +} + +export default function ParsedDescription({ description, className }: ParsedDescriptionProps) { + const parsedDescription = parse(description); + + return ( +
+ {parsedDescription} +
+ ); +} diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 1676c2c..7db85d2 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -5,6 +5,7 @@ import { cn } from "@/lib/utils"; import { Analytics } from "@vercel/analytics/react"; import giteaIcon from "/public/icons/gitea.svg"; import Image from "next/image"; +import { Suspense } from "react"; const fontSans = FontSans({ subsets: ["latin"], @@ -23,13 +24,8 @@ export default function RootLayout({ }>) { return ( - - {children} + + Loading...

}>{children}