Top advertisement added

WebFrontEnd/smartcoach-frontend/src/App.js

@@ -14,11 +14,9 @@ import Dashboard from "./Components/Admin/Dashboard";
 import StudentDashboard from "./Components/Student/StudentDashboard";
 import QuestionDetails from "./Components/IT18050240/question_details"
 import QuestionLayout from "./Components/IT18050240/question_layout"
-import AdminQuestionManagement from "./Components/IT18050240/admin_question_management.js"
+//import AdminQuestionManagement from "./Components/IT18050240/admin_question_management.js"
 import QuestionBank from "./Components/IT18050240/question_bank"
-import LessonAndExam from "./Components/IT18050240/lessonandexampage";
-import AutomaticQuestion from "./Components/IT18050240/automatic_question"
-import Upload from "./Components/IT18050240/UploadPage";
+import TutorProfileView from "./Components/HomePage/TutorProfileView";
 
 function App() {
   return (
@@ -30,7 +28,8 @@ function App() {
             <Route path="/SignUp" exact component={SignUp}/>
             <Route path="/beforeConfirm" exact component={beforeConfirmation}/>
             <Route path="/AccountVerified/:id" exact component={VerifiedAccount}/>
-            {/*<Route path="/studentDashboard" exact component={StudentDashboard}/>*/}
+            <Route path="/Home/ViewProfile/:id" exact component={TutorProfileView}/>
+            <Route path="/studentDashboard" exact component={StudentDashboard}/>
 
 
             {/*<Route path="/" exact component={Dashboard}/>*/}
@@ -38,13 +37,10 @@ function App() {
                 <Route path="/admin"><Dashboard/></Route>
                 <Route path="/studentDashboard"><StudentDashboard/></Route>
                 <Route path="/questiondetails" exact component={QuestionDetails}/>
-                <Route path="/question/:id" exact component={QuestionLayout}/>
-                <Route path="/questionmanagement/:id" exact component={AdminQuestionManagement}/>
+                <Route path="/question" exact component={QuestionLayout}/>
+                {/*<Route path="/questionmanagement" exact component={AdminQuestionManagement}/>*/}
                 <Route path="/questionbank" exact component={QuestionBank}/>
-                <Route path="/questionmanagement" exact component={AdminQuestionManagement}/>
-                <Route path="/lesson" exact component={LessonAndExam}/>
-                <Route path="/automaticquestion" exact component={AutomaticQuestion}/>
-                <Route path="/upload" exact component={Upload}/>
+                {/*<Route path="/edititem/:id" exact component={AdminQuestionManagement}/>*/}
             </Switch>
 
 

WebFrontEnd/smartcoach-frontend/src/Components/HomePage/AdvertisementTopSmall.js

+import React, {Component} from "react";
+
+import Carousel from "react-bootstrap/Carousel";
+import AddR1 from "../../Images/ad_top_s_01.jpg";
+import AddR2 from "../../Images/ad_r2.jpg";
+
+
+
+export default class AdvertisementTopSmall extends Component{
+
+    constructor(props) {
+        super(props);
+
+        this.state = {
+
+
+
+        };
+
+
+        //this.FindTutor = this.FindTutor.bind(this);
+
+    }
+
+    render() {
+        return(
+            <div className="row">
+                <div className="col">
+
+                    <Carousel style={{width:'100%',height:'100px', marginLeft:'20px'}} nextLabel={false} prevLabel={false} indicators={false} >
+                        <Carousel.Item>
+                            <img
+                                className="toast-bottom-full-width"
+                                src={AddR1}
+                                alt="First slide"
+                            />
+                            <Carousel.Caption>
+
+                            </Carousel.Caption>
+                        </Carousel.Item>
+                        <Carousel.Item>
+                            <img
+                                className="d-block w-100"
+                                src={AddR1}
+                                alt="Second slide"
+                            />
+
+                            <Carousel.Caption>
+
+                            </Carousel.Caption>
+                        </Carousel.Item>
+                        {/*<Carousel.Item>*/}
+                        {/*    <img*/}
+                        {/*        className="d-block w-100"*/}
+                        {/*        src={AddR1}*/}
+                        {/*        alt="Third slide"*/}
+                        {/*    />*/}
+
+                        {/*    <Carousel.Caption>*/}
+
+                        {/*    </Carousel.Caption>*/}
+                        {/*</Carousel.Item>*/}
+                    </Carousel>
+                </div>
+                <div className="col">
+
+                    <Carousel style={{width:'100%',height:'100px', marginLeft:'20px'}} nextLabel={false} prevLabel={false} indicators={false} >
+                        <Carousel.Item>
+                            <img
+                                className="toast-bottom-full-width"
+                                src={AddR1}
+                                alt="First slide"
+                            />
+                            <Carousel.Caption>
+
+                            </Carousel.Caption>
+                        </Carousel.Item>
+                        <Carousel.Item>
+                            <img
+                                className="d-block w-100"
+                                src={AddR1}
+                                alt="Second slide"
+                            />
+
+                            <Carousel.Caption>
+
+                            </Carousel.Caption>
+                        </Carousel.Item>
+                        {/*<Carousel.Item>*/}
+                        {/*    <img*/}
+                        {/*        className="d-block w-100"*/}
+                        {/*        src={AddR1}*/}
+                        {/*        alt="Third slide"*/}
+                        {/*    />*/}
+
+                        {/*    <Carousel.Caption>*/}
+
+                        {/*    </Carousel.Caption>*/}
+                        {/*</Carousel.Item>*/}
+                    </Carousel>
+                </div>
+            </div>
+
+        )
+    }
+}
\ No newline at end of file

WebFrontEnd/smartcoach-frontend/src/Components/HomePage/TutorProfileView.js

@@ -7,6 +7,7 @@ import * as configs from "../../Config/config";
 import * as Icon from "react-bootstrap-icons";
 import moment from "moment";
 import swal from "sweetalert";
+import TopSmallAdd from "./AdvertisementTopSmall";
 
 
 export default class TutorProfileView extends Component{
@@ -273,7 +274,11 @@ export default class TutorProfileView extends Component{
                 <div className="row" style={{width:'100%'}}>
                     <ItemNav/>
                 </div>
+
                 <div className="App" style={{marginTop:'80px',paddingTop:'0px'}}>
+                    <div className="row">
+                        <TopSmallAdd></TopSmallAdd>
+                    </div>
                     <div className="row">
                         <div className="col">
                             <div className="row">