fix errors automatic_question/ lessonandexampage/question_bank/lessonupload

WebFrontEnd/smartcoach-frontend/src/Components/IT18050240/UploadPage.tsx

 import React, { PureComponent } from 'react';
 import axios from 'axios';
-import Upload from '../../Images/upload.png';
+
 import PDF from '../../Images/pdficon.png';
 import PW from '../../Images/pptxicon.png';
 
@@ -13,7 +13,8 @@ interface UploadState {
     imagename: string;
     filetype :string,
     lessonname:string,
-    lessonno: string,
+    lessonno: any,
+    filename :string
 };
 
 class UploadPage extends PureComponent<{}, UploadState> {
@@ -29,6 +30,7 @@ class UploadPage extends PureComponent<{}, UploadState> {
             filetype: '',
             lessonname:'',
             lessonno:'',
+            filename:''
         };
     }
 
@@ -36,7 +38,23 @@ class UploadPage extends PureComponent<{}, UploadState> {
         this.fetchRecent();
     }
     componentDidUpdate=()=> {
-        // let str = this.state.recentImage.filename;
+        this.fetchRecent();
+    }
+
+    fetchRecent = () => {
+        axios.get('http://localhost:5000/recent')
+            .then((response) => {
+                this.setState({
+                    filename: response.data.filename,
+                    lessonname :response.data.lessonname,
+                    lessonno :response.data.lessonno
+                });
+            })
+            .catch(err => alert('Error: ' + err));
+
+
+        //let str = this.state.filename;
+
         //
         // if (str.includes(".pdf")) {
         //     this.setState({
@@ -49,26 +67,6 @@ class UploadPage extends PureComponent<{}, UploadState> {
         //         filetype :".pptx"
         //     });
         // }
-        // else {
-        //
-        // }
-    }
-
-    fetchRecent = () => {
-        axios.get('http://localhost:5000/recent')
-            .then((response) => {
-                this.setState({ recentImage: response.data.image });
-            })
-            .catch(err => alert('Error: ' + err));
-
-        if(this.state.filetype==""){
-            this.setState({
-                imagename: PW,
-                filetype :"",
-                lessonname:"",
-                lessonno:"",
-            });
-        }
     }
 
     uploadImage = () => {
@@ -94,9 +92,12 @@ class UploadPage extends PureComponent<{}, UploadState> {
         return (
             <div className="UploadPage">
                 <div className="Recent">
+                    <div className="container text-left">
+                        <div className="col-10" >
+                            <hr />
 
                     <div className="row">
-                        <div className="col-sm-5">
+                        <div className="col-sm-6">
                             <label>Lesson name: </label>
                             <div style={{padding: '0px'}}>
                                 <input type="text" required className="form-control"
@@ -105,7 +106,7 @@ class UploadPage extends PureComponent<{}, UploadState> {
                             </div>
                         </div>
 
-                        <div className="col-sm-5">
+                        <div className="col-sm-6">
                             <label>Lesson no: </label>
                             <div style={{padding: '0px'}}>
                                 <input type="text" required className="form-control"
@@ -116,7 +117,7 @@ class UploadPage extends PureComponent<{}, UploadState> {
                     </div>
 
                     <div className="row">
-                        <div className="col-sm-5">
+                        <div className="col-sm-6">
                             <label>Lesson caption: </label>
                             <div style={{padding: '0px'}}>
                                 <input
@@ -129,7 +130,7 @@ class UploadPage extends PureComponent<{}, UploadState> {
                             </div>
                         </div>
 
-                        <div className="col-sm-5">
+                        <div className="col-sm-6">
                             <label>Upload file: </label>
                             <div style={{padding: '0px'}}>
                                 <input
@@ -152,35 +153,34 @@ class UploadPage extends PureComponent<{}, UploadState> {
 
                     <div className="row">
 
-                        <div className="col-sm-5">
-                            <button  type ="submit" value ="Submit"
-                                    className = "btn btn-block btn-warning mt-3" onClick={this.uploadImage}>  ADD
-                            </button>
-                        </div>
-                        <div className="col-sm-5">
+                        <div className="col-sm-12">
                             <button  type ="submit" value ="Submit"
                                     className = "btn btn-block btn-success mt-3" onClick={this.uploadImage}>  ADD
                             </button>
                         </div>
                     </div>
-                </div>
 
-<br/><br/>
+                            <br/><br/>
+                            <div className="border">
+                                <div style={{margin: "15px"}}>
+                                    <h5 className="text-center"> Recent Upload File </h5>
+                                    <p className="text-center"> File type :  (.pdf) <img  src={PDF} alt="upload-image" style={{width:'30px'}}/> </p>
+                                    <p className="text-center"> Lesson No: 1  {this.state.lessonno} </p>
+                                    <p className="text-center"> Lesson Name:  Accounting{this.state.lessonname} </p>
 
-                <div className="border">
-                    <div style={{margin: "15px"}}>
-                        <h5 className="text-center"> Recent Upload File </h5>
-                        {/*<p className="text-center"> File type :  ({this.state.filetype} ) <img  src={this.state.imagename} alt="upload-image" style={{width:'30px'}}/> </p>*/}
-                        {/*<p className="text-center"> This quiz closed on Sunday,02 May 2021,7:10PM</p>*/}
-                        <p className="text-center"> time limit :1 hour 30 mins</p>
-                        <p className="text-center">Grading method: highest grade</p>
 
+                                </div>
 
-                    </div>
+                            </div>
 
                 </div>
 
+<br/><br/>
+
+
+                    </div></div>
             </div>
+
         );
     }
 }

WebFrontEnd/smartcoach-frontend/src/Components/IT18050240/automatic_question.js

@@ -56,7 +56,7 @@ export default class Automatic_question extends Component {
                                 />
 
                                 <br/>
-                                <button className="btn btn-block btn btn-secondary" type="submit" value="Submit" style={{ color: "white" }}>Create new Question</button>
+                                <button className="btn btn-block btn btn-secondary" type="submit" value="Submit" style={{ color: "white" }}>Create New Quiz</button>
 
 
                             </div>

WebFrontEnd/smartcoach-frontend/src/Components/IT18050240/lessonandexampage.js

@@ -29,10 +29,6 @@ export default class LessonAndExam extends Component {
     render(){
         return(
             <div className="container">
-                <div className="p-3 mb-2 bg-light text-dark text-left">Accounting Lecture</div>
-                <div className="text-left ml-3">
-                    <p>First lab session will be started from 10/02/2021 at 4.00pm</p>
-                </div>
 
 
                         {this.state.lessonList.map((file) => (
@@ -40,7 +36,7 @@ export default class LessonAndExam extends Component {
                             <div className="">
                                 <div className="p-3 mb-2 bg-light text-dark text-left">Accounting Lecture {file.lessonno}</div>
                                 <div className="text-left ml-3">
-                                    <p>First lab session will be started from 10/02/2021 at 4.00pm</p>
+
                                 </div>
                                 <div className="row">
                                 <div className="col-1">

WebFrontEnd/smartcoach-frontend/src/Components/IT18050240/question_bank.js

@@ -91,10 +91,8 @@ export default class QuestionBankUI extends Component {
         return (
             <div className="container text-left">
                 <div className="col-sm-10" >
-                  
-                    <h4> Business Studies</h4>
-                    <h6>Dashboard/My courses/Business Studies/Question bank/Questions</h6>
 
+             
                     <hr />
                 </div>