Added scoreboard initial design BOD-91

client/src/components/scoreboard-display/scoreboard-display.component.jsx

@@ -0,0 +1,31 @@
+import React from "react";
+
+import ScoreboardTargetsTable from "../scoreboard-targets-table/scoreboard-targets-table.component";
+import ScoreboardLastDays from "../scoreboard-last-days/scoreboard-last-days.component";
+import ScoreboardChart from "../scoreboard-chart/scoreboard-chart.component";
+
+export default function ScoreboardDisplayComponent({ scoreboardSubscription }) {
+  const { loading, error, data } = scoreboardSubscription;
+
+  const scoreBoardlist = (data && data.scoreboard) || [];
+  console.log("ScoreboardDisplayComponent -> scoreBoardlist", scoreBoardlist);
+
+  const sbEntriesByDate = {};
+
+  scoreBoardlist.forEach((i) => {
+    const entryDate = i.date;
+    if (!!!sbEntriesByDate[entryDate]) {
+      sbEntriesByDate[entryDate] = [];
+    }
+    sbEntriesByDate[entryDate].push(i);
+  });
+
+  console.log("ScoreboardDisplayComponent -> sbEntriesByDate", sbEntriesByDate);
+  return (
+    <div>
+      <ScoreboardTargetsTable />
+      <ScoreboardLastDays sbEntriesByDate={sbEntriesByDate} />
+      <ScoreboardChart sbEntriesByDate={sbEntriesByDate} />
+    </div>
+  );
+}