11"use client" ;
22
33import Image from "next/image" ;
4- import { SocialIcon } from "react-social-icons" ;
54
65// unused atm, as the member isnt linked a project on the backend
76/* export type MemberProfileProject = {
@@ -16,11 +15,6 @@ export type MemberProfileData = {
1615 about : string ;
1716 pronouns ?: string ;
1817 profile_picture ?: string ;
19- social_media ?: {
20- link : string ;
21- socialMediaUserName : string ;
22- } [ ] ;
23- pk : number ;
2418} ;
2519
2620type MemberProfileProps = {
@@ -60,49 +54,19 @@ export function MemberProfile({ member }: MemberProfileProps) {
6054 ) }
6155 </ div >
6256 < Image
63- src = "/pixel-art- frame.svg"
57+ src = "/frame.svg"
6458 alt = "golden pixel art frame around profile picture"
65- width = { 200 }
66- height = { 200 }
67- className = "z-10 "
59+ width = { 176 }
60+ height = { 192 }
61+ className = "z-0 h-48 w-44 "
6862 />
6963 </ div >
7064 < div className = "flex w-4/5 flex-col gap-2 rounded-md p-2.5 font-firaCode" >
7165 < div className = "flex" >
7266 < p className = "min-w-fit font-jersey10 text-4xl" > { member . name } </ p >
7367 < hr className = "ml-5 hidden w-full self-center border-light_2 lg:flex" />
7468 </ div >
75- < div className = "flex items-center gap-2" >
76- { member . social_media && member . social_media . length > 0 && (
77- < div className = "w-full" >
78- < div className = "mt-2 flex flex-wrap items-center gap-2" >
79- { member . social_media . map ( ( sm ) => (
80- < span
81- key = { sm . link }
82- className = "ml-2 flex items-center gap-1"
83- >
84- < SocialIcon
85- url = { sm . link }
86- style = { { height : 24 , width : 24 } }
87- />
88- < a
89- href = { sm . link }
90- target = "_blank"
91- rel = "noopener noreferrer"
92- className = "font-firaCode text-base underline hover:text-primary"
93- >
94- { sm . socialMediaUserName }
95- </ a >
96- </ span >
97- ) ) }
98- </ div >
99- </ div >
100- ) }
101- </ div >
102- < div className = "flex items-center gap-2" >
103- < p className = "text-lg" > { member . pronouns } </ p >
104- </ div >
105-
69+ < p className = "text-lg" > { member . pronouns } </ p >
10670 < p > { member . about } </ p >
10771 </ div >
10872 </ div >
0 commit comments