|
|
|
|
@ -1,9 +1,10 @@ |
|
|
|
|
import React, { Fragment } from 'react' |
|
|
|
|
import React from 'react' |
|
|
|
|
|
|
|
|
|
import { devices } from 'config' |
|
|
|
|
|
|
|
|
|
import { useMediaQuery } from 'features/MediaQuery' |
|
|
|
|
import { UserFavorites } from 'features/UserFavorites' |
|
|
|
|
import { MainWrapper } from 'features/MainWrapper' |
|
|
|
|
|
|
|
|
|
import { MobileHeader } from './components/MobileHeader' |
|
|
|
|
import { DesktopHeader } from './components/DesktopHeader' |
|
|
|
|
@ -18,7 +19,7 @@ export const ExtendedSearchPage = () => { |
|
|
|
|
const { searchItems } = useExtendedSearchStore() |
|
|
|
|
const isMobile = useMediaQuery({ query: devices.tablet }) |
|
|
|
|
return ( |
|
|
|
|
<Fragment> |
|
|
|
|
<MainWrapper> |
|
|
|
|
{!isMobile && <UserFavorites />} |
|
|
|
|
{ |
|
|
|
|
isMobile |
|
|
|
|
@ -28,6 +29,6 @@ export const ExtendedSearchPage = () => { |
|
|
|
|
<Main> |
|
|
|
|
<Results results={searchItems} /> |
|
|
|
|
</Main> |
|
|
|
|
</Fragment> |
|
|
|
|
</MainWrapper> |
|
|
|
|
) |
|
|
|
|
} |
|
|
|
|
|