const TicketOverview = () => {
const [hasRan, setHasRan] = useState(false);
const session = useSession();
const theme = useMantineTheme();
const { guildId } = useRouter().query;
const isFetching = useIsFetching();
const isMutating = useIsMutating();
const isRestoring = useIsRestoring();
const { data: guild, error: guildError } = api.guilds.guild.useQuery(
{
guildId: guildId as string,
},
{ enabled: !!guildId }
);
const { data: guildChannels, error: channelError } =
api.guilds.guildChannels.useQuery(
{
guildId: guildId as string,
},
{ enabled: !!guildId }
);
const { data: guildCategories, error: categoryError } =
api.guilds.guildCategories.useQuery(
{
guildId: guildId as string,
},
{ enabled: !!guildId }
);
// if any of the queries are still in progress...
if (session.status === 'loading' || isFetching || isRestoring || isMutating)
return <Loading />;
if (guildError || channelError || categoryError) {
return (
<div>
{guildError?.message ||
channelError?.message ||
categoryError?.message
}
</div>
);
}
return (
<div>
<h1>Pages content...</h1>
</div>
)
}
const TicketOverview = () => {
const [hasRan, setHasRan] = useState(false);
const session = useSession();
const theme = useMantineTheme();
const { guildId } = useRouter().query;
const isFetching = useIsFetching();
const isMutating = useIsMutating();
const isRestoring = useIsRestoring();
const { data: guild, error: guildError } = api.guilds.guild.useQuery(
{
guildId: guildId as string,
},
{ enabled: !!guildId }
);
const { data: guildChannels, error: channelError } =
api.guilds.guildChannels.useQuery(
{
guildId: guildId as string,
},
{ enabled: !!guildId }
);
const { data: guildCategories, error: categoryError } =
api.guilds.guildCategories.useQuery(
{
guildId: guildId as string,
},
{ enabled: !!guildId }
);
// if any of the queries are still in progress...
if (session.status === 'loading' || isFetching || isRestoring || isMutating)
return <Loading />;
if (guildError || channelError || categoryError) {
return (
<div>
{guildError?.message ||
channelError?.message ||
categoryError?.message
}
</div>
);
}
return (
<div>
<h1>Pages content...</h1>
</div>
)
}