ymanager/client/src/Overview.js @ 1865a0be

import React from 'react';
import './App.css';

export default function OffsAvailable(props) {

  if (props.currentUser === undefined) {
    return null;
  }

  return (
    <div>
      <div className="side-content">
        <div className="side-board column">
          <div className="side-board-heading row">
            <h3>Overview</h3>
          </div>
          <div className="underline-1"></div>
          <div className="side-board-items column">
            <table border = "0">
              <tbody>
                <tr>
                  <th className="th-left">Name</th>
                  <th>Sick Days</th>
                  <th>Holiday</th>
                </tr>
                <tr>
                  <td>{props.currentUser.name}</td>
                  <td className="td-center">{props.currentUser.takenSickday + '/' + props.currentUser.sickday}</td>
                  <td className="td-center">{props.currentUser.holiday}</td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>
    </div>
  );
}