refactor: remove licensing areas section from ExperienceSection component
This commit is contained in:
@@ -79,38 +79,6 @@ export function ExperienceSection({ experience }: ExperienceSectionProps) {
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<p className="font-fractul font-bold text-[14px] leading-[17px] text-[#00293D] mb-3">{experience.licensingAreasLabel}</p>
|
||||
<div className="flex flex-wrap gap-2">
|
||||
{experience.licensingAreas.length > 0 ? (
|
||||
<>
|
||||
{displayedLicensing.map((area, idx) => (
|
||||
<Tag key={idx} variant="light">
|
||||
{area}
|
||||
</Tag>
|
||||
))}
|
||||
{!showAllLicensing && licensingRemaining > 0 && (
|
||||
<button
|
||||
onClick={() => setShowAllLicensing(true)}
|
||||
className="inline-flex items-center justify-center h-[28px] px-3 rounded-[15px] border border-[#00293d]/10 text-[15px] font-light font-serif text-[#00293d] cursor-pointer hover:bg-gray-50 transition-colors"
|
||||
>
|
||||
+{licensingRemaining} More
|
||||
</button>
|
||||
)}
|
||||
{showAllLicensing && experience.licensingAreas.length > INITIAL_DISPLAY_COUNT && (
|
||||
<button
|
||||
onClick={() => setShowAllLicensing(false)}
|
||||
className="inline-flex items-center justify-center h-[28px] px-3 rounded-[15px] border border-[#00293d]/10 text-[15px] font-light font-serif text-[#00293d] cursor-pointer hover:bg-gray-50 transition-colors"
|
||||
>
|
||||
Show Less
|
||||
</button>
|
||||
)}
|
||||
</>
|
||||
) : (
|
||||
<span className="text-[14px] font-serif text-[#00293D]/40">No licensed areas added</span>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Divider - Hidden on mobile, visible on desktop */}
|
||||
|
||||
Reference in New Issue
Block a user