From d284b2b6099020829f4860851772e49ccd5a8399 Mon Sep 17 00:00:00 2001
From: Zhang Ziqing <zhangziqing9926@gmail.com>
Date: Tue, 8 Nov 2022 15:37:40 +0800
Subject: [PATCH] [offers][feat] add display of number of offers

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

diff --git a/apps/portal/src/components/offers/profile/ProfileDetails.tsx b/apps/portal/src/components/offers/profile/ProfileDetails.tsx
index 3be4ae3c..f46cfa47 100644
--- a/apps/portal/src/components/offers/profile/ProfileDetails.tsx
+++ b/apps/portal/src/components/offers/profile/ProfileDetails.tsx
@@ -49,8 +49,8 @@ type ProfileBackgroundProps = Readonly<{
 function ProfileBackground({ background }: ProfileBackgroundProps) {
   if (!background?.experiences?.length && !background?.educations?.length) {
     return (
-      <div className="p-4">
-        <p>No background information available.</p>
+      <div className="flex items-center justify-center p-8 text-slate-500">
+        <p>Creator has not filled in background information.</p>
       </div>
     );
   }
@@ -120,7 +120,9 @@ function ProfileAnalysis({
   return (
     <div className="space-y-4 p-4">
       {!analysis ? (
-        <p>No analysis available.</p>
+        <div className="flex items-center justify-center p-4 text-slate-500">
+          <p>This profile has no analysis yet.</p>
+        </div>
       ) : (
         <OfferAnalysis
           allAnalysis={analysis}
diff --git a/apps/portal/src/components/offers/table/OffersRow.tsx b/apps/portal/src/components/offers/table/OffersRow.tsx
index 244a01d5..64865087 100644
--- a/apps/portal/src/components/offers/table/OffersRow.tsx
+++ b/apps/portal/src/components/offers/table/OffersRow.tsx
@@ -25,6 +25,7 @@ export default function OfferTableRow({
     income,
     location,
     monthYearReceived,
+    numberOfOtherOffers,
     profileId,
     stocks,
     title,
@@ -61,6 +62,9 @@ export default function OfferTableRow({
           href={`/offers/profile/${profileId}`}>
           View Profile
         </Link>
+        <div className="text-xs text-slate-500">
+          This person also received {numberOfOtherOffers} other offer(s).
+        </div>
       </td>
     </tr>
   );