ChoChoX/suwayomi-material-you-webui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improve graphql errors display in toast

Browse Source
This commit is contained in:
schroda
2025-07-27 03:42:29 +02:00
parent 20ca6d6cda
commit 56eabae9ae
3 changed files with 38 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/modules/core/components/feedback/SnackbarWithDescription.tsx
View File

@@ -17,6 +17,7 @@ import { awaitConfirmation } from '@/modules/core/utils/AwaitableDialog.tsx';
import { TranslationKey } from '@/Base.types.ts';
import { defaultPromiseErrorHandler } from '@/lib/DefaultPromiseErrorHandler.ts';
import { MediaQuery } from '@/modules/core/utils/MediaQuery.tsx';
import { extractGraphqlExceptionInfo } from '@/lib/HelperFunctions.ts';
const MAX_DESCRIPTION_LENGTH = 200;
@@ -49,10 +50,13 @@ export const SnackbarWithDescription = memo(
const severity = variant === 'default' ? 'info' : variant;
const finalAction = typeof action === 'function' ? action(id) : action;
const isDescriptionTooLong = (description?.length ?? 0) > MAX_DESCRIPTION_LENGTH;
const { isGraphqlException, graphqlError, graphqlStackTrace } = extractGraphqlExceptionInfo(description);
const finalDescription = isGraphqlException ? graphqlError : description;
const isDescriptionTooLong = (finalDescription?.length ?? 0) > MAX_DESCRIPTION_LENGTH;
const actualDescription = isDescriptionTooLong
? description?.slice(0, MAX_DESCRIPTION_LENGTH)
: description;
? finalDescription?.slice(0, MAX_DESCRIPTION_LENGTH)
: finalDescription;
const TitleComponent = actualDescription?.length ? AlertTitle : Fragment;
@@ -79,7 +83,7 @@ export const SnackbarWithDescription = memo(
>
<TitleComponent>{message}</TitleComponent>
{actualDescription}
{isDescriptionTooLong ? (
{isDescriptionTooLong || (isGraphqlException && graphqlStackTrace) ? (
<Button
onClick={() => {
awaitConfirmation({