added company logos
All checks were successful
Vercel Production Deployment / Deploy-Production (push) Successful in 1m22s

This commit is contained in:
christian 2024-06-09 17:04:06 +02:00
parent c793ba593e
commit f97685a0c1
2 changed files with 28 additions and 8 deletions

View File

@ -1,4 +1,14 @@
/** @type {import('next').NextConfig} */ /** @type {import('next').NextConfig} */
const nextConfig = {}; const nextConfig = {
images: {
remotePatterns: [
{
protocol: 'https',
hostname: 'thehub-io.imgix.net',
pathname: '/files/s3/*',
},
],
},
};
export default nextConfig; export default nextConfig;

View File

@ -6,6 +6,7 @@ import {
} from "@/components/ui/accordion"; } from "@/components/ui/accordion";
import parse from "html-react-parser"; import parse from "html-react-parser";
import styles from "./JobCardDescription.module.css"; import styles from "./JobCardDescription.module.css";
import Image from "next/image";
interface JobPosting { interface JobPosting {
title: string; title: string;
@ -35,15 +36,24 @@ export default async function JobCard(props: { job: JobPosting }) {
<Accordion type="single" collapsible> <Accordion type="single" collapsible>
<AccordionItem value="item-1"> <AccordionItem value="item-1">
<AccordionTrigger> <AccordionTrigger>
<div> <div className="flex flex-row items-center gap-4">
<h2 className="text-2xl text-left">{title}</h2> <Image
<div className="text-left items-center space-x-4"> className="max-h-12 w-auto"
<span className="">{company}</span> src={logo}
<span className="text-sm text-stone-500">{location}</span> alt={`${company}'s logo`}
<span className="text-sm text-stone-500">{type}</span> width={100}
height={100}
/>
<div className="flex flex-col justify-start">
<h2 className="text-2xl text-left">{title}</h2>
<div className="text-left items-center space-x-4">
<span className="">{company}</span>
<span className="text-sm text-stone-500">{location}</span>
<span className="text-sm text-stone-500">{type}</span>
</div>
</div> </div>
</div> </div>
<div></div>
</AccordionTrigger> </AccordionTrigger>
<AccordionContent> <AccordionContent>
<div className={`py-4 ${styles.parsedDescription}`}> <div className={`py-4 ${styles.parsedDescription}`}>