From 92142bba66010a8792c00dc372228b92e151c8b3 Mon Sep 17 00:00:00 2001
From: Jenny Yu <jennyyu212@outlook.com>
Date: Wed, 4 May 2022 00:15:53 -0400
Subject: fix: removed clear previous button

---
 src/client/views/nodes/RecordingBox/RecordingBox.tsx   |  3 ++-
 src/client/views/nodes/RecordingBox/RecordingView.scss |  4 ++--
 src/client/views/nodes/RecordingBox/RecordingView.tsx  | 15 ++++-----------
 3 files changed, 8 insertions(+), 14 deletions(-)

(limited to 'src/client/views/nodes/RecordingBox')

diff --git a/src/client/views/nodes/RecordingBox/RecordingBox.tsx b/src/client/views/nodes/RecordingBox/RecordingBox.tsx
index 86358e838..a49cbbea5 100644
--- a/src/client/views/nodes/RecordingBox/RecordingBox.tsx
+++ b/src/client/views/nodes/RecordingBox/RecordingBox.tsx
@@ -38,7 +38,8 @@ export class RecordingBox extends ViewBoxBaseComponent() {
             console.log(this.videoDuration)
             this.dataDoc[this.fieldKey + "-duration"] = this.videoDuration;
 
-            this.layoutDoc.layout = VideoBox.LayoutString(this.fieldKey);
+            // this.layoutDoc.layout = VideoBox.LayoutString(this.fieldKey);
+            this.dataDoc.layout = VideoBox.LayoutString(this.fieldKey);
             // this.dataDoc.nativeWidth = this.dataDoc.nativeHeight = undefined;
             // this.layoutDoc._fitWidth = undefined;
             this.dataDoc[this.props.fieldKey] = new VideoField(this.result.accessPaths.agnostic.client);
diff --git a/src/client/views/nodes/RecordingBox/RecordingView.scss b/src/client/views/nodes/RecordingBox/RecordingView.scss
index 1fea231b7..0c153c9c8 100644
--- a/src/client/views/nodes/RecordingBox/RecordingView.scss
+++ b/src/client/views/nodes/RecordingBox/RecordingView.scss
@@ -1,7 +1,7 @@
 video {
       flex: 100%;
       width: 100%;
-      min-height: 400px;
+      // min-height: 400px;
       height: auto;
       display: block;
       background-color: black;
@@ -42,7 +42,7 @@ button {
       padding: 14px;
       width: 100%;
       max-width: 500px;
-      max-height: 20%;
+      // max-height: 20%;
       flex-wrap: wrap;
       background: rgba(255, 255, 255, 0.25);
       box-shadow: 0 8px 32px 0 rgba(255, 255, 255, 0.1);
diff --git a/src/client/views/nodes/RecordingBox/RecordingView.tsx b/src/client/views/nodes/RecordingBox/RecordingView.tsx
index a2a08f5b8..e5f6deca2 100644
--- a/src/client/views/nodes/RecordingBox/RecordingView.tsx
+++ b/src/client/views/nodes/RecordingBox/RecordingView.tsx
@@ -48,13 +48,8 @@ export function RecordingView(props: IRecordingViewProps) {
 
 
       const DEFAULT_MEDIA_CONSTRAINTS = {
-            // video: true,
-            // audio: true
-            video: {
-                  width: 1280,
-                  height: 720,
-            },
-            // audio: true,
+            video: true,
+            audio: true,
             // audio: {
             //       echoCancellation: true,
             //       noiseSuppression: true,
@@ -84,8 +79,6 @@ export function RecordingView(props: IRecordingViewProps) {
                               }
                         })
 
-                  //     this.dataDoc[this.fieldKey + "-duration"] = (new Date().getTime() - this.recordingStart!) / 1000;
-
             }
 
 
@@ -275,9 +268,9 @@ export function RecordingView(props: IRecordingViewProps) {
                                     {!recording && videos.length > 0 ?
 
                                           <div className="video-edit-wrapper">
-                                                <IconContext.Provider value={{ color: "grey", className: "video-edit-buttons" }}>
+                                                {/* <IconContext.Provider value={{ color: "grey", className: "video-edit-buttons" }}>
                                                       <MdBackspace onClick={clearPrevious} />
-                                                </IconContext.Provider>
+                                                </IconContext.Provider> */}
                                                 <IconContext.Provider value={{ color: "#cc1c08", className: "video-edit-buttons" }}>
                                                       <FaCheckCircle onClick={stop} />
                                                 </IconContext.Provider>
-- 
cgit v1.2.3-70-g09d2