import { GetServerSideProps, GetServerSidePropsContext } from "next"; import Head from "next/head"; import useSWR from "swr"; import { request, gql } from "graphql-request"; import { NextPage } from "next"; import { Grid, } from "@mui/material"; import { Layout } from "components/Layout"; import { TicketDetail } from "components/TicketDetail"; import { TicketEdit } from "components/TicketEdit"; type TicketProps = { id: string; }; const Ticket: NextPage = ({ id }) => { const origin = typeof window !== 'undefined' && window.location.origin ? window.location.origin : ''; const graphQLFetcher = async ({ document, variables }: any) => { const data = await request({ url: `${origin}/graphql`, document, variables }) console.log({ data }) return data; }; const { data: ticketData, error: ticketError }: any = useSWR( { document: gql` query getTicket($ticketId: Int!) { ticket( ticket: { ticketInternalId: $ticketId } ) { id, internalId, title, note, number, createdAt, updatedAt, closeAt, articles { edges { node { id, body, internal, sender { name } } } } }}`, variables: { ticketId: parseInt(id, 10) } }, graphQLFetcher, { refreshInterval: 1000 } ); const { data: graphqlData2, error: graphqlError2 } = useSWR( { document: gql` { __schema { queryType { name fields { name } } } }`, variables: {} }, graphQLFetcher ); const shouldRender = !ticketError && ticketData; return ( Link Shell {shouldRender && ( {/* */} )} {ticketError &&
{ticketError.toString()}
} ); } export const getServerSideProps: GetServerSideProps = async ( context: GetServerSidePropsContext) => { const { id } = context.query; return { props: { id } }; } export default Ticket;