Create Scoreboard component & integrate with API

1 files changed, 28 insertions, 0 deletions

diff --git a/src/components/Scoreboard/Scoreboard.js b/src/components/Scoreboard/Scoreboard.js
new file mode 100644
index 0000000..1ebca90
--- /dev/null
+++ b/src/components/Scoreboard/Scoreboard.js
@@ -0,0 +1,28 @@
+import React, {useEffect, useState} from 'react';
+
+
+import { get } from "../../requests";
+import Solution from "./Solution";
+
+
+const Scoreboard = () => {
+  const [solutions, setSolutions] = useState([]);
+
+  const updateSolutions = async () => {
+    const response = await get('solutions/');
+    await setSolutions(response.data);
+  };
+
+  useEffect(() => {
+    updateSolutions();
+  }, []);
+
+
+  return (
+    <div>
+      { solutions.map(solution => <Solution solution={solution}/>) }
+    </div>
+  );
+};
+
+export default Scoreboard;
\ No newline at end of file