Ticket list updates

This commit is contained in:
Darren Clarke 2023-06-07 08:02:29 +00:00 committed by GitHub
parent 6a85c644dc
commit dce765033d
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
12 changed files with 397 additions and 133 deletions

View file

@ -1,31 +1,32 @@
import { FC } from "react";
import Head from "next/head";
import { Grid } from "@mui/material";
import useSWR from "swr";
import { NextPage } from "next";
import { Layout } from "components/Layout";
import { ZammadWrapper } from "components/ZammadWrapper";
import { TicketList } from "components/TicketList";
import { getTicketsByOverviewQuery } from "graphql/getTicketsByOverviewQuery";
const Assigned: FC = () => (
<Layout>
<Head>
<title>Link Shell</title>
</Head>
<Grid
container
spacing={0}
sx={{ height: "100%", width: "100%" }}
direction="column"
>
<Grid
item
sx={{
height: "100%",
width: "100%",
}}
>
<ZammadWrapper path="/#ticket/view/my_assigned" />
</Grid>
</Grid>
</Layout>
);
const Assigned: NextPage = () => {
const { data: ticketData, error: ticketError }: any = useSWR(
{
document: getTicketsByOverviewQuery,
variables: { overviewId: "gid://zammad/Overview/1" },
},
{ refreshInterval: 10000 }
);
const shouldRender = !ticketError && ticketData;
const tickets =
ticketData?.ticketsByOverview?.edges.map((edge: any) => edge.node) || [];
return (
<Layout>
<Head>
<title>Link Shell Assigned Tickets</title>
</Head>
{shouldRender && <TicketList title="Assigned" tickets={tickets} />}
{ticketError && <div>{ticketError.toString()}</div>}
</Layout>
);
};
export default Assigned;

View file

@ -1,31 +1,32 @@
import { FC } from "react";
import Head from "next/head";
import { Grid } from "@mui/material";
import useSWR from "swr";
import { NextPage } from "next";
import { Layout } from "components/Layout";
import { ZammadWrapper } from "components/ZammadWrapper";
import { TicketList } from "components/TicketList";
import { getTicketsByOverviewQuery } from "graphql/getTicketsByOverviewQuery";
const Pending: FC = () => (
<Layout>
<Head>
<title>Link Shell</title>
</Head>
<Grid
container
spacing={0}
sx={{ height: "100%", width: "100%" }}
direction="column"
>
<Grid
item
sx={{
height: "100%",
width: "100%",
}}
>
<ZammadWrapper path="/#ticket/view/my_pending_reached" />
</Grid>
</Grid>
</Layout>
);
const Pending: NextPage = () => {
const { data: ticketData, error: ticketError }: any = useSWR(
{
document: getTicketsByOverviewQuery,
variables: { overviewId: "gid://zammad/Overview/3" },
},
{ refreshInterval: 10000 }
);
const shouldRender = !ticketError && ticketData;
const tickets =
ticketData?.ticketsByOverview?.edges.map((edge: any) => edge.node) || [];
return (
<Layout>
<Head>
<title>Link Shell Assigned Tickets</title>
</Head>
{shouldRender && <TicketList title="Pending" tickets={tickets} />}
{ticketError && <div>{ticketError.toString()}</div>}
</Layout>
);
};
export default Pending;

View file

@ -1,31 +1,32 @@
import { FC } from "react";
import Head from "next/head";
import { Grid } from "@mui/material";
import useSWR from "swr";
import { NextPage } from "next";
import { Layout } from "components/Layout";
import { ZammadWrapper } from "components/ZammadWrapper";
import { TicketList } from "components/TicketList";
import { getTicketsByOverviewQuery } from "graphql/getTicketsByOverviewQuery";
const Unassigned: FC = () => (
<Layout>
<Head>
<title>Link Shell</title>
</Head>
<Grid
container
spacing={0}
sx={{ height: "100%", width: "100%" }}
direction="column"
>
<Grid
item
sx={{
height: "100%",
width: "100%",
}}
>
<ZammadWrapper path="/#ticket/view/all_unassigned" />
</Grid>
</Grid>
</Layout>
);
const Unassigned: NextPage = () => {
const { data: ticketData, error: ticketError }: any = useSWR(
{
document: getTicketsByOverviewQuery,
variables: { overviewId: "gid://zammad/Overview/2" },
},
{ refreshInterval: 10000 }
);
const shouldRender = !ticketError && ticketData;
const tickets =
ticketData?.ticketsByOverview?.edges.map((edge: any) => edge.node) || [];
return (
<Layout>
<Head>
<title>Link Shell Assigned Tickets</title>
</Head>
{shouldRender && <TicketList title="Unassigned" tickets={tickets} />}
{ticketError && <div>{ticketError.toString()}</div>}
</Layout>
);
};
export default Unassigned;

View file

@ -1,31 +1,32 @@
import { FC } from "react";
import Head from "next/head";
import { Grid } from "@mui/material";
import useSWR from "swr";
import { NextPage } from "next";
import { Layout } from "components/Layout";
import { ZammadWrapper } from "components/ZammadWrapper";
import { TicketList } from "components/TicketList";
import { getTicketsByOverviewQuery } from "graphql/getTicketsByOverviewQuery";
const Urgent: FC = () => (
<Layout>
<Head>
<title>Link Shell</title>
</Head>
<Grid
container
spacing={0}
sx={{ height: "100%", width: "100%" }}
direction="column"
>
<Grid
item
sx={{
height: "100%",
width: "100%",
}}
>
<ZammadWrapper path="/#ticket/view/all_escalated" />
</Grid>
</Grid>
</Layout>
);
const Urgent: NextPage = () => {
const { data: ticketData, error: ticketError }: any = useSWR(
{
document: getTicketsByOverviewQuery,
variables: { overviewId: "gid://zammad/Overview/7" },
},
{ refreshInterval: 10000 }
);
const shouldRender = !ticketError && ticketData;
const tickets =
ticketData?.ticketsByOverview?.edges.map((edge: any) => edge.node) || [];
return (
<Layout>
<Head>
<title>Link Shell Urgent Tickets</title>
</Head>
{shouldRender && <TicketList title="Urgent" tickets={tickets} />}
{ticketError && <div>{ticketError.toString()}</div>}
</Layout>
);
};
export default Urgent;