From 37bc106609bd1bb4bf373f415465e1fde9ece1b0 Mon Sep 17 00:00:00 2001
From: Tobias Jern <tobias.jern@aalto.fi>
Date: Sun, 12 Nov 2023 03:45:28 +0200
Subject: [PATCH] Add 4th tier (very difficult)

---
 dance-app/src/sections/home.tsx | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/dance-app/src/sections/home.tsx b/dance-app/src/sections/home.tsx
index 9c0ed43..555568b 100644
--- a/dance-app/src/sections/home.tsx
+++ b/dance-app/src/sections/home.tsx
@@ -1,4 +1,4 @@
-import { Container, Typography, Button, Grid } from "@mui/material";
+import { Container, Typography, Button, Grid, Tooltip } from "@mui/material";
 import RecordingPage from "./recording";
 import { useEffect, useState } from "react";
 import pb from "../pocketBase";
@@ -99,6 +99,18 @@ const HomeSection = ({ setConfetti }: HomeSectionProps) => {
                 Tier 3
               </Button>
             </Grid>
+            <Grid item xs={8} md={4}>
+              <Tooltip title="Extra difficult">
+                <Button
+                  variant="contained"
+                  color="info"
+                  fullWidth
+                  onClick={() => handleButtonClick(Tier.Tier4)}
+                >
+                  Tier 4
+                </Button>
+              </Tooltip>
+            </Grid>
           </Grid>
         </Container>
       )}