diff --git a/client/src/components/search/searchPage/EmptySearch.js b/client/src/components/search/searchPage/EmptySearch.js index a6647dc912..dc1727dd32 100644 --- a/client/src/components/search/searchPage/EmptySearch.js +++ b/client/src/components/search/searchPage/EmptySearch.js @@ -3,7 +3,11 @@ import React from 'react'; import './empty-search.css'; function EmptySearch() { - return
Empty Search
; + return ( +
+ Looking for something? Try the search bar on this page. +
+ ); } EmptySearch.displayName = 'EmptySearch'; diff --git a/client/src/pages/search.css b/client/src/pages/search.css new file mode 100644 index 0000000000..7e793b7c52 --- /dev/null +++ b/client/src/pages/search.css @@ -0,0 +1,5 @@ +.powered-by-wrapper { + display: flex; + justify-content: center; + align-items: center; +} diff --git a/client/src/pages/search.js b/client/src/pages/search.js index 714091be51..7f6c642eab 100644 --- a/client/src/pages/search.js +++ b/client/src/pages/search.js @@ -2,11 +2,14 @@ import React, { Fragment, Component } from 'react'; import PropTypes from 'prop-types'; import Helmet from 'react-helmet'; import { connect } from 'react-redux'; -import { Index, PoweredBy } from 'react-instantsearch-dom'; +import { Index, PoweredBy as PoweredByAlgolia } from 'react-instantsearch-dom'; import { Grid, Row, Col } from '@freecodecamp/react-bootstrap'; import { updateSearchQuery } from '../components/search/redux'; import SearchPageHits from '../components/search/searchPage/SearchPageHits'; +import Spacer from '../components/helpers/Spacer'; + +import './search.css'; const propTypes = { updateSearchQuery: PropTypes.func.isRequired }; @@ -29,7 +32,9 @@ class SearchPage extends Component {
- + + +