load all scores on highscore screen

squarenotsquare/src/realm/DbAPI.js

@@ -30,6 +30,10 @@ class DatabaseAPI {
     return true;
   }
 
+  getHighScores() {
+    return this.scoreRepo.getHighScores();
+  }
+
   async initDB() {
     let repos = await initDB();
     this.systemRepo = repos.systemRepo;

squarenotsquare/src/realm/repos/ScoreRepo.js

@@ -24,4 +24,13 @@ export default class ScoreRepo {
       );
     });
   };
+
+  getHighScores = () => {
+    let score = this.realmDB.objects(ScoreEntity.name);
+    let highScores = [];
+    score.forEach((row) => {
+      highScores.push({user: row.user, value: row.value});
+    });
+    return highScores;
+  };
 }

squarenotsquare/src/redux/actions/UserActions.js

@@ -21,7 +21,7 @@ export function squareFinished(answers, finalTime) {
     newUser.lastGameAnswers = answers;
 
     let finalScore = calculateSquareScore(answers, finalTime);
-    DbAPI.createScore(userState.username, finalScore);
+    DbAPI.createScore(userState.username, finalScore.toString());
     dispatch({
       type: SQUARE_FINISHED,
       user: newUser

squarenotsquare/src/screens/HighScore.js

@@ -1,12 +1,14 @@
-import React, { useEffect } from "react";
+import React, { useEffect, useRef } from "react";
 import { BackHandler, SafeAreaView, Text, TouchableOpacity, View } from "react-native";
 import { styles } from './styles/AppStyles';
 import Slider from "../components/Slider";
 import { useDispatch } from "react-redux";
 import {goHome} from '../redux/actions/SystemActions';
+import DbAPI from "../realm/DbAPI";
 
 function HighScore(){
   const dispatch = useDispatch();
+  const scores = useRef(DbAPI.getHighScores());
 
   useEffect(() => {
     BackHandler.addEventListener('hardwareBackPress', () => {return true});