Add 4th tier (very difficult)

LinuzJ · Nov 12, 2023 · 37bc106 · 37bc106
1 parent a55c865
commit 37bc106
Showing 1 changed file with 13 additions and 1 deletion.
diff --git 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>
       )}