Revize ebfe6347

re #58 client part(especially rebuilt api.js, all fetches, little edits in YourRequests/UpcomingRequests and fixed bugs in calendar and overview (add event, save, post, numbers)

client/src/YourRequests.js

@@ -1 +1 @@
 import React, { useEffect } from 'react';
 import './App.css';
+import moment from 'moment';
 import * as api_fetch from './api'
 
 function YourRequests(props) {
@@ -21 +22 @@
         {
           title: props.userName.name,
           id: request.id,
-          start: b,
-          status: request.status,
-          type: request.type
+          start: moment(b).format("D.M.YYYY"),
+          status: request.status = request.status.toLowerCase(),
+          type: convertVacationType(request.type)
         }
       )
     }))
@@ -31 +32 @@
       alert(reason)
     });
 }
+
+function convertVacationType(vacationType) {
+  // vacationType =  'SICK_DAY' ? 'sickday' : 'holiday'
+
+  // if (vacationType = 'SICK_DAY') {
+  // return: 'sickday',
+  // } else {
+  //   return: 'holiday'
+  // }
+
+  switch (vacationType) {
+    case 'SICK_DAY' :
+      return 'sickday';
+    case 'HOLIDAY':
+      return 'holiday';
+  }
+}
   
 
   return (
@@ -40 +58 @@
       <div className="offs-items column">
         <div className="offs-item row">
           <table>
+            {props.userRequest.length > 0 ?
+            
             <tbody>
               <tr>
                 <th>Name</th>
@@ -48 +68 @@
                 <th>Status</th>    
               </tr>
               {props.userRequest.map(user => (
-              <tr key={user.id}>
+                <tr key={user.id}>
                 <td>{user.title}</td>
                 <td>{user.type}</td>    
                 <td>{user.end ? user.start + " - " + user.end : user.start}</td>
@@ -56 +76 @@
               </tr>
               ))}
             </tbody>
+            :
+            <tbody>
+              <div>No requests</div>
+            </tbody>}
           </table>
         </div>
       </div>