EmptyState NoResultsState.tsx

100% Statements 2/2

50% Branches 1/2

100% Functions 1/1

100% Lines 2/2

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28  
 
 
 
 
9x
 
 
 
 
 
 
16x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import React from "react";
import EmptyState from "./EmptyState";
import { SearchIcon } from "@assets/emptyStatesIcons";
import { SxProps } from "@mui/material";
 
const NoResultsState = ({
  searchQuery,
  sx,
}: {
  searchQuery?: string;
  sx?: SxProps;
}) => {
  return (
    <EmptyState
      Icon={<SearchIcon />}
      title={{
        main: searchQuery
          ? `No results for "${searchQuery}"`
          : `No results found`,
        secondary: "Please try a different search term",
      }}
      sx={{ padding: "50px", ...sx }}
    />
  );
};
 
export default React.memo(NoResultsState);