added company logos

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;

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>
+          <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>
         </AccordionTrigger>
         <AccordionContent>
           <div className={`py-4 ${styles.parsedDescription}`}>