Complet Auth part

imdb_frontend/src/App.js

@@ -9,7 +9,7 @@ import { Logo } from './Logo';
 import Homepage from "./components/Homepage/homepage"
 import { Video } from './trailor&FooterComponent/video'
 import { Footer } from './trailor&FooterComponent/footer'
-import { Search } from './searchBar/search';
+// import { Search } from './searchBar/search';
 import {Routes, Route} from "react-router-dom" 
 import SignUp from './components/Signup/singup';
 import Createaccount from './components/Createaccount/createaccount';
@@ -20,7 +20,7 @@ function App() {
     <ChakraProvider theme={theme}>
 
      {/* { video()} */}
-      <Search />
+      {/* <Search /> */}
     <Routes>
       <Route path='/'  element={<Homepage/>} > </Route>
       <Route path='/trailer/:id' element={<Video/>} ></Route>
@@ -32,7 +32,7 @@ function App() {
 
 
     { Footer() }
-    
+
     </ChakraProvider>
   );
 }

imdb_frontend/src/Components/Homepage/homepage.jsx

@@ -7,6 +7,7 @@ import { useNavigate } from "react-router";
 import { topPicks,users } from "../../Redux/state";
 import {Video}  from "../../trailor&FooterComponent/video"
 import css from "./homepage.css"
+import Search from "../../searchBar/search"
 const Homepage =() => {
     const user = useSelector((store)=>store.user)
     // console.log("user",user.subscribed) 
@@ -139,6 +140,7 @@ useEffect(()=>{
     let idx = Math.floor(Math. random () * (11 - 1) + 1)
     return(
         <>
+        <Search/>
         <HStack alignItems="flex-start" marginTop="5vh" margin="5vh 7%">
             <div>
               <img className="courouselImg"  src={currentSlide} alt="" />

imdb_frontend/src/components/Createaccount/createaccount.css

@@ -1,4 +1,8 @@
 
+.all_conatiner{
+    background-color: white;
+    margin-top: 50px;
+}
 
 .container_creareaccount{
     height: 600px;
@@ -11,6 +15,7 @@
     justify-content: center;
     /* z-index: 1; */
 
+
 
 }
 .fromcontainer{

imdb_frontend/src/components/Createaccount/createaccount.jsx

@@ -18,6 +18,7 @@
   import { useToast } from '@chakra-ui/react'
   import { IconButton } from '@chakra-ui/icons'
   import { Routes, Route ,useNavigate,Link} from "react-router-dom";
+  import Search from "../../searchBar/search"
 import { useState } from "react";
 
 
@@ -227,6 +228,7 @@ handletogocreate()
 }
 
     return (
+        <div className="all_conatiner">
         <div className="container_creareaccount">
       <div className="fromcontainer">
 <img src={imdblogo} alt=""  />
@@ -279,6 +281,7 @@ handletogocreate()
 </div>
       </div>
       </div>
+      </div>
     )
   }
 

imdb_frontend/src/components/Login/login.jsx

@@ -90,7 +90,7 @@ function Login() {
     .then((res)=>{
       console.log(res)
       dispatch(users(res))
-
+      navigate("/")
     })
     .catch((error)=>console.log(error))
   }

imdb_frontend/src/components/Signup/signup.css

@@ -11,7 +11,7 @@ body{
     height: 650px;
     width: 100%;
     background-color: rgb(235, 225, 212);
-    border: 1px solid red;
+    /* border: 1px solid red; */
     margin: 0% !important;
     padding: 0%;
 }
@@ -183,7 +183,7 @@ color: black;
 }
 .recenthistory{
     height: 50px;
-    border: 1px solid green;
+    /* border: 1px solid green; */
     width: 95%;
     margin: auto;
     display: flex;

imdb_frontend/src/components/Signup/singup.jsx

@@ -5,6 +5,7 @@ import google from './googlelogo.png';
 import apple from './apple.png';
 import amazon from './amazonlogo.png';
 import { useNavigate } from 'react-router-dom';
+import Search from "../../searchBar/search"
 
 import { Link } from 'react-router-dom';
 
@@ -16,6 +17,7 @@ const SignUp = () => {
 
   return (
     <div>
+      <Search/>
       <div className="container">
         <div className="Middle_container">
           <div className="sigup_container">

imdb_frontend/src/searchBar/search.jsx

@@ -32,7 +32,7 @@ import { useEffect, useState, useRef } from 'react';
 import { InputContent } from './inputContent';
 import Login from '../components/Login/login';
 // import abc from ''
-export function Search() {
+function Search() {
     // const initialFocusRef = useRef()
     const [inputGiven, setInputGiven] = useState('');
     const [movieList, setMovieList] = useState([]);
@@ -137,4 +137,5 @@ export function Search() {
         </Box>
         </>
     )
-}
+}
+export default Search

imdb_frontend/src/trailor&FooterComponent/Footer.css

@@ -1,9 +1,12 @@
+
+
 .footerFirstLine{
     display: grid;
     grid-template-columns: repeat(4,1fr);
     width: 15vw;
     margin: auto;
     margin-top: 5vh;
+
 }
 .footerFirstLine > img, .footerFirstLine > a{
     width: 2vw;

imdb_frontend/src/trailor&FooterComponent/footer.jsx

@@ -2,7 +2,7 @@ import React from 'react'
 import './Footer.css'
 export const Footer = () => {
   return (
-    <>
+    <div className='footer_container'>
 
   <div className='footerFirstLine'>
    <a href='https://facebook.com/imdb'> <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFGUlEQVR4nOWb+28UVRTHBwz+5At0d7aE+CTR8JNGQeKfYDREBCX+gFFMEw2RiO3cIUAXiA8sFv3BH0wkJpBWiDEYEvyBGGGtVEBAK48mNZEYKoQKbefe6T6m3en1nNmltnbZncedOzvdk5xkX3P3fL5zz9y3ooRs6rtmMqWxVeDpFKH7VcLOpgi7pGpsGN6PoZdew2f4nca+gtdt4C/itWHHF4qldGMpQO1OafQ8AE4ADPfncC2UAcJ0pFqNp6LmqmoL0jfugmBbVEL7/ANXd1WjF/E/7m29fmfUvJO26B1jAQS2vVyNQwGfKQQbBqG33a8b8yNE53Ogiq4F+H9kgc8QgrChJKEblDSfKxU9oRuLIYCeqMArpMbxRIvxiBT4JsJeAOVHooau4EzVzDXhkUM1A/BP6gC0Vlp0CE+JJWl+e7l9jhzQpXcpzXyeMHh46n5XB1Be/bAAEfgcgN9bBzD+HGptoHSIQ87XcmDY5Q9eN1+WHeyjbSZ960Du9EdHCj/tO2ll9p+2Mp2nrMynRwvd5Nv8iTV7sueW7TSvLCTU9lgTVnmCd9p5jVEZ0Is2UavjB6ub5fkFznmRu7PC6i+y5z38j5HUjYdd4mMPT04n57V9uV/Hivxvl9DTbO3e3G/eUoF2I1vtqq+xdTLg9/RYGeAY9wPvR4BSKtBXq8I7AxtCr4cNTw7me4Bhwi+8bwEIHXxgw8g9t777hO4IG/6ZdvOybfPRIPD+BXC8rSI8judlDGl7B4rdQeGDCIAjyIrzCTjREDb84++zQYjdilIAxzW6sZIAXpoVX47tuwj4oALgzNJ0eN1YGjY8+sWrthcB8pn+8cyKz7N9i7cyU3QsC8nIE1Obvt0yBMhadr9L+MIrX2Z/DzOWaV1kGdUffbzIr7qhP9JXPBZ6PBrtLd19nLcPNHXt3sFybgTAai9BALtpI7tPcRYtJMCXBXBlj2035Uy5aWwldn621ZsAsuIBAbYquFzVqALAg7ATW4AzDSuAxn7BWZ+/GlUA8EsowFCjCoAjX0gBajWwAAWltEYfvLDl7eaAa8KAZuZtIf0EvPmKqGUumQL0X7OPi6kBbAj7AQNxE+Bg79gxQTXgsrBmUKYAWw7lfxYRM/gpHAgdiJsAz3422i9IgC5MgfdiJoD90BYzKyQFCN2Bg6GVcRIA1xEE3X2eJGxFeTgcHwEGmS2o604nUptY4uaMUOCckiVAz5/jGUHVv2/KjBBrD1rgg5tZ/o3O3Nlq7hayWhkotKAa8KH0SVG3JiOWJt14csq8sLMg+kejCIApP2OhFPfbNY4AxvqKS2PwJWsAAYxbbrUNe3G0LgTQWLoiPFoiPXgHdI2vzVYBcFtvzY3W8MM3Z6sATTprrgo/2SJo9PvZJwA96mqLjJMKpU1SwhckIxMAWDxskioZbooWvWQWjQB0QtXMlzzB3zToMHwcewGgm+8L3rE0nyty5Ui2APDU/0ZZzW/zLwBaM58HhR2OoQCHhO4YhwK74iIArvlhzELgJ610YGJX3Qvg5LzL5s6PBTkyE6oAGqPhHpmZYthPwL239SIAPOx+lHZo6j9zDlOsA78RlQD433AjXg+1ytcyHECpOiNudpkKFIBBd31n1X2/sg2DwUkV53hraALQC1D+2/PJ8N1R81a1pEaX46Tj/7ff+ROAngP/QNXp01Fz+bJEy2gK8vR5PF8MbF+DnwS/Aj7MSydEiuXX+NkJ/I1zFrmVPofXhh3fv5fxLIi8D7TvAAAAAElFTkSuQmCC" alt="" /></a>
@@ -28,7 +28,7 @@ export const Footer = () => {
   </div>
   <h2 className='FooterH2'>an amazon company</h2>
   <p className='FooterP2'>©1990-2022 by IMDb.com, Inc.</p>
-    </>
+    </div>
   )
 }
 

imdb_frontend/src/trailor&FooterComponent/video.jsx

@@ -11,6 +11,7 @@ import {
 import './video.css';
 import { useNavigate, useParams } from 'react-router';
 import { useSelector } from 'react-redux';
+import  Search  from '../searchBar/search';
 
 export const Video = () => {
   let { id } = useParams();
@@ -24,6 +25,7 @@ export const Video = () => {
   console.log(data);
   return (
     <>
+    <Search />
       {/* <Box bg='tomato' w='100%' p={4} color='white'>
                 This is the Box
             </Box> */}