Updated memberList & memberDetails formatting

asteriskiry · Jan 25, 2025 · 94dfe51 · 94dfe51
1 parent e483285
commit 94dfe51
Show file tree

Hide file tree

Showing 5 changed files with 25 additions and 10 deletions.
diff --git a/src/components/admin/addMember/addMemberView.js b/src/components/admin/addMember/addMemberView.js
@@ -147,7 +147,7 @@ const addMemberView = ({
                     type="checkbox"
                     onChange={handleInputChange}
                     name="accessRights"
-                    label="24/7 kulkuoikeudet"
+                    label="Varaston/roskisten kulkuoikeudet"
                 />
             </Form.Group>
             <Form.Group>

diff --git a/src/components/admin/memberDetails/memberDetailsAdminView.js b/src/components/admin/memberDetails/memberDetailsAdminView.js
@@ -116,7 +116,7 @@ const MemberDetailsAdminView = ({
                 </tr>
                 <tr>
                     <th>Kulkuoikeudet</th>
-                    <td>{accessRights ? '24/7' : 'Ma-Su 07:00-21:00'}</td>
+                    <td>{accessRights ? 'Varasto/roskikset' : 'Vain toimisto'}</td>
                 </tr>
                 <tr>
                     <th>Jäsenyys hyväksytty</th>

diff --git a/src/components/admin/memberDetails/memberUpdateAdminView.js b/src/components/admin/memberDetails/memberUpdateAdminView.js
@@ -153,7 +153,7 @@ const MemberUpdateAdminView = ({
                     checked={accessRights}
                     onChange={handleInputChange}
                     name="accessRights"
-                    label="24/7 kulkuoikeudet"
+                    label="Varaston/roskisten kulkuoikeudet"
                 />
             </Form.Group>
             <Form.Group>

diff --git a/src/components/admin/memberList/memberList.css b/src/components/admin/memberList/memberList.css
@@ -6,9 +6,9 @@
     cursor: pointer;
 }
 
-@media only screen and (max-width: 1450px) {
+@media only screen and (max-width: 1320px) {
     .memberlistTable {
-        width: 1480px !important;
+        width: 1340px !important;
     }
 }
 

diff --git a/src/components/admin/memberList/memberListView.js b/src/components/admin/memberList/memberListView.js
@@ -83,6 +83,9 @@ const columns = [
         dataField: 'utuAccount',
         text: 'UTU',
         sort: true,
+        headerStyle: {
+            width: '90px',
+        },
         align: 'center',
         headerAlign: 'center',
     },
@@ -100,6 +103,9 @@ const columns = [
         dataField: 'hometown',
         text: 'Kotikunta',
         sort: true,
+        headerStyle: {
+            width: '110px',
+        },
         align: 'center',
         headerAlign: 'center',
     },
@@ -131,7 +137,7 @@ const columns = [
         text: 'TIVIA',
         sort: true,
         headerStyle: {
-            width: '90px',
+            width: '80px',
         },
         align: 'center',
         headerAlign: 'center',
@@ -153,18 +159,21 @@ const columns = [
         dataField: 'role',
         text: 'Rooli',
         sort: true,
+        headerStyle: {
+            width: '110px',
+        },
         align: 'center',
         headerAlign: 'center',
         formatter: roleSwitchCase,
     },
     {
         dataField: 'accessRights',
-        text: '24/7',
+        text: 'Varasto',
         sort: true,
         align: 'center',
         headerAlign: 'center',
         headerStyle: {
-            width: '80px',
+            width: '110px',
         },
         formatter: (cell, row, rowIndex, extraData) => (
             <div>
@@ -184,6 +193,9 @@ const columns = [
         dataField: 'membershipStarts',
         text: 'Alkanut',
         sort: true,
+        headerStyle: {
+            width: '100px',
+        },
         align: 'center',
         headerAlign: 'center',
         formatter: (cell, row, rowIndex, extraData) => (
@@ -200,18 +212,21 @@ const columns = [
         dataField: 'membershipEnds',
         text: 'Päättyy',
         sort: true,
+        headerStyle: {
+            width: '100px',
+        },
         align: 'center',
         headerAlign: 'center',
         formatter: membershipEndsFormatter,
     },
     {
         dataField: 'accepted',
-        text: 'Hyväksytty',
+        text: 'Jäsen',
         sort: true,
         align: 'center',
         headerAlign: 'center',
         headerStyle: {
-            width: '130px',
+            width: '80px',
         },
         formatter: (cell, row, rowIndex, extraData) => (
             <div>