diff --git a/packages/components/src/PinProfile/PinProfile.tsx b/packages/components/src/PinProfile/PinProfile.tsx index a9263c84a0..07905ac75f 100644 --- a/packages/components/src/PinProfile/PinProfile.tsx +++ b/packages/components/src/PinProfile/PinProfile.tsx @@ -37,7 +37,7 @@ export const PinProfile = (props: IProps) => { {!isMember && creator?.isContactableByPublic !== false && ( diff --git a/src/pages/User/content/SpaceProfile.tsx b/src/pages/User/content/SpaceProfile.tsx index 7514e545ac..6548b00b0c 100644 --- a/src/pages/User/content/SpaceProfile.tsx +++ b/src/pages/User/content/SpaceProfile.tsx @@ -1,3 +1,4 @@ +import { useLocation } from 'react-router-dom' import { ImageGallery, MemberBadge, @@ -62,16 +63,20 @@ export const SpaceProfile = ({ user, docs }: IProps) => { userImage, } = user + const useLocationHook = useLocation() + const coverImage = getCoverImages(user) const hasContributed = docs?.howtos.length + docs?.research.length > 0 const hasImpacted = !!impact - const userLinks = links.filter( + const userLinks = links?.filter( (linkItem) => ![ExternalLinkLabel.DISCORD, ExternalLinkLabel.FORUM].includes( linkItem.label, ), - ) + ) || [] + + const defaultValue = useLocationHook?.hash?.slice(1) || "profile" return ( @@ -157,16 +162,16 @@ export const SpaceProfile = ({ user, docs }: IProps) => { - + - Profile - {hasContributed && Contributions} + Profile + {hasContributed && Contributions} {hasImpacted && isPreciousPlastic() && ( - {heading} + {heading} )} - Contact + Contact - + { {hasContributed && ( - + )} {hasImpacted && isPreciousPlastic() && ( - + )} - + }> {() => }