From f56fab9876fb9fc46c6c708231324a90d8a7851d Mon Sep 17 00:00:00 2001 From: Jonathan Fishner Date: Mon, 21 Jul 2025 12:43:57 +0300 Subject: [PATCH] fix: update multiple schemas toast to require user action (#771) * fix: update multiple schemas toast to require user action * fix * fix --------- Co-authored-by: Guy Ben-Aharon --- src/components/toast/toaster.tsx | 3 ++- src/components/toast/use-toast.ts | 1 + src/i18n/locales/ar.ts | 4 ++-- src/i18n/locales/bn.ts | 4 ++-- src/i18n/locales/de.ts | 4 ++-- src/i18n/locales/en.ts | 3 +-- src/i18n/locales/es.ts | 4 ++-- src/i18n/locales/fr.ts | 4 ++-- src/i18n/locales/gu.ts | 4 ++-- src/i18n/locales/hi.ts | 4 ++-- src/i18n/locales/id_ID.ts | 4 ++-- src/i18n/locales/ja.ts | 4 ++-- src/i18n/locales/ko_KR.ts | 4 ++-- src/i18n/locales/mr.ts | 4 ++-- src/i18n/locales/ne.ts | 4 ++-- src/i18n/locales/pt_BR.ts | 4 ++-- src/i18n/locales/ru.ts | 4 ++-- src/i18n/locales/te.ts | 4 ++-- src/i18n/locales/tr.ts | 4 ++-- src/i18n/locales/uk.ts | 4 ++-- src/i18n/locales/vi.ts | 4 ++-- src/i18n/locales/zh_CN.ts | 4 ++-- src/i18n/locales/zh_TW.ts | 4 ++-- src/pages/editor-page/editor-page.tsx | 20 +++++++++----------- 24 files changed, 53 insertions(+), 54 deletions(-) diff --git a/src/components/toast/toaster.tsx b/src/components/toast/toaster.tsx index 01c07fdc..aecec83a 100644 --- a/src/components/toast/toaster.tsx +++ b/src/components/toast/toaster.tsx @@ -20,6 +20,7 @@ export function Toaster() { description, action, layout = 'row', + hideCloseButton = false, ...props }) { return ( @@ -38,7 +39,7 @@ export function Toaster() { ) : null} {layout === 'row' ? action : null} - + {!hideCloseButton ? : null} ); })} diff --git a/src/components/toast/use-toast.ts b/src/components/toast/use-toast.ts index 25bcdc84..3a632f96 100644 --- a/src/components/toast/use-toast.ts +++ b/src/components/toast/use-toast.ts @@ -12,6 +12,7 @@ type ToasterToast = ToastProps & { description?: React.ReactNode; action?: ToastActionElement; layout?: 'row' | 'column'; + hideCloseButton?: boolean; }; // eslint-disable-next-line @typescript-eslint/no-unused-vars diff --git a/src/i18n/locales/ar.ts b/src/i18n/locales/ar.ts index 92a8bdf4..52b83db3 100644 --- a/src/i18n/locales/ar.ts +++ b/src/i18n/locales/ar.ts @@ -74,8 +74,8 @@ export const ar: LanguageTranslation = { title: 'مخططات متعددة', description: '{{formattedSchemas}} :مخططات في هذا الرسم البياني. يتم حاليا عرض {{schemasCount}} هناك', - dont_show_again: 'لا تظهره مجدداً', - change_schema: 'تغيير', + // TODO: Translate + show_me: 'Show me', none: 'لا شيء', }, diff --git a/src/i18n/locales/bn.ts b/src/i18n/locales/bn.ts index 27f3bbc9..ab5fb3f9 100644 --- a/src/i18n/locales/bn.ts +++ b/src/i18n/locales/bn.ts @@ -75,8 +75,8 @@ export const bn: LanguageTranslation = { title: 'বহু স্কিমা', description: '{{schemasCount}} স্কিমা এই ডায়াগ্রামে রয়েছে। বর্তমানে প্রদর্শিত: {{formattedSchemas}}।', - dont_show_again: 'পুনরায় দেখাবেন না', - change_schema: 'পরিবর্তন করুন', + // TODO: Translate + show_me: 'Show me', none: 'কিছুই না', }, diff --git a/src/i18n/locales/de.ts b/src/i18n/locales/de.ts index 0ed4f099..f958ba55 100644 --- a/src/i18n/locales/de.ts +++ b/src/i18n/locales/de.ts @@ -75,8 +75,8 @@ export const de: LanguageTranslation = { title: 'Mehrere Schemas', description: '{{schemasCount}} Schemas in diesem Diagramm. Derzeit angezeigt: {{formattedSchemas}}.', - dont_show_again: 'Nicht erneut anzeigen', - change_schema: 'Schema ändern', + // TODO: Translate + show_me: 'Show me', none: 'Keine', }, diff --git a/src/i18n/locales/en.ts b/src/i18n/locales/en.ts index de3684fb..19aec804 100644 --- a/src/i18n/locales/en.ts +++ b/src/i18n/locales/en.ts @@ -73,8 +73,7 @@ export const en = { title: 'Multiple Schemas', description: '{{schemasCount}} schemas in this diagram. Currently displaying: {{formattedSchemas}}.', - dont_show_again: "Don't show again", - change_schema: 'Change', + show_me: 'Show me', none: 'none', }, diff --git a/src/i18n/locales/es.ts b/src/i18n/locales/es.ts index 86d8833b..55832f8a 100644 --- a/src/i18n/locales/es.ts +++ b/src/i18n/locales/es.ts @@ -408,8 +408,8 @@ export const es: LanguageTranslation = { title: 'Múltiples Esquemas', description: '{{schemasCount}} esquemas en este diagrama. Actualmente mostrando: {{formattedSchemas}}.', - dont_show_again: 'No mostrar de nuevo', - change_schema: 'Cambiar', + // TODO: Translate + show_me: 'Show me', none: 'nada', }, // TODO: Translate diff --git a/src/i18n/locales/fr.ts b/src/i18n/locales/fr.ts index 04a1895e..965838a2 100644 --- a/src/i18n/locales/fr.ts +++ b/src/i18n/locales/fr.ts @@ -348,8 +348,8 @@ export const fr: LanguageTranslation = { title: 'Schémas Multiples', description: '{{schemasCount}} schémas dans ce diagramme. Actuellement affiché(s) : {{formattedSchemas}}.', - dont_show_again: 'Ne plus afficher', - change_schema: 'Changer', + // TODO: Translate + show_me: 'Show me', none: 'Aucun', }, diff --git a/src/i18n/locales/gu.ts b/src/i18n/locales/gu.ts index 8939be5e..6f33d4d8 100644 --- a/src/i18n/locales/gu.ts +++ b/src/i18n/locales/gu.ts @@ -75,8 +75,8 @@ export const gu: LanguageTranslation = { title: 'કઈંક વધારે સ્કીમા', description: '{{schemasCount}} સ્કીમા આ ડાયાગ્રામમાં છે. હાલમાં દર્શાવેલ છે: {{formattedSchemas}}.', - dont_show_again: 'ફરીથી ન બતાવો', - change_schema: 'બદલો', + // TODO: Translate + show_me: 'Show me', none: 'કઈ નહીં', }, diff --git a/src/i18n/locales/hi.ts b/src/i18n/locales/hi.ts index a6af6296..8eda0dd6 100644 --- a/src/i18n/locales/hi.ts +++ b/src/i18n/locales/hi.ts @@ -74,8 +74,8 @@ export const hi: LanguageTranslation = { title: 'एकाधिक स्कीमा', description: '{{schemasCount}} स्कीमा इस आरेख में हैं। वर्तमान में प्रदर्शित: {{formattedSchemas}}।', - dont_show_again: 'फिर से न दिखाएँ', - change_schema: 'बदलें', + // TODO: Translate + show_me: 'Show me', none: 'कोई नहीं', }, diff --git a/src/i18n/locales/id_ID.ts b/src/i18n/locales/id_ID.ts index 28842140..9397a9f8 100644 --- a/src/i18n/locales/id_ID.ts +++ b/src/i18n/locales/id_ID.ts @@ -74,8 +74,8 @@ export const id_ID: LanguageTranslation = { title: 'Schema Lebih dari satu', description: '{{schemasCount}} schema di diagram ini. Sedang ditampilkan: {{formattedSchemas}}.', - dont_show_again: 'Jangan tampilkan lagi', - change_schema: 'Ubah', + // TODO: Translate + show_me: 'Show me', none: 'Tidak ada', }, diff --git a/src/i18n/locales/ja.ts b/src/i18n/locales/ja.ts index f9d130bd..1fee18d4 100644 --- a/src/i18n/locales/ja.ts +++ b/src/i18n/locales/ja.ts @@ -76,8 +76,8 @@ export const ja: LanguageTranslation = { title: '複数のスキーマ', description: 'このダイアグラムには{{schemasCount}}個のスキーマがあります。現在表示中: {{formattedSchemas}}。', - dont_show_again: '再表示しない', - change_schema: '変更', + // TODO: Translate + show_me: 'Show me', none: 'なし', }, diff --git a/src/i18n/locales/ko_KR.ts b/src/i18n/locales/ko_KR.ts index 2dc0fe1b..87bad9a3 100644 --- a/src/i18n/locales/ko_KR.ts +++ b/src/i18n/locales/ko_KR.ts @@ -74,8 +74,8 @@ export const ko_KR: LanguageTranslation = { title: '다중 스키마', description: '현재 다이어그램에 {{schemasCount}}개의 스키마가 있습니다. Currently displaying: {{formattedSchemas}}.', - dont_show_again: '다시 보여주지 마세요', - change_schema: '변경', + // TODO: Translate + show_me: 'Show me', none: '없음', }, diff --git a/src/i18n/locales/mr.ts b/src/i18n/locales/mr.ts index f8e6dc82..a57d453f 100644 --- a/src/i18n/locales/mr.ts +++ b/src/i18n/locales/mr.ts @@ -75,8 +75,8 @@ export const mr: LanguageTranslation = { title: 'एकाधिक स्कीमा', description: '{{schemasCount}} स्कीमा या आरेखात आहेत. सध्या दाखवत आहोत: {{formattedSchemas}}.', - dont_show_again: 'पुन्हा दाखवू नका', - change_schema: 'बदला', + // TODO: Translate + show_me: 'Show me', none: 'काहीही नाही', }, diff --git a/src/i18n/locales/ne.ts b/src/i18n/locales/ne.ts index 8ace4e0d..d08ea3aa 100644 --- a/src/i18n/locales/ne.ts +++ b/src/i18n/locales/ne.ts @@ -75,8 +75,8 @@ export const ne: LanguageTranslation = { title: 'विविध स्कीमहरू', description: '{{schemasCount}} डायाग्राममा स्कीमहरू। हालको रूपमा देखाइएको छ: {{formattedSchemas}}।', - dont_show_again: 'फेरि देखाउन नदिनुहोस्', - change_schema: 'स्कीम परिवर्तन गर्नुहोस्', + // TODO: Translate + show_me: 'Show me', none: 'कुनै पनि छैन', }, diff --git a/src/i18n/locales/pt_BR.ts b/src/i18n/locales/pt_BR.ts index b35dfb03..6d5caa6e 100644 --- a/src/i18n/locales/pt_BR.ts +++ b/src/i18n/locales/pt_BR.ts @@ -75,8 +75,8 @@ export const pt_BR: LanguageTranslation = { title: 'Múltiplos Esquemas', description: '{{schemasCount}} esquemas neste diagrama. Atualmente exibindo: {{formattedSchemas}}.', - dont_show_again: 'Não mostrar novamente', - change_schema: 'Alterar', + // TODO: Translate + show_me: 'Show me', none: 'nenhum', }, diff --git a/src/i18n/locales/ru.ts b/src/i18n/locales/ru.ts index 0b13a855..68c9655c 100644 --- a/src/i18n/locales/ru.ts +++ b/src/i18n/locales/ru.ts @@ -73,8 +73,8 @@ export const ru: LanguageTranslation = { title: 'Множественные схемы', description: '{{schemasCount}} схем в этой диаграмме. В данный момент отображается: {{formattedSchemas}}.', - dont_show_again: 'Больше не показывать', - change_schema: 'Изменить', + // TODO: Translate + show_me: 'Show me', none: 'никто', }, diff --git a/src/i18n/locales/te.ts b/src/i18n/locales/te.ts index f240b9fa..001a9201 100644 --- a/src/i18n/locales/te.ts +++ b/src/i18n/locales/te.ts @@ -75,8 +75,8 @@ export const te: LanguageTranslation = { title: 'బహుళ స్కీమాలు', description: '{{schemasCount}} స్కీమాలు ఈ చిత్రంలో ఉన్నాయి. ప్రస్తుత స్కీమాలు: {{formattedSchemas}}.', - dont_show_again: 'మరలా చూపించవద్దు', - change_schema: 'మార్చు', + // TODO: Translate + show_me: 'Show me', none: 'ఎదరికాదు', }, diff --git a/src/i18n/locales/tr.ts b/src/i18n/locales/tr.ts index 2a699c0f..cbac453a 100644 --- a/src/i18n/locales/tr.ts +++ b/src/i18n/locales/tr.ts @@ -75,8 +75,8 @@ export const tr: LanguageTranslation = { title: 'Birden Fazla Şema', description: 'Bu diyagramda {{schemasCount}} şema var. Şu anda görüntülenen: {{formattedSchemas}}.', - dont_show_again: 'Tekrar gösterme', - change_schema: 'Değiştir', + // TODO: Translate + show_me: 'Show me', none: 'yok', }, diff --git a/src/i18n/locales/uk.ts b/src/i18n/locales/uk.ts index 602ebd75..0543ae21 100644 --- a/src/i18n/locales/uk.ts +++ b/src/i18n/locales/uk.ts @@ -73,8 +73,8 @@ export const uk: LanguageTranslation = { title: 'Кілька схем', description: '{{schemasCount}} схеми на цій діаграмі. Зараз відображається: {{formattedSchemas}}.', - dont_show_again: 'Більше не показувати', - change_schema: 'Зміна', + // TODO: Translate + show_me: 'Show me', none: 'немає', }, diff --git a/src/i18n/locales/vi.ts b/src/i18n/locales/vi.ts index 21b88721..e3fe4b0f 100644 --- a/src/i18n/locales/vi.ts +++ b/src/i18n/locales/vi.ts @@ -74,8 +74,8 @@ export const vi: LanguageTranslation = { title: 'Có nhiều lược đồ', description: 'Có {{schemasCount}} lược đồ trong sơ đồ này. Hiện đang hiển thị: {{formattedSchemas}}.', - dont_show_again: 'Không hiển thị lại', - change_schema: 'Thay đổi', + // TODO: Translate + show_me: 'Show me', none: 'không có', }, diff --git a/src/i18n/locales/zh_CN.ts b/src/i18n/locales/zh_CN.ts index 5d5ebb79..57778db2 100644 --- a/src/i18n/locales/zh_CN.ts +++ b/src/i18n/locales/zh_CN.ts @@ -71,8 +71,8 @@ export const zh_CN: LanguageTranslation = { title: '多个模式', description: '此关系图中有 {{schemasCount}} 个模式，当前显示：{{formattedSchemas}}。', - dont_show_again: '不再展示', - change_schema: '更改', + // TODO: Translate + show_me: 'Show me', none: '无', }, diff --git a/src/i18n/locales/zh_TW.ts b/src/i18n/locales/zh_TW.ts index dafd2059..48c17eb8 100644 --- a/src/i18n/locales/zh_TW.ts +++ b/src/i18n/locales/zh_TW.ts @@ -71,8 +71,8 @@ export const zh_TW: LanguageTranslation = { title: '多重 Schema', description: '此圖表中包含 {{schemasCount}} 個 Schema，目前顯示：{{formattedSchemas}}。', - dont_show_again: '不再顯示', - change_schema: '變更', + // TODO: Translate + show_me: 'Show me', none: '無', }, diff --git a/src/pages/editor-page/editor-page.tsx b/src/pages/editor-page/editor-page.tsx index 33bfe04a..a5b97592 100644 --- a/src/pages/editor-page/editor-page.tsx +++ b/src/pages/editor-page/editor-page.tsx @@ -111,7 +111,7 @@ const EditorPageComponent: React.FC = () => { .map((schema) => `'${schema?.name}'`) .join(', '); toast({ - duration: 5500, + duration: Infinity, title: t('multiple_schemas_alert.title'), description: t('multiple_schemas_alert.description', { schemasCount: schemas.length, @@ -119,23 +119,21 @@ const EditorPageComponent: React.FC = () => { }), variant: 'default', layout: 'column', + hideCloseButton: true, className: 'top-0 right-0 flex fixed md:max-w-[420px] md:top-4 md:right-4', action: (
+
setHideMultiSchemaNotification(true)} - > - {t('multiple_schemas_alert.dont_show_again')} - - handleChangeSchema()} - altText="Change the schema" + onClick={() => { + handleChangeSchema(); + setHideMultiSchemaNotification(true); + }} + altText="Show me the schemas" className="border border-pink-600 bg-pink-600 text-white hover:bg-pink-500" > - {t('multiple_schemas_alert.change_schema')} + {t('multiple_schemas_alert.show_me')}
),