From 992a1f3a238ff4e3eeaa5156f131110a2fa2c9c7 Mon Sep 17 00:00:00 2001
From: djmil <andriy@djmil.dev>
Date: Wed, 11 Oct 2023 10:36:29 +0200
Subject: [PATCH] front: leaderboard

---
 .../api/LeaderboardController.java            | 34 ++++++++++++++
 .../src/main/resources/application.properties |  2 +-
 webapp/src/App.js                             | 19 ++++----
 webapp/src/Leaderboard.js                     | 46 +++++++++++++++++++
 4 files changed, 90 insertions(+), 11 deletions(-)
 create mode 100644 backend/src/main/java/djmil/cordacheckers/api/LeaderboardController.java
 create mode 100644 webapp/src/Leaderboard.js

diff --git a/backend/src/main/java/djmil/cordacheckers/api/LeaderboardController.java b/backend/src/main/java/djmil/cordacheckers/api/LeaderboardController.java
new file mode 100644
index 0000000..cd219a1
--- /dev/null
+++ b/backend/src/main/java/djmil/cordacheckers/api/LeaderboardController.java
@@ -0,0 +1,34 @@
+package djmil.cordacheckers.api;
+
+import java.util.Map;
+
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.http.ResponseEntity;
+import org.springframework.web.bind.annotation.GetMapping;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.bind.annotation.RestController;
+
+import djmil.cordacheckers.cordaclient.CordaClient;
+import djmil.cordacheckers.cordaclient.dao.Rank;
+import djmil.cordacheckers.user.HoldingIdentityResolver;
+
+
+@RestController
+@RequestMapping("api/leaderboard")
+public class LeaderboardController {
+
+    @Autowired
+    HoldingIdentityResolver holdingIdentityResolver;
+
+    @Autowired
+    CordaClient cordaClient;
+
+    @GetMapping
+    public ResponseEntity<Map<String, Rank>> getLeaderboard() {
+        final var hiCustodian  = holdingIdentityResolver.getCustodian();
+        final Map<String, Rank> leaderboard = cordaClient.fetchRanking(hiCustodian);
+
+        return ResponseEntity.ok(leaderboard);
+    }
+
+}
\ No newline at end of file
diff --git a/backend/src/main/resources/application.properties b/backend/src/main/resources/application.properties
index e3874dc..aa7972a 100644
--- a/backend/src/main/resources/application.properties
+++ b/backend/src/main/resources/application.properties
@@ -2,7 +2,7 @@
 trust.store=classpath:keystore/truststore.p12
 trust.store.password=test123
 
-corda.host=https://localhost
+corda.host=https://192.168.10.8
 corda.port=8888
 corda.root.login=admin
 corda.root.passw=admin
diff --git a/webapp/src/App.js b/webapp/src/App.js
index 1915a39..7b86bbb 100644
--- a/webapp/src/App.js
+++ b/webapp/src/App.js
@@ -1,17 +1,15 @@
 import './App.css';
+import Leaderboard from "./Leaderboard";
 import React, { useState, useEffect } from 'react';
 
 function App() {
-
-  const [activeGames, setActiveGames] = useState(null);
+  const [data, setData] = useState(null);
 
   useEffect(() => {
-    fetch('/api/activegames')
+    fetch('/api/leaderboard')
       .then((response) => response.json())
-      .then((games) => {
-        console.log(games.ActiveGames.length);
-        console.log("games: " +games.ActiveGames);
-        setActiveGames(games.ActiveGames);
+      .then((data) => {
+        setData(data);
       })
       .catch((err) => {
         console.log(err.message);
@@ -21,9 +19,10 @@ function App() {
   return (
     <div className="App">
       <header className="App-header">
-        <p>
-          Here is list of your active games: {activeGames ? <span>{activeGames}</span> : <span>Loading...</span>}
-        </p>
+      <h1>Leaderboard</h1>
+      {
+        data ? <Leaderboard hashmap={data} /> : <span>Loading...</span>
+      }
       </header>
     </div>
   );
diff --git a/webapp/src/Leaderboard.js b/webapp/src/Leaderboard.js
new file mode 100644
index 0000000..9802bd5
--- /dev/null
+++ b/webapp/src/Leaderboard.js
@@ -0,0 +1,46 @@
+import React from "react";
+
+//const Leaderboard = ({hashmap}) => {
+
+// var listItems = Object.keys(hashmap).map(playerName => {
+//   var rank = hashmap[playerName];
+
+//   return <li key={playerName}>
+//     {playerName}: played {rank.gamesPlayed}, won {rank.gamesWon}, draw {rank.gamesDraw}
+//   </li>
+// });
+
+// return <ul>{listItems}</ul>;
+
+const Leaderboard = ({ hashmap }) => {
+
+  const tableRows = Object.keys(hashmap).map(playerName => {
+    var rank = hashmap[playerName];
+
+    return <tr key={playerName}>
+      <td>{playerName}</td>
+      <td>{rank.gamesPlayed}</td>
+      <td>{rank.gamesWon}</td>
+      <td>{rank.gamesDraw}</td>
+    </tr>
+  });
+
+  return <div>
+    <table>
+      <thead>
+        <tr>
+          <th>Name</th>
+          <th>Played</th>
+          <th>Won</th>
+          <th>Draw</th>
+        </tr>
+      </thead>
+      <tbody>
+        { tableRows }
+      </tbody>
+    </table>
+  </div>
+};
+
+
+export default Leaderboard;