mirror of
https://github.com/kingomarnajjar/flex-template-web.git
synced 2026-07-31 02:26:50 +10:00
Remove unused MapPanel component
This commit is contained in:
parent
c30a6ab6e2
commit
d3b8c558a5
5 changed files with 0 additions and 109 deletions
|
|
@ -1,53 +0,0 @@
|
|||
.mapContainer {
|
||||
height: calc(100vh - 237px);
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background-color: #ddd;
|
||||
color: #fff;
|
||||
font-size: 2rem;
|
||||
}
|
||||
.mapListingsContainer {
|
||||
height: 237px;
|
||||
width: auto;
|
||||
overflow-x: scroll;
|
||||
background-color: #fff;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
.toFiltersButton {
|
||||
position: fixed;
|
||||
top: calc(70vh - 80px);
|
||||
left: 50%;
|
||||
width: 200px;
|
||||
margin-left: -100px;
|
||||
display: block;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
font-size: 1.4rem;
|
||||
padding: 0.5rem;
|
||||
color: #fff;
|
||||
background-color: #9b9b9b;
|
||||
cursor: pointer;
|
||||
|
||||
&:hover {
|
||||
background-color: #888;
|
||||
}
|
||||
}
|
||||
|
||||
.close {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 3em;
|
||||
padding: 1em;
|
||||
color: #999;
|
||||
text-decoration: none;
|
||||
|
||||
&:hover {
|
||||
color: #000;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,25 +0,0 @@
|
|||
import React from 'react';
|
||||
import PropTypes from 'prop-types';
|
||||
import { NamedLink } from '../../components';
|
||||
import css from './MapPanel.css';
|
||||
|
||||
const MapPanel = props => (
|
||||
<div>
|
||||
<div className={css.mapContainer}>Map</div>
|
||||
<div className={css.mapListingsContainer}>{props.children}</div>
|
||||
<NamedLink className={css.toFiltersButton} name="SearchFiltersPage">
|
||||
Filters
|
||||
</NamedLink>
|
||||
<NamedLink className={css.close} name="SearchListingsPage">
|
||||
X
|
||||
</NamedLink>
|
||||
</div>
|
||||
);
|
||||
|
||||
MapPanel.defaultProps = { children: null };
|
||||
|
||||
const { any } = PropTypes;
|
||||
|
||||
MapPanel.propTypes = { children: any };
|
||||
|
||||
export default MapPanel;
|
||||
|
|
@ -1,10 +0,0 @@
|
|||
import React from 'react';
|
||||
import { renderShallow } from '../../util/test-helpers';
|
||||
import MapPanel from './MapPanel';
|
||||
|
||||
describe('MapPanel', () => {
|
||||
it('matches snapshot', () => {
|
||||
const tree = renderShallow(<MapPanel />);
|
||||
expect(tree).toMatchSnapshot();
|
||||
});
|
||||
});
|
||||
|
|
@ -1,20 +0,0 @@
|
|||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`MapPanel matches snapshot 1`] = `
|
||||
<div>
|
||||
<div>
|
||||
Map
|
||||
</div>
|
||||
<div />
|
||||
<NamedLink
|
||||
name="SearchFiltersPage"
|
||||
>
|
||||
Filters
|
||||
</NamedLink>
|
||||
<NamedLink
|
||||
name="SearchListingsPage"
|
||||
>
|
||||
X
|
||||
</NamedLink>
|
||||
</div>
|
||||
`;
|
||||
|
|
@ -66,7 +66,6 @@ export { default as LocationAutocompleteInput, LocationAutocompleteInputField }
|
|||
export { default as Logo } from './Logo/Logo';
|
||||
export { default as ManageListingCard } from './ManageListingCard/ManageListingCard';
|
||||
export { default as Map } from './Map/Map';
|
||||
export { default as MapPanel } from './MapPanel/MapPanel';
|
||||
export { default as Menu } from './Menu/Menu';
|
||||
export { default as MenuContent } from './MenuContent/MenuContent';
|
||||
export { default as MenuItem } from './MenuItem/MenuItem';
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue