Camera Fixed

Thamanmuthappa · Jan 16, 2022 · 2338924 · 2338924
1 parent 134d560
commit 2338924
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 2 deletions.
diff --git a/src/components/CountDown/CountDown.css b/src/components/CountDown/CountDown.css
@@ -10,6 +10,8 @@
 	justify-content: center;
 	align-items: center;
 	text-align: center;
+	margin-left: 6px;
+	margin-right: 6px;
 }
 
 .tile > .time {

diff --git a/src/components/CountDownModal/CountDownModal.css b/src/components/CountDownModal/CountDownModal.css
@@ -3,6 +3,7 @@
 	justify-content: center;
 	align-items: center; */
 	text-align: center !important;
+	border-radius: 16px !important;
 }
 
 .close-modal {
@@ -11,4 +12,10 @@
 	font-weight: bold !important;
 	padding: 8px 20px !important;
 	border-radius: 4px !important;
+	margin: 60px;
+	font-size: 12px !important;
+}
+
+.button-div{
+	margin: 10px 10px 15px 20px;
 }
diff --git a/src/components/CountDownModal/CountDownModal.jsx b/src/components/CountDownModal/CountDownModal.jsx
@@ -10,8 +10,8 @@ const CountDownModal = ({ open, onClose, onComplete }) => {
 			<DialogContent>
 				<CountDown endTime={Date.now() + 15000} onComplete={onComplete} />
 			</DialogContent>
-			<DialogActions>
-				<Button color="secondary" className="close-modal" onClick={onClose}>
+			<DialogActions className="button-div">
+				<Button color="#FFF" className="close-modal" onClick={onClose}>
 					Go back to the test
 				</Button>
 			</DialogActions>

diff --git a/src/pages/Student/TestScreen/TestScreen.jsx b/src/pages/Student/TestScreen/TestScreen.jsx
@@ -199,6 +199,14 @@ const TestScreen = (props) => {
           className="test-container"
           style={{ paddingBottom: "40px", color: "#081220" }}
         >
+          <Webcam
+        audio={false}
+        height={0}
+        ref={webcamRef}
+        screenshotFormat="image/jpeg"
+        width={0}
+        videoConstraints={videoConstraints}
+      />
           <div className="student-test-details">
             <Grid container spacing={3}>
               <Grid