From 87d8ee389aaee0ea77ba2484bb749d99f5d65c7a Mon Sep 17 00:00:00 2001
From: pradeepkumar <kongupradeep@live.com>
Date: Wed, 15 Apr 2026 14:00:40 +0530
Subject: [PATCH] feat: display fallback "Not specified" state for agent work
 environment and tagline info cards

---
 src/app/(agent)/agent/dashboard/page.tsx  | 64 +++++++++++++----------
 src/app/(user)/user/profile/[id]/page.tsx | 64 +++++++++++++----------
 2 files changed, 72 insertions(+), 56 deletions(-)

diff --git a/src/app/(agent)/agent/dashboard/page.tsx b/src/app/(agent)/agent/dashboard/page.tsx
index e4a2471..9a8e3aa 100644
--- a/src/app/(agent)/agent/dashboard/page.tsx
+++ b/src/app/(agent)/agent/dashboard/page.tsx
@@ -496,34 +496,42 @@ export default function AgentDashboard() {
                 </div>
               }
             />
-            {workEnvironmentData.content && (
-              <InfoCard
-                title={workEnvironmentData.label}
-                icon={
-                  <Image
-                    src="/assets/icons/work-environment-icon.svg"
-                    alt={workEnvironmentData.label}
-                    width={28}
-                    height={28}
-                  />
-                }
-                content={<p className="font-serif font-semibold text-[14px] leading-[19px] text-[#00293D]">{workEnvironmentData.content}</p>}
-              />
-            )}
-            {testimonials.length > 0 && (
-              <InfoCard
-                title=""
-                icon={
-                  <Image
-                    src="/assets/icons/testimonial-star-icon.svg"
-                    alt="Testimonial"
-                    width={28}
-                    height={28}
-                  />
-                }
-                content={<p className="text-[14px] font-semibold font-serif leading-[19px] text-center text-[#00293D]">&ldquo;{testimonials[0].text.length > 150 ? testimonials[0].text.substring(0, 150) + '...' : testimonials[0].text}&rdquo;</p>}
-              />
-            )}
+            <InfoCard
+              title={workEnvironmentData.label}
+              icon={
+                <Image
+                  src="/assets/icons/work-environment-icon.svg"
+                  alt={workEnvironmentData.label}
+                  width={28}
+                  height={28}
+                />
+              }
+              content={
+                workEnvironmentData.content ? (
+                  <p className="font-serif font-semibold text-[14px] leading-[19px] text-[#00293D]">{workEnvironmentData.content}</p>
+                ) : (
+                  <p className="font-normal font-serif text-[14px] leading-[19px] text-[#00293D]/60">Not specified</p>
+                )
+              }
+            />
+            <InfoCard
+              title={personalTaglineData.label}
+              icon={
+                <Image
+                  src="/assets/icons/testimonial-star-icon.svg"
+                  alt={personalTaglineData.label}
+                  width={28}
+                  height={28}
+                />
+              }
+              content={
+                personalTaglineData.content ? (
+                  <p className="text-[14px] font-semibold font-serif leading-[19px] text-center text-[#00293D]">&ldquo;{personalTaglineData.content.length > 150 ? personalTaglineData.content.substring(0, 150) + '...' : personalTaglineData.content}&rdquo;</p>
+                ) : (
+                  <p className="font-normal font-serif text-[14px] leading-[19px] text-[#00293D]/60">Not specified</p>
+                )
+              }
+            />
           </div>
 
           {/* Specialization Section */}
diff --git a/src/app/(user)/user/profile/[id]/page.tsx b/src/app/(user)/user/profile/[id]/page.tsx
index 145d3e2..b76ee55 100644
--- a/src/app/(user)/user/profile/[id]/page.tsx
+++ b/src/app/(user)/user/profile/[id]/page.tsx
@@ -424,34 +424,42 @@ export default function AgentProfileView() {
                 </div>
               }
             />
-            {workEnvironmentData.content && (
-              <InfoCard
-                title={workEnvironmentData.label}
-                icon={
-                  <Image
-                    src="/assets/icons/work-environment-icon.svg"
-                    alt={workEnvironmentData.label}
-                    width={28}
-                    height={28}
-                  />
-                }
-                content={<p className="font-serif font-semibold text-[14px] leading-[19px] text-[#00293D]">{workEnvironmentData.content}</p>}
-              />
-            )}
-            {personalTaglineData.content && (
-              <InfoCard
-                title={personalTaglineData.label}
-                icon={
-                  <Image
-                    src="/assets/icons/testimonial-star-icon.svg"
-                    alt={personalTaglineData.label}
-                    width={28}
-                    height={28}
-                  />
-                }
-                content={<p className="text-[14px] font-semibold font-serif leading-[19px] text-center text-[#00293D]">&ldquo;{personalTaglineData.content.length > 150 ? personalTaglineData.content.substring(0, 150) + '...' : personalTaglineData.content}&rdquo;</p>}
-              />
-            )}
+            <InfoCard
+              title={workEnvironmentData.label}
+              icon={
+                <Image
+                  src="/assets/icons/work-environment-icon.svg"
+                  alt={workEnvironmentData.label}
+                  width={28}
+                  height={28}
+                />
+              }
+              content={
+                workEnvironmentData.content ? (
+                  <p className="font-serif font-semibold text-[14px] leading-[19px] text-[#00293D]">{workEnvironmentData.content}</p>
+                ) : (
+                  <p className="font-normal font-serif text-[14px] leading-[19px] text-[#00293D]/60">Not specified</p>
+                )
+              }
+            />
+            <InfoCard
+              title={personalTaglineData.label}
+              icon={
+                <Image
+                  src="/assets/icons/testimonial-star-icon.svg"
+                  alt={personalTaglineData.label}
+                  width={28}
+                  height={28}
+                />
+              }
+              content={
+                personalTaglineData.content ? (
+                  <p className="text-[14px] font-semibold font-serif leading-[19px] text-center text-[#00293D]">&ldquo;{personalTaglineData.content.length > 150 ? personalTaglineData.content.substring(0, 150) + '...' : personalTaglineData.content}&rdquo;</p>
+                ) : (
+                  <p className="font-normal font-serif text-[14px] leading-[19px] text-[#00293D]/60">Not specified</p>
+                )
+              }
+            />
           </div>
 
           {/* Specialization Section */}