diff --git a/components/page/member-details/bio.tsx b/components/page/member-details/bio.tsx index 027bb31c..33c27718 100644 --- a/components/page/member-details/bio.tsx +++ b/components/page/member-details/bio.tsx @@ -9,6 +9,7 @@ import Cookies from 'js-cookie'; import { toast } from 'react-toastify'; import { updateMember } from '@/services/members.service'; import { ADMIN_ROLE } from '@/utils/constants'; +import Image from 'next/image'; const Bio = ({ member, userInfo }: { member: any; userInfo: any }) => { const contentLength = 347; @@ -121,11 +122,17 @@ const Bio = ({ member, userInfo }: { member: any; userInfo: any }) => { {content?.length > clippedContent?.length && ( )} {content?.length > contentLength && content === clippedContent && ( )} @@ -191,6 +198,14 @@ const Bio = ({ member, userInfo }: { member: any; userInfo: any }) => { align-items: center; padding-bottom: 16px; } + .bioCn__content__show-more__icon { + top: 2px; + position: relative; + width: 12px; + height: 12px; + display: inline-block; + margin-left: 4px; + } @media (min-width: 1024px) { .bioCn { diff --git a/components/page/project-details/description.tsx b/components/page/project-details/description.tsx index e235462b..9f8398bf 100644 --- a/components/page/project-details/description.tsx +++ b/components/page/project-details/description.tsx @@ -63,6 +63,7 @@ const Description = (props: IDescription) => { const res = await updateProject(project?.id, { ...project,description: description }, authToken); if (res.status === 200 || res.status === 201) { setDescription(description); + setDesc(getContent(description)); triggerLoader(false); toast.success('Description updated successfully.'); analytics.recordDescSave('save-success', getAnalyticsUserInfo(props?.user), { ...project,description: description }); @@ -111,6 +112,9 @@ const Description = (props: IDescription) => { )} @@ -119,6 +123,9 @@ const Description = (props: IDescription) => {   )} @@ -169,6 +176,14 @@ const Description = (props: IDescription) => { word-break: break-word; } + .desc__content__show-more__icon { + top: 2px; + position: relative; + width: 12px; + height: 12px; + display: inline-block; + margin-left: 4px; + } .desc__content__show-more { color: #156ff7; font-size: 14px; diff --git a/components/page/team-details/about.tsx b/components/page/team-details/about.tsx index a8f7a504..d895bdb7 100644 --- a/components/page/team-details/about.tsx +++ b/components/page/team-details/about.tsx @@ -85,7 +85,7 @@ const About = (props: IAbout) => { analytics.recordAboutSave('save-error', getAnalyticsUserInfo(userInfo), payload); } else { setAboutContent(aboutEditedContent); - setAbout(getContent(aboutContent)); + setAbout(getContent(aboutEditedContent)); toast.success('Team updated successfully'); analytics.recordAboutSave('save-success', getAnalyticsUserInfo(userInfo), payload); } @@ -125,6 +125,9 @@ const About = (props: IAbout) => { )} @@ -133,6 +136,9 @@ const About = (props: IAbout) => {   )} @@ -179,6 +185,15 @@ const About = (props: IAbout) => { gap: 8px; } + .about__content__show-more__icon { + top: 2px; + position: relative; + width: 12px; + height: 12px; + display: inline-block; + margin-left: 4px; + } + .about__content { color: #0f172a; font-size: 15px; @@ -199,7 +214,7 @@ const About = (props: IAbout) => { .about__content__show-less { color: #156ff7; - font-size: 14px; + font-size: 14px; font-weight: 500; line-height: 14px; padding: 0; diff --git a/public/icons/chevron-up.svg b/public/icons/chevron-up.svg new file mode 100644 index 00000000..fbbcd30d --- /dev/null +++ b/public/icons/chevron-up.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/icons/showless.svg b/public/icons/showless.svg new file mode 100644 index 00000000..f11d8c9c --- /dev/null +++ b/public/icons/showless.svg @@ -0,0 +1,3 @@ + + +