Added total score, fading shots, and dueling tree shot record

dbecker1 · Jul 5, 2020 · df83e5e · df83e5e
1 parent 8baaa27
commit df83e5e
Show file tree

Hide file tree

Showing 3 changed files with 74 additions and 133 deletions.
diff --git a/.idea/workspace.xml b/.idea/workspace.xml
diff --git a/src/components/mainScreen/shooting/ShotRecord.js b/src/components/mainScreen/shooting/ShotRecord.js
@@ -24,10 +24,16 @@ class ShotRecord extends React.Component {
     }
 
     renderCard(title, shots) {
+        const total = shots.reduce((acc, cur) => {
+            if (cur.hasOwnProperty("score") && !isNaN(cur.score.pointValue)) {
+                return acc + cur.score.pointValue
+            };
+            return acc
+        }, 0)
         return (
             <Card className={"text-center"} style={{marginBottom: "20px"}}>
                 <h4 style={{textDecoration: "underline"}}>{title}</h4>
-                <div style={{maxHeight: "150px", overflowY: "scroll"}}>
+                <div style={{height: "150px", overflowY: "scroll"}}>
                     <table style={{width: "100%", textAlign: "center"}}>
                         <thead style={{textDecoration: "underline"}}>
                         <tr>
@@ -54,6 +60,9 @@ class ShotRecord extends React.Component {
                         </tbody>
                     </table>
                 </div>
+                <div style={{paddingRight: "10px", paddingTop: "10px"}}>
+                    <h6 className={"float-right"}>Total: {total}</h6>
+                </div>
                 <div id={"canvashere"}></div>
             </Card>
         );