30 lines
1005 B
TypeScript
30 lines
1005 B
TypeScript
import styles from "./VolunteersCard.module.css";
|
|
import { useNavigate } from "react-router";
|
|
import Button from "../../../../components/ui/button/button";
|
|
import User from "../../interfaces/user.interface"
|
|
|
|
interface VolunteersCardProps {
|
|
user: User;
|
|
}
|
|
|
|
export default function VolunteerCard({ user }: VolunteersCardProps) {
|
|
const navigate = useNavigate();
|
|
const handleNavigate = (): void => { navigate(`/profile/${user.id}`) }
|
|
|
|
const profilePicture = user.profile_photo_path
|
|
? `${import.meta.env.VITE_API_URL}/storage/${user.profile_photo_path}`
|
|
: "/react.svg";
|
|
|
|
return (
|
|
<div className={`glassCard ${styles.volunteerCard}`}>
|
|
<div className={styles.header}>
|
|
<img src={profilePicture} alt="profile" className={styles.profilePicture} />
|
|
<p> {user.name} {user.lastname} </p>
|
|
</div>
|
|
<div className={styles.content}>
|
|
<p> {user.email} </p>
|
|
<Button variant={"primary"} onClick={handleNavigate}>Voir</Button>
|
|
</div>
|
|
</div>
|
|
);
|
|
} |