fix

src/Moviecard/useMovieFilterByName.jsx

@@ -1,7 +1,7 @@
 import { useState } from 'react';
 import axios from 'axios';
 import MovieCard from './MovieCard.jsx';
-import Input from '../components/input/Input.jsx'; // Замените на фактический путь
+//import Input from '../components/input/Input.jsx'; // Замените на фактический путь
 import { Button } from 'react-bootstrap';
 
 const useMovieFilter = () => {
@@ -27,18 +27,12 @@ const useMovieFilter = () => {
     };
     return (
         <>
-            <Input
+            
-                name="search"
+            <div class="input-group mb-3">
-                label="Search movies..."
+                <input name="search "type="text" value={searchText} onChange={handleSearchChange} className="form-control" placeholder="Введите название фильма" aria-label="Search movies..."  aria-describedby="button-addon2" onKeyUp={handleKeyPress}/>
-                value={searchText}
+                <button class="btn btn-outline-secondary" type="button" id="button-addon2" onClick={handleSearch}>Поиск</button>
-                onChange={handleSearchChange}
+            </div>
-                type="text"
+            
-                placeholder="Search movies..."
-                onKeyPress={handleKeyPress}
-            />
-            <Button className='col-5 col-lg-2 m-0 ms-2' type='submit' variant='primary' onClick={handleSearch}>
-                Поиск
-            </Button>
             
             <div className="movie-container">
                 {searchResult.map((movie) => (

src/components/lines/table/Lines.jsx

@@ -41,6 +41,9 @@ const Lines = () => {
 
     return (
         <>
+            <Button variant='info' onClick={() => showFormModal()}>
+                Добавить товар (диалог)
+            </Button> 
             <Button as={Link} to='/page-edit' variant='success'>
                 Добавить фильм
             </Button>   

src/index.css

@@ -4,7 +4,7 @@ body {
   margin: 0;
   padding: 0;
   
-  
+  min-height: 150vh;
 }
 
 .header {

src/pages/SearchPage.jsx

@@ -4,7 +4,7 @@ const SearchPage = () => {
     
     return (
             <>
-            <h1>Категории</h1>
+            <h1>Поиск</h1>
     
             
               <MovieList />