import {
Box,
CircularProgress,
Container,
IconButton,
InputAdornment,
TextField,
Typography,
useMediaQuery
} from "@mui/material";
import SearchIcon from "@material-ui/icons/Search";
import {connect} from "react-redux";
import {actionFullGoodFind} from "../actions/ActionGoodFind";
import {useState} from "react";
import {backURL} from "../actions/PathDB";
import imgNotFound from "../img/catalog/imgNotFound.png";
import Link from "react-router-dom/es/Link";
import {actionSearchRemove} from "../reducers/SearchReducer";
const NotFound = () => {
return (
No results found
)
}
const ItemFound = ({item:{_id, name, price, images, description}}) => {
return (
{name}
{description.length > 60 ? 'Lorem ipsum dolor sit amet, consectetur adipisicing elit.' : description}
${parseFloat(price).toFixed(2)}
)
}
const SearchPage = ({searchResult, onSearch, onSearchRemove}) => {
const matches = useMediaQuery('(max-width:899px)')
const [value, setValue] = useState('')
const [click, setClick] = useState(false)
return(
<>
WHAT YOU ARE LOOKING FOR?
{setClick(false); setValue(event.target.value); onSearchRemove()}}
InputProps={{
sx: {padding: '10px', outline:'none', color: '#616161', fontWeight: '300', letterSpacing: '1px', marginBottom: '50px'},
endAdornment: (
{setClick(true); onSearchRemove(); onSearch(value)}}>
)
}}
/>
{(value !== '' && click) && (searchResult?.searchResult ?
Object.values(searchResult.searchResult).length > 0 ?
Object.values(searchResult.searchResult).map(item => ) : :
)}
>
)
}
const CSearchPage = connect(state=>({searchResult: state.search}), {onSearch: actionFullGoodFind, onSearchRemove: actionSearchRemove})(SearchPage)
export default CSearchPage
// TODO MOBILE VERSION