From 7211f383f4c7b361a4fd5df91a85e348b849e973 Mon Sep 17 00:00:00 2001
From: Tobias Jern <tobias.jern@aalto.fi>
Date: Sun, 12 Nov 2023 02:22:55 +0200
Subject: [PATCH] Actually pass tier to API

---
 dance-app/src/Recording.css          | 2 +-
 dance-app/src/sections/recording.tsx | 5 +++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/dance-app/src/Recording.css b/dance-app/src/Recording.css
index ae58ff8..1871b5e 100644
--- a/dance-app/src/Recording.css
+++ b/dance-app/src/Recording.css
@@ -68,7 +68,7 @@
   height: 100dvh;
 }
 .video-container > video {
-  height: 100%;
+  width: 100%;
 }
 
 .hide {
diff --git a/dance-app/src/sections/recording.tsx b/dance-app/src/sections/recording.tsx
index 844c285..9d479c2 100644
--- a/dance-app/src/sections/recording.tsx
+++ b/dance-app/src/sections/recording.tsx
@@ -31,11 +31,12 @@ const options = {
 
 interface RecordingPageProps {
   refVideo: RefVideo | undefined;
+  tier: number
   pb: Pocketbase;
   goBack: (tier: Tier | null) => void;
 }
 
-const RecordingPage = ({ refVideo, pb, goBack }: RecordingPageProps) => {
+const RecordingPage = ({ refVideo, tier, pb, goBack }: RecordingPageProps) => {
   const theme = useTheme();
   const classes = useStyles(theme);
 
@@ -139,7 +140,7 @@ const RecordingPage = ({ refVideo, pb, goBack }: RecordingPageProps) => {
       </div>
       <footer className="footer">
         {recordingRef.current && hasRecording && page === "home" ? (
-          <Submit tier={1} video={recordingRef.current} pb={pb} />
+          <Submit tier={tier} video={recordingRef.current} pb={pb} />
         ) : null}
       </footer>
     </div>