Overview & recent fixes, auth updates, SWR fixes

apps/link/app/(main)/overview/[overview]/_components/ZammadOverview.tsx

@@ -3,23 +3,57 @@
 import { FC, useEffect, useState } from "react";
 import useSWR from "swr";
 import { TicketList } from "./TicketList";
+import { getTicketOverviewCountsQuery } from "app/_graphql/getTicketOverviewCountsQuery";
 import { getTicketsByOverviewQuery } from "app/_graphql/getTicketsByOverviewQuery";
 
 type ZammadOverviewProps = {
   name: string;
-  id: string;
 };
 
-export const ZammadOverview: FC<ZammadOverviewProps> = ({ name, id }) => {
+export const ZammadOverview: FC<ZammadOverviewProps> = ({ name }) => {
+  const [overviewID, setOverviewID] = useState(null);
   const [tickets, setTickets] = useState([]);
   const [error, setError] = useState(null);
-  const { data: ticketData, error: ticketError }: any = useSWR(
+
+  const { data: overviewData, error: overviewError }: any = useSWR(
     {
-      document: getTicketsByOverviewQuery,
-      variables: { overviewId: `gid://zammad/Overview/${id}`, pageSize: 250 },
+      document: getTicketOverviewCountsQuery,
     },
     { refreshInterval: 10000 },
   );
+  const { data: ticketData, error: ticketError }: any = useSWR(
+    {
+      document: getTicketsByOverviewQuery,
+      variables: { overviewId: overviewID, pageSize: 250 },
+    },
+    { refreshInterval: 10000 },
+  );
+  const overviewLookup = {
+    Assigned: "My Assigned Tickets",
+    Open: "Open Tickets",
+    Urgent: "Escalated Tickets",
+    Unassigned: "Unassigned & Open Tickets",
+  };
+
+  const findOverviewByName = (name: string) => {
+    const fullName = overviewLookup[name];
+    return overviewData?.ticketOverviews?.edges?.find(
+      (overview: any) => overview.node.name === fullName,
+    )?.node?.id;
+  };
+  useEffect(() => {
+    if (overviewData) {
+      setOverviewID(findOverviewByName(name));
+    }
+  }, [overviewData, name]);
+  console.log({
+    name,
+    overviewID,
+    overviewData,
+    overviewError,
+    ticketData,
+    ticketError,
+  });
 
   const restFetcher = (url: string) => fetch(url).then((r) => r.json());
   const { data: recent } = useSWR("/api/v1/recent_view", restFetcher);
@@ -41,6 +75,8 @@ export const ZammadOverview: FC<ZammadOverviewProps> = ({ name, id }) => {
       const edges = ticketData?.ticketsByOverview?.edges;
       if (edges) {
         const nodes = edges.map((edge: any) => edge.node);
+        console.log({ nodes });
+        setError(null);
         setTickets(sortTickets(nodes));
       }
 
@@ -72,6 +108,6 @@ export const ZammadOverview: FC<ZammadOverviewProps> = ({ name, id }) => {
   }, [name]);
 
   const shouldRender = tickets && !error;
-
+  console.log({ shouldRender, tickets, error });
   return shouldRender && <TicketList title={name} tickets={tickets} />;
 };