[offers][feat] show location in offers table

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">
+      <td className="space-y-0.5 py-4 px-4" scope="row">
-        {company.name}
+        <div className="font-medium">{company.name}</div>
-      </th>
+        <div className="text-xs text-slate-400">
+          {location.cityName} ({location.countryCode})
+        </div>
+      </td>
       <td className="py-4 px-4">
         {getLabelForJobTitleType(title as JobTitleType)}
       </td>

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',