From f97685a0c1035170fb833e82f89d2102e07a78a6 Mon Sep 17 00:00:00 2001
From: christian <christian@rannes.com>
Date: Sun, 9 Jun 2024 17:04:06 +0200
Subject: [PATCH] added company logos

---
 next.config.mjs              | 12 +++++++++++-
 src/app/_jobcard/JobCard.tsx | 24 +++++++++++++++++-------
 2 files changed, 28 insertions(+), 8 deletions(-)

diff --git a/next.config.mjs b/next.config.mjs
index 4678774..1d36768 100644
--- a/next.config.mjs
+++ b/next.config.mjs
@@ -1,4 +1,14 @@
 /** @type {import('next').NextConfig} */
-const nextConfig = {};
+const nextConfig = {
+    images: {
+        remotePatterns: [
+            {
+                protocol: 'https',
+                hostname: 'thehub-io.imgix.net',
+                pathname: '/files/s3/*',
+            },
+        ],
+    },
+};
 
 export default nextConfig;
diff --git a/src/app/_jobcard/JobCard.tsx b/src/app/_jobcard/JobCard.tsx
index 633808f..9712efe 100644
--- a/src/app/_jobcard/JobCard.tsx
+++ b/src/app/_jobcard/JobCard.tsx
@@ -6,6 +6,7 @@ import {
 } from "@/components/ui/accordion";
 import parse from "html-react-parser";
 import styles from "./JobCardDescription.module.css";
+import Image from "next/image";
 
 interface JobPosting {
   title: string;
@@ -35,15 +36,24 @@ export default async function JobCard(props: { job: JobPosting }) {
     <Accordion type="single" collapsible>
       <AccordionItem value="item-1">
         <AccordionTrigger>
-          <div>
-            <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 className="flex flex-row items-center gap-4">
+            <Image
+              className="max-h-12 w-auto"
+              src={logo}
+              alt={`${company}'s logo`}
+              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>
         </AccordionTrigger>
         <AccordionContent>
           <div className={`py-4 ${styles.parsedDescription}`}>