Commit 82aea96c authored by Maxym Borodenko's avatar Maxym Borodenko
Browse files

Remove Container component

parent f354f0b2
import * as React from 'react';
import * as classNames from 'classnames';
interface IContainerProps extends React.Props<any> {
size: number;
center?: boolean;
testid?: string;
}
export default function Container({
size = 1,
center = false,
children = null,
testid = '',
}: IContainerProps) {
const containerClasses = classNames('clearfix', 'px1', {
'col-xs-1': size === 1,
'col-xs-2': size === 2,
'col-xs-3': size === 3,
'col-xs-4': size === 4,
'col-xs-5': size === 5,
'col-xs-6': size === 6,
'col-xs-12': size === 12,
'col-xs': center,
});
return (
<div data-testid={ testid } className={ containerClasses }>
{ children }
</div>
);
}
......@@ -8,7 +8,6 @@ import Tabs, {Tab} from 'material-ui/Tabs';
import Paper from 'material-ui/Paper';
import Loading from 'ui/common/Loading';
import Container from 'ui/common/container';
import {searchDatasets, searchDescriptorLists, searchDescriptors} from 'actions/search';
import {Dataset, IDatasetFilter} from 'model/dataset.model';
import {Page} from 'model/common.model';
......@@ -99,7 +98,7 @@ class SearchPage extends React.Component<ISearchPageProps, any> {
const {search, value} = this.state;
return (
<Container testid="counter" size={ 12 } center>
<div>
<ContentHeader title="Search the Genesys Catalog"/>
<Grid container spacing={ 0 }>
<Grid item xs={ 12 } className={ classes.alignCenter }>
......@@ -123,7 +122,7 @@ class SearchPage extends React.Component<ISearchPageProps, any> {
</Paper>
</Grid>
</Grid>
</Container>
</div>
);
}
}
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment