62 lines
1.5 KiB
TypeScript
62 lines
1.5 KiB
TypeScript
type PageProps = {
|
|
params: {
|
|
id: string;
|
|
};
|
|
};
|
|
|
|
export default function Page({ params: { id } }: PageProps) {
|
|
return <div>Page</div>;
|
|
}
|
|
|
|
/*
|
|
import { GetServerSideProps, GetServerSidePropsContext } from "next";
|
|
import Head from "next/head";
|
|
import useSWR from "swr";
|
|
import { NextPage } from "next";
|
|
import { Grid } from "@mui/material";
|
|
import { TicketDetail } from "@/app/_components/TicketDetail";
|
|
import { TicketEdit } from "@/app/_components/TicketEdit";
|
|
import { getTicketQuery } from "@/app/_graphql/getTicketQuery";
|
|
|
|
type TicketProps = {
|
|
id: string;
|
|
};
|
|
|
|
const Ticket: NextPage<TicketProps> = ({ id }) => {
|
|
const { data: ticketData, error: ticketError }: any = useSWR(
|
|
{
|
|
document: getTicketQuery,
|
|
variables: { ticketId: `gid://zammad/Ticket/${id}` },
|
|
},
|
|
{ refreshInterval: 100000 }
|
|
);
|
|
|
|
const shouldRender = !ticketError && ticketData;
|
|
|
|
return (
|
|
<>
|
|
{shouldRender && (
|
|
<Grid container spacing={0} sx={{ height: "100vh" }} direction="row">
|
|
<Grid item sx={{ height: "100vh" }} xs={9}>
|
|
<TicketDetail ticket={ticketData.ticket} />
|
|
</Grid>
|
|
<Grid item xs={3} sx={{ height: "100vh" }}>
|
|
<TicketEdit ticket={ticketData.ticket} />
|
|
</Grid>
|
|
</Grid>
|
|
)}
|
|
{ticketError && <div>{ticketError.toString()}</div>}
|
|
</>
|
|
);
|
|
};
|
|
|
|
export const getServerSideProps: GetServerSideProps = async (
|
|
context: GetServerSidePropsContext
|
|
) => {
|
|
const { id } = context.query;
|
|
return { props: { id } };
|
|
};
|
|
|
|
|
|
export default Ticket;
|
|
*/
|