diff --git a/packages/strapi-plugin-content-manager/admin/src/components/Search/index.js b/packages/strapi-plugin-content-manager/admin/src/components/Search/index.js new file mode 100644 index 0000000000..e96a2305f2 --- /dev/null +++ b/packages/strapi-plugin-content-manager/admin/src/components/Search/index.js @@ -0,0 +1,27 @@ +/* +* +* Search +* +*/ + +import React from 'react'; + +import styles from './styles.scss'; + +class Search extends React.Component { + state = { value: '' }; + + handleChange = ({ target }) => { + this.setState({ value: target.value }); + } + + render() { + return ( +
+ +
+ ); + } +} + +export default Search; diff --git a/packages/strapi-plugin-content-manager/admin/src/components/Search/styles.scss b/packages/strapi-plugin-content-manager/admin/src/components/Search/styles.scss new file mode 100644 index 0000000000..d6ecea16f2 --- /dev/null +++ b/packages/strapi-plugin-content-manager/admin/src/components/Search/styles.scss @@ -0,0 +1,24 @@ +.search{ + position: fixed; + display: flex; + top: 0; + height: 6rem; + min-width: 44rem; + line-height: 6rem; + z-index: 999; + background-color: #FFFFFF; + color: #B3B5B9; + border-right: 1px solid #F3F4F4; + overflow: auto; + &:before { + content: '\f002'; + margin-right: 10px; + font-family: 'FontAwesome'; + font-size: 1.3rem; + font-weight: bolder; + } + input { + width: 60%; + outline: 0; + } +} diff --git a/packages/strapi-plugin-content-manager/admin/src/containers/ListPage/index.js b/packages/strapi-plugin-content-manager/admin/src/containers/ListPage/index.js index 4b1fa993b5..901d359e6f 100644 --- a/packages/strapi-plugin-content-manager/admin/src/containers/ListPage/index.js +++ b/packages/strapi-plugin-content-manager/admin/src/containers/ListPage/index.js @@ -26,6 +26,7 @@ import PopUpWarning from 'components/PopUpWarning'; import AddFilterCTA from 'components/AddFilterCTA'; import FiltersPickWrapper from 'components/FiltersPickWrapper/Loadable'; import Filter from 'components/Filter/Loadable'; +import Search from 'components/Search'; import Table from 'components/Table'; // Utils located in `strapi/packages/strapi-helper-plugin/lib/src/utils`; @@ -342,6 +343,7 @@ export class ListPage extends React.Component { return (
+