Elgato_dark/console
1
0
Fork 0
mirror of https://github.com/graphql-hive/console synced 2026-04-21 14:37:17 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Console 1460 schema explorer tabs disappear for unused with no usage (#7318)

Browse source
This commit is contained in:
Jonathan Brennan 2025-11-25 16:07:40 -06:00 committed by GitHub
parent 0ac46404d5
commit b9092379e6
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 34 additions and 28 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

62
packages/web/app/src/pages/target-explorer-unused.tsx
View file

@ -253,25 +253,33 @@ const UnusedSchemaExplorer_UnusedSchemaQuery = graphql(`
}
`);
function UnusedSchemaExplorer(props: {
function UnusedSchemaExplorer({
dataRetentionInDays,
hasCollectedOperations,
organizationSlug,
projectSlug,
targetSlug,
}: {
dataRetentionInDays: number;
hasCollectedOperations: boolean;
organizationSlug: string;
projectSlug: string;
targetSlug: string;
}) {
const dateRangeController = useDateRangeController({
dataRetentionInDays: props.dataRetentionInDays,
dataRetentionInDays,
defaultPreset: presetLast7Days,
});
const [query, refresh] = useQuery({
query: UnusedSchemaExplorer_UnusedSchemaQuery,
variables: {
organizationSlug: props.organizationSlug,
projectSlug: props.projectSlug,
targetSlug: props.targetSlug,
organizationSlug,
projectSlug,
targetSlug,
period: dateRangeController.resolvedRange,
},
pause: !hasCollectedOperations,
});
useEffect(() => {
@ -283,7 +291,7 @@ function UnusedSchemaExplorer(props: {
if (query.error) {
return (
<QueryError
organizationSlug={props.organizationSlug}
organizationSlug={organizationSlug}
error={query.error}
showLogoutButton={false}
/>
@ -311,14 +319,23 @@ function UnusedSchemaExplorer(props: {
onUpdate={args => dateRangeController.setSelectedPreset(args.preset)}
/>
<SchemaVariantFilter
organizationSlug={props.organizationSlug}
projectSlug={props.projectSlug}
targetSlug={props.targetSlug}
organizationSlug={organizationSlug}
projectSlug={projectSlug}
targetSlug={targetSlug}
variant="unused"
/>
</div>
</div>
{!query.fetching && !query.stale ? (
{!hasCollectedOperations ? (
<div className="py-8">
<EmptyList
title="Hive is waiting for your first collected operation"
description="You can collect usage of your GraphQL API with Hive Client"
docsUrl="/features/usage-reporting"
/>
</div>
) : !query.fetching && !query.stale ? (
<>
{latestValidSchemaVersion?.unusedSchema && latestSchemaVersion ? (
<>
@ -337,9 +354,9 @@ function UnusedSchemaExplorer(props: {
<Link
to="/$organizationSlug/$projectSlug/$targetSlug/history/$versionId"
params={{
organizationSlug: props.organizationSlug,
projectSlug: props.projectSlug,
targetSlug: props.targetSlug,
organizationSlug,
projectSlug,
targetSlug,
versionId: latestSchemaVersion.id,
}}
>
@ -351,9 +368,9 @@ function UnusedSchemaExplorer(props: {
<UnusedSchemaView
totalRequests={query.data?.target?.operationsStats.totalRequests ?? 0}
explorer={latestValidSchemaVersion.unusedSchema}
organizationSlug={props.organizationSlug}
projectSlug={props.projectSlug}
targetSlug={props.targetSlug}
organizationSlug={organizationSlug}
projectSlug={projectSlug}
targetSlug={targetSlug}
/>
</>
) : (
@ -426,21 +443,10 @@ function ExplorerUnusedSchemaPageContent(props: {
return null;
}
if (!hasCollectedOperations) {
return (
<div className="py-8">
<EmptyList
title="Hive is waiting for your first collected operation"
description="You can collect usage of your GraphQL API with Hive Client"
docsUrl="/features/usage-reporting"
/>
</div>
);
}
return (
<UnusedSchemaExplorer
dataRetentionInDays={currentOrganization.rateLimit.retentionInDays}
hasCollectedOperations={hasCollectedOperations}
organizationSlug={props.organizationSlug}
projectSlug={props.projectSlug}
targetSlug={props.targetSlug}