diff --git a/src/app/pages/collections/search/search-view.jsx b/src/app/pages/collections/search/search-view.jsx
index 6801bd0b11..1868029f3e 100755
--- a/src/app/pages/collections/search/search-view.jsx
+++ b/src/app/pages/collections/search/search-view.jsx
@@ -2,6 +2,7 @@ import React, { useContext, useEffect, useState } from 'react';
import {
Button,
Box,
+ Card,
Paper,
Table,
TableBody,
@@ -14,7 +15,7 @@ import {
import { shape, string } from 'prop-types';
import ChplLandingPage from './landing-page';
-
+import FindReplaceIcon from '@material-ui/icons/FindReplace';
import { useFetchCollection } from 'api/collections';
import ChplActionButton from 'components/action-widget/action-button';
import ChplCertificationStatusLegend from 'components/certification-status/certification-status';
@@ -51,6 +52,19 @@ const initialHeaders = [
];
const useStyles = makeStyles({
+ cantFindContent:{
+ display: "flex",
+ alignItems: "center",
+ justifyContent: "center",
+ flexDirection: "row",
+ },
+ cantFindContainer:{
+ display: "flex",
+ alignItems: "center",
+ padding: 8,
+ justifyContent: "center",
+ flexDirection: "column",
+ },
linkWrap: {
overflowWrap: 'anywhere',
},
@@ -238,19 +252,9 @@ function ChplSearchView(props) {
Search Results:
{ listings.length === 0
&& (
- <>
-
- No results found
-
- { searchTermRecordCount > 0
- && (
-
- )}
- >
+
+ No results found
+
)}
{ listings.length > 0
&& (
@@ -267,6 +271,27 @@ function ChplSearchView(props) {
/>
)}
+
+ { listings.length === 0 && searchTermRecordCount > 0
+ && (
+
+
+
+ Can't find what you're looking for? Clear filters to
+
+
+
+ )}
{ listings.length > 0
&& (
<>