From f73a09849e805a8f38cdae0dcdde670b2505453e Mon Sep 17 00:00:00 2001
From: Alexander Polynomdivision <digitalmail555@googlemail.com>
Date: Mon, 24 Sep 2018 13:53:33 +0200
Subject: [PATCH] feat: Show a crown next to the first place

---
 frontend/src/components/scoreboard.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/scoreboard.tsx b/frontend/src/components/scoreboard.tsx
index aff9ea0..702c96c 100644
--- a/frontend/src/components/scoreboard.tsx
+++ b/frontend/src/components/scoreboard.tsx
@@ -28,6 +28,12 @@ export default class Scoreboard extends React.Component<IProps> {
     }
 
     tableRow(learner: TopTen) {
+        // Gotta show respect! (That Unicode monster is a crown)
+        const username = {
+            false: learner.username,
+            true: `${learner.username} 👑`
+        }[learner.nr === 1];
+
         return <TableRow key={this.genId()}>
             <TableCell>
                 <Typography variant="title" component="b">
@@ -35,7 +41,7 @@ export default class Scoreboard extends React.Component<IProps> {
                 </Typography>
             </TableCell>
             <TableCell>
-                <Typography component="b">{learner.username}</Typography>
+                <Typography component="b">{username}</Typography>
             </TableCell>
             {/*<TableCell numeric>{learner.level}</TableCell>*/}
             {/* To make this fit on both mobile and desktop, we don't use