Integration GroupedIntegrations.tsx

0% Statements 0/9

0% Branches 0/6

0% Functions 0/2

0% Lines 0/9

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  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import SuspenseLoader from "../Skeleton/SuspenseLoader";
import TableSkeleton from "../Skeleton/TableLoader";
import TabContent from "../TabsComponent/TabContent";
import { useGetConnectorListQuery } from "../../store/features/integrations/api";
import styles from "./index.module.css";
 
function GroupedIntegrations() {
  const { data: integrations, isFetching } = useGetConnectorListQuery();
 
  return (
    <SuspenseLoader
      loading={isFetching}
      loader={<TableSkeleton noOfLines={7} />}>
      {Object.entries(integrations?.integrations ?? {})?.map(
        (integration, i) =>
          integration[0] !== "allAvailableConnectors" && (
            <TabContent
              key={i}
              id={integration[0]}
              title={integration[0] ?? ""}
              cards={integration[1]}
            />
          ),
      )}
      <h1 className={styles["intercom-text"]}>
        Looking for any other integration? Chat with us or{" "}
        <a
          className={styles["meeting-link"]}
          href="https://calendly.com/dipesh-droid/integrations"
          target="_blank"
          rel="noreferrer">
          setup a meeting
        </a>{" "}
        with our team or email us at{" "}
        <b className={styles["meeting-link"]}>dipesh@drdroid.io</b>
      </h1>
    </SuspenseLoader>
  );
}
 
export default GroupedIntegrations;