Re-Quest/frontend
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add personal tagline support and improve snake_case string formatting in profile data mapping

Browse Source
This commit is contained in:
pradeepkumar
2026-04-14 10:11:02 +05:30
parent dc2b279947
commit 9042913e22
4 changed files with 70 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/components/profile/ExperienceSection.tsx
View File

@@ -17,12 +17,8 @@ export function ExperienceSection({ experience }: ExperienceSectionProps) {
const [showAllExpertise, setShowAllExpertise] = useState(false);
const [showAllCertifications, setShowAllCertifications] = useState(false);
// Build agency display — append designation if flag is set
const agencyDisplay = experience.agencyName
? (experience.agencyShowDesignation && experience.agencyDesignation
? `${experience.agencyName} - ${experience.agencyDesignation}`
: experience.agencyName)
: '';
// Show agency block whenever name OR designation is filled
const hasAgency = !!(experience.agencyName || experience.agencyDesignation);
// Calculate how many more items are hidden
const licensingRemaining = experience.licensingAreas.length - INITIAL_DISPLAY_COUNT;
@@ -46,15 +42,20 @@ export function ExperienceSection({ experience }: ExperienceSectionProps) {
<div className="flex flex-col lg:flex-row gap-4 lg:gap-8">
{/* Left Column */}
<div className="flex-1 space-y-4">
{agencyDisplay && (
{hasAgency && (
<>
<div>
<p className="font-fractul font-bold text-[14px] leading-[17px] text-[#00293D] mb-2">{experience.agencySectionLabel}</p>
<ul className="list-disc list-inside">
<li className="font-serif font-medium text-[15px] leading-[21px] text-[#00293D]">
{agencyDisplay}
</li>
</ul>
{experience.agencyName && (
<p className="font-serif font-medium text-[15px] leading-[21px] text-[#00293D]">
{experience.agencyName}
</p>
)}
{experience.agencyDesignation && (
<p className="font-serif font-normal text-[14px] leading-[21px] text-[#00293D]/70">
{experience.agencyDesignation}
</p>
)}
</div>
{/* Horizontal divider */}
<div className="w-full h-0 border-t-[0.5px] border-solid border-[#00293D]/20" />