All files / src/apps/organisations/components ViewOrgs.tsx

50% Statements 1/2
100% Branches 0/0
0% Functions 0/1
50% Lines 1/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 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54                                        1x                                                                  
import React from "react";
import { BaseAPIOrganisation } from "../types";
import {
  ContainerSearch,
  ContainerPagination
} from "../../containers/components";
import OrganisationCards from "./OrgCards";
interface Props {
  organisations: BaseAPIOrganisation[];
  title: string;
  onSearch: Function;
  initialQ: string;
  page: number;
  perPage: number;
  numFound: number;
  onPageChange: Function;
  showOnlyVerified: boolean;
  toggleShowVerified: () => void;
}
 
const ViewOrganisations: React.FC<Props> = ({
  organisations,
  title,
  onSearch,
  initialQ,
  page,
  perPage,
  numFound,
  onPageChange,
  showOnlyVerified,
  toggleShowVerified
}) => {
  return (
    <>
      <ContainerSearch
        title={title}
        onSearch={onSearch}
        initialQ={initialQ}
        showOnlyVerified={showOnlyVerified}
        toggleShowVerified={toggleShowVerified}
      />
      <OrganisationCards cards={organisations} title="Organisations" />
      <ContainerPagination
        num_found={Number(numFound)}
        per_page={Number(perPage)}
        page={page}
        onPageChange={onPageChange}
      />
    </>
  );
};
 
export default ViewOrganisations;