From 395aaa131695caef6d45a187a6453581be24c96d Mon Sep 17 00:00:00 2001
From: Hugo Bernier <hugoabernier@live.ca>
Date: Thu, 28 May 2020 22:39:55 -0400
Subject: [PATCH] Update WordHighScores.tsx

---
 .../wordGame/components/WordHighScores.tsx    | 66 +++++++++----------
 1 file changed, 32 insertions(+), 34 deletions(-)

diff --git a/samples/react-word-game/src/webparts/wordGame/components/WordHighScores.tsx b/samples/react-word-game/src/webparts/wordGame/components/WordHighScores.tsx
index ef1a90586..764c010ec 100644
--- a/samples/react-word-game/src/webparts/wordGame/components/WordHighScores.tsx
+++ b/samples/react-word-game/src/webparts/wordGame/components/WordHighScores.tsx
@@ -1,42 +1,40 @@
-import * as React from "react";
-import { WordGameListItem } from "./WordService"
+import * as React from 'react';
+import { WordGameListItem } from './WordService';
 
 export interface IWordHighScoresProps {
-    scores: WordGameListItem[]
+  scores: WordGameListItem[];
 }
 
 export default class WordHighScores extends React.Component<IWordHighScoresProps, {}> {
 
-    constructor() {
-        super();
+  constructor() {
+    super();
 
-    }
+  }
 
-    public render(): React.ReactElement<IWordHighScoresProps> {
-        let rank = 1;
-        return (
-            <div>
-                {
-                    this.props.scores.length>0 ?
-                    <h3 style={{ textDecoration: 'underline' }}>High Scores</h3> : ''
-
-                }                
-                <table style={{ marginLeft: 'Auto', marginRight: 'Auto' }}>
-                    <tbody>
-                        {
-                            this.props.scores.map(score => (
-                                <tr>
-                                    <td><b>{rank++ + ') '}</b></td>
-                                    <td><b>{score.Name} </b></td>
-                                    <td><span style={{ marginLeft: '10px' }}>Score: {score.Score} </span></td>
-                                    <td><span style={{ marginLeft: '10px' }}>Seconds: {score.Seconds}</span></td>
-                                </tr>
-                            ))
-                        }
-                    </tbody>
-                </table>
-            </div>
-        );
-    }
-
-}
\ No newline at end of file
+  public render(): React.ReactElement<IWordHighScoresProps> {
+    let rank: number = 1;
+    return (
+      <div>
+        {
+          this.props.scores.length > 0 ?
+            <h3 style={{ textDecoration: 'underline' }}>High Scores</h3> : ''
+        }
+        <table style={{ marginLeft: 'Auto', marginRight: 'Auto' }}>
+          <tbody>
+            {
+              this.props.scores.map(score => (
+                <tr>
+                  <td><b>{rank++ + ') '}</b></td>
+                  <td><b>{score.Name} </b></td>
+                  <td><span style={{ marginLeft: '10px' }}>Score: {score.Score} </span></td>
+                  <td><span style={{ marginLeft: '10px' }}>Seconds: {score.Seconds}</span></td>
+                </tr>
+              ))
+            }
+          </tbody>
+        </table>
+      </div>
+    );
+  }
+}