Move volunteers page components

src/pages/Profile/ProfilePage.jsx

@@ -2,7 +2,7 @@ import React, { useContext } from "react";
 import styles from "./ProfilePage.module.css";
 import { AuthContext } from "../../contexts/auth/AuthContext.js";
 import formatDate from "../../utils/date/formatDate.js";
-import Task from "./components/Task/Task";
+import Task from "../../components/Task/Task";
 import SettingsModal from "./components/SettingsModal/SettingsModal.jsx";
 
 function ProfilePage() {

src/pages/Profile/components/Task/Task.jsx

@@ -1,29 +0,0 @@
-import React, {useEffect, useState} from "react";
-import getEventById from "../../../../utils/events/getEventById.js";
-import styles from "./Task.module.css";
-import formatDate from "../../../../utils/date/formatDate.js";
-
-const Task = ({ task }) => {
-    const [event, setEvent] = useState(null);
-
-    useEffect(() => {
-        (async () => {
-            const e = await getEventById(task.id);
-            setEvent(e);
-        }) ()
-    }, [])
-
-    return (
-        <div className={`${styles.task} glassCard`}>
-            <div className={styles.content}>
-                <div>
-                    <h2> {event && event.name} - {task.name}</h2>
-                    <p className={styles.desc}> {task.description} </p>
-                    <p className={styles.date}> {formatDate(task.start)} </p>
-                </div>
-            </div>
-        </div>
-    );
-}
-
-export default Task;

src/pages/Profile/components/Task/Task.module.css

@@ -1,22 +0,0 @@
-.task {
-    width: 100%;
-    padding: 12px;
-    margin-bottom: 10px;
-    border-radius: 8px;
-}
-
-.content {
-    display: flex;
-    justify-content: space-between;
-    flex-direction: column;
-}
-
-.desc {
-    font-size: 0.8rem;
-    color: #666;
-    margin: 0 0 0 0;
-}
-
-.date {
-    font-size: 0.8rem;
-}