From 80483821b6eaba92ad766c9b53666fd85473fb6d Mon Sep 17 00:00:00 2001
From: Simon <simon.priet@gmail.com>
Date: Sat, 18 Jun 2022 13:31:55 +0200
Subject: [PATCH] fix(#19): continuing working

---
 ...json~f1c7c1c (fix(#19): continuing working) |  4 ++++
 src/components/TeamMembers/TeamMembers.tsx     | 18 ++++++++----------
 src/components/TeamMembers/styles.module.scss  | 18 ------------------
 3 files changed, 12 insertions(+), 28 deletions(-)
 create mode 100644 .vscode/settings.json~f1c7c1c (fix(#19): continuing working)

diff --git a/.vscode/settings.json~f1c7c1c (fix(#19): continuing working) b/.vscode/settings.json~f1c7c1c (fix(#19): continuing working)
new file mode 100644
index 0000000..f2970f2
--- /dev/null
+++ b/.vscode/settings.json~f1c7c1c (fix(#19): continuing working)	
@@ -0,0 +1,4 @@
+{
+    "eslint.lintTask.enable": true,
+    "conventionalCommits.scopes": ["#17", "#20", "#19"]
+}
diff --git a/src/components/TeamMembers/TeamMembers.tsx b/src/components/TeamMembers/TeamMembers.tsx
index da7df73..eda24ac 100644
--- a/src/components/TeamMembers/TeamMembers.tsx
+++ b/src/components/TeamMembers/TeamMembers.tsx
@@ -73,22 +73,20 @@ const TeamMembers: FC<Props> = ({ teamId }): JSX.Element => {
     if (volunteers.length === 0) return <div />
 
     return (
-        <ul className={styles.volunteers}>
-            <li>
-                <div className={styles.volunteerName} />
-                <div className={styles.dayTitle}>S ({volunteers.filter(hasDay("S")).length})</div>
-                <div className={styles.dayTitle}>D ({volunteers.filter(hasDay("D")).length})</div>
-            </li>
+        <div className={styles.volunteers}>
+            <div className={styles.volunteerName} />
+            <div className={styles.dayTitle}>S ({volunteers.filter(hasDay("S")).length})</div>
+            <div className={styles.dayTitle}>D ({volunteers.filter(hasDay("D")).length})</div>
             {volunteers.map((volunteer) => (
-                <li key={volunteer.id} className={styles.volunteer}>
-                    <div className={styles.volunteerName}>
+                <>
+                    <div key={volunteer.id} className={styles.volunteerName}>
                         {volunteer.firstname} {volunteer.lastname}
                     </div>
                     <DaysAvailability volunteer={volunteer} />
                     <VolunteerEmail email={volunteer.email} />
-                </li>
+                </>
             ))}
-        </ul>
+        </div>
     )
 }
 
diff --git a/src/components/TeamMembers/styles.module.scss b/src/components/TeamMembers/styles.module.scss
index ada1f84..4a1f350 100755
--- a/src/components/TeamMembers/styles.module.scss
+++ b/src/components/TeamMembers/styles.module.scss
@@ -11,24 +11,6 @@ $height: 24px;
     grid-template-columns: minmax(min-content, 5fr) min-content min-content;
 }
 
-.volunteerName {
-    grid-column: 1;
-}
-
-.volunteerEmail {
-    display: inline-block;
-    height: $height;
-    padding-left: 4px;
-}
-
-.dayTitle {
-    display: inline-block;
-    width: 50px;
-    height: $height;
-    margin: 0 2px;
-    text-align: center;
-}
-
 .day {
     display: inline-block;
     width: 50px;