feat: last update

icpc-scu-community · Feb 11, 2020 · 1b1938a · 1b1938a
1 parent 1057cfa
commit 1b1938a
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 9 deletions.
diff --git a/src/Components/Board/Board.js b/src/Components/Board/Board.js
@@ -47,8 +47,14 @@ class Board extends React.Component {
     )
       .then(response => response.json())
       .then(data => {
-        const { trainees, sheets, submissions } = data;
-        this.setState({ trainees, sheets, submissions, loading: false });
+        const { trainees, sheets, submissions, metadata } = data;
+        this.setState({
+          trainees,
+          sheets,
+          submissions,
+          metadata,
+          loading: false
+        });
       })
       .catch(_ => this.setState({ loading: false }));
   }
@@ -59,6 +65,7 @@ class Board extends React.Component {
       trainees,
       sheets,
       submissions,
+      metadata,
       hoveredTraineeIndex,
       hoveredProblemIndex,
       hoveredSheetIndex
@@ -68,7 +75,7 @@ class Board extends React.Component {
       return <Loading />;
     }
 
-    if (!trainees || !sheets || !submissions) {
+    if (!trainees || !sheets || !submissions || !metadata) {
       return <Invalid />;
     }
 
@@ -85,6 +92,7 @@ class Board extends React.Component {
             <TraineeList
               trainees={trainees}
               problemsCount={problemsCount}
+              lastUpdate={metadata.lastUpdate}
               hoveredTraineeIndex={hoveredTraineeIndex}
               onTraineeHover={() => ({})}
               // index => this.setState({ hoveredTraineeIndex: index })

diff --git a/src/Components/TraineeList/TraineeList.js b/src/Components/TraineeList/TraineeList.js
@@ -15,6 +15,7 @@ class TraineeList extends React.Component {
     const {
       trainees,
       problemsCount,
+      lastUpdate,
       hoveredTraineeIndex,
       onTraineeHover
     } = this.props;
@@ -27,12 +28,14 @@ class TraineeList extends React.Component {
             style={{ height: sheetNameHeight + sheetProblemIdHeight }}
           >
             <div className="title">Newcomers Training Board</div>
-            <div className="last-update">
-              <span role="img" aria-label="">
-                🕐
-              </span>{' '}
-              Last update: 3 days ago
-            </div>
+            {lastUpdate && (
+              <div className="last-update">
+                <span role="img" aria-label="">
+                  🕐
+                </span>{' '}
+                Last update: {lastUpdate}
+              </div>
+            )}
             <div className="list-desc">
               <div>Trainee</div>
               <div style={{ width: progressWidth }}>Progress</div>
@@ -97,6 +100,7 @@ class TraineeList extends React.Component {
 TraineeList.propTypes = {
   trainees: PropTypes.array.isRequired,
   problemsCount: PropTypes.number.isRequired,
+  lastUpdate: PropTypes.string.isRequired,
   hoveredTraineeIndex: PropTypes.number.isRequired,
   onTraineeHover: PropTypes.func.isRequired
 };