From 3d09cf4e1244f71db733ef96d8a6a5ff44390043 Mon Sep 17 00:00:00 2001
From: Yangshun Tay <tay.yang.shun@gmail.com>
Date: Mon, 7 Nov 2022 15:33:09 +0800
Subject: [PATCH] [offers][feat] show location in offers table

---
 apps/portal/src/components/offers/table/OffersRow.tsx  | 10 +++++++---
 .../portal/src/components/offers/table/OffersTable.tsx |  3 ++-
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/apps/portal/src/components/offers/table/OffersRow.tsx b/apps/portal/src/components/offers/table/OffersRow.tsx
index f80802e4..52cfbb4e 100644
--- a/apps/portal/src/components/offers/table/OffersRow.tsx
+++ b/apps/portal/src/components/offers/table/OffersRow.tsx
@@ -23,6 +23,7 @@ export default function OfferTableRow({
     company,
     id,
     income,
+    location,
     monthYearReceived,
     profileId,
     stocks,
@@ -32,9 +33,12 @@ export default function OfferTableRow({
 }: OfferTableRowProps) {
   return (
     <tr key={id} className="divide-x divide-slate-200 border-b bg-white">
-      <th className="whitespace-nowrap py-4 px-4 font-medium" scope="row">
-        {company.name}
-      </th>
+      <td className="space-y-0.5 py-4 px-4" scope="row">
+        <div className="font-medium">{company.name}</div>
+        <div className="text-xs text-slate-400">
+          {location.cityName} ({location.countryCode})
+        </div>
+      </td>
       <td className="py-4 px-4">
         {getLabelForJobTitleType(title as JobTitleType)}
       </td>
diff --git a/apps/portal/src/components/offers/table/OffersTable.tsx b/apps/portal/src/components/offers/table/OffersTable.tsx
index b200380b..7b2f4811 100644
--- a/apps/portal/src/components/offers/table/OffersTable.tsx
+++ b/apps/portal/src/components/offers/table/OffersTable.tsx
@@ -235,7 +235,8 @@ export default function OffersTable({
             <th
               key={header}
               className={clsx(
-                'whitespace-nowrap bg-slate-100 py-3 px-4',
+                'bg-slate-100 py-3 px-4',
+                header !== 'Company' && 'whitespace-nowrap',
                 // Make last column sticky.
                 index === columns.length - 1 &&
                   'sticky right-0 drop-shadow md:drop-shadow-none',