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

feat: truncate testimonial title snippet to 35 characters with line-clamp support

Browse Source
This commit is contained in:
pradeepkumar
2026-04-17 07:24:23 +05:30
parent 97b45fff82
commit 8cb5902200
1 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/profile/TestimonialCard.tsx
View File

@@ -11,6 +11,8 @@ interface TestimonialCardProps {
} }
export function TestimonialCard({ text, author, role, rating }: TestimonialCardProps) { export function TestimonialCard({ text, author, role, rating }: TestimonialCardProps) {
// Title snippet: first ~35 chars of the testimonial text (matches mobile behavior)
const titleSnippet = text.length > 35 ? `${text.slice(0, 35)} ..` : text;
return ( return (
<div className="p-4 border border-[#00293D]/10 rounded-[15px] h-full flex flex-col"> <div className="p-4 border border-[#00293D]/10 rounded-[15px] h-full flex flex-col">
<div className="mb-4"> <div className="mb-4">
@@ -21,7 +23,7 @@ export function TestimonialCard({ text, author, role, rating }: TestimonialCardP
height={13} height={13}
className="mb-3" className="mb-3"
/> />
<p className="font-medium text-[#00293D] text-[14px] leading-[17px] font-fractul">I have been working with Lorem .</p> <p className="font-medium text-[#00293D] text-[14px] leading-[17px] font-fractul line-clamp-1">{titleSnippet}</p>
</div> </div>
<p className="text-[#00293D] text-[14px] leading-[19px] font-normal font-serif mb-4 flex-1">{text}</p> <p className="text-[#00293D] text-[14px] leading-[19px] font-normal font-serif mb-4 flex-1">{text}</p>
<div className="pt-4 border-t border-[#00293D]/20 space-y-2"> <div className="pt-4 border-t border-[#00293D]/20 space-y-2">