EmptyState GiveSearchEmptyState.tsx

0% Statements 0/2

0% Branches 0/2

0% Functions 0/1

0% Lines 0/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
29  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import React from "react";
import GiveEmptyState from "./GiveEmptyState";
import { MagnifyingGlassIcon } from "@phosphor-icons/react";
 
type Props = {
  searchQuery?: string;
  handleClear: () => void;
};
 
const GiveSearchEmptyState = ({ searchQuery, handleClear }: Props) => {
  return (
    <GiveEmptyState
      Icon={<MagnifyingGlassIcon size={28} />}
      title={{
        main: searchQuery
          ? `No results for "${searchQuery}"`
          : `No results found`,
        secondary: "Please try a different search term",
      }}
      action={{
        label: "Clear Search",
        handleAction: handleClear,
      }}
    />
  );
};
 
export default React.memo(GiveSearchEmptyState);