[WEB-5095]chore: updated delete modal info content (#7967)

* chore: updated delete modal info content

* chore: added language support for modal content

---------

Co-authored-by: sriramveeraghanta <veeraghanta.sriram@gmail.com>

apps/web/core/components/views/delete-view-modal.tsx

@@ -5,6 +5,7 @@ import { observer } from "mobx-react";
 import { useParams, useRouter } from "next/navigation";
 // types
 import { PROJECT_VIEW_TRACKER_EVENTS } from "@plane/constants";
+import { useTranslation } from "@plane/i18n";
 import { TOAST_TYPE, setToast } from "@plane/propel/toast";
 import type { IProjectView } from "@plane/types";
 // ui
@@ -29,7 +30,7 @@ export const DeleteProjectViewModal: React.FC<Props> = observer((props) => {
   const router = useRouter();
   // store hooks
   const { deleteView } = useProjectView();
-
+  const { t } = useTranslation();
   const handleClose = () => {
     onClose();
     setIsDeleteLoading(false);
@@ -80,14 +81,8 @@ export const DeleteProjectViewModal: React.FC<Props> = observer((props) => {
       handleSubmit={handleDeleteView}
       isSubmitting={isDeleteLoading}
       isOpen={isOpen}
-      title="Delete view"
-      content={
-        <>
-          Are you sure you want to delete view-{" "}
-          <span className="break-all font-medium text-custom-text-100">{data?.name}</span>? All of the data related to
-          the view will be permanently removed. This action cannot be undone.
-        </>
-      }
+      title={t("project_views.delete_view.title")}
+      content={<>{t("project_views.delete_view.content")}</>}
     />
   );
 });

apps/web/core/components/workspace/views/delete-view-modal.tsx

@@ -5,6 +5,7 @@ import { observer } from "mobx-react";
 import { useParams } from "next/navigation";
 // types
 import { GLOBAL_VIEW_TRACKER_EVENTS } from "@plane/constants";
+import { useTranslation } from "@plane/i18n";
 import { TOAST_TYPE, setToast } from "@plane/propel/toast";
 import type { IWorkspaceView } from "@plane/types";
 // ui
@@ -28,7 +29,7 @@ export const DeleteGlobalViewModal: React.FC<Props> = observer((props) => {
   const { workspaceSlug } = useParams();
   // store hooks
   const { deleteGlobalView } = useGlobalView();
-
+  const { t } = useTranslation();
   const handleClose = () => onClose();
 
   const handleDeletion = async () => {
@@ -74,14 +75,8 @@ export const DeleteGlobalViewModal: React.FC<Props> = observer((props) => {
       handleSubmit={handleDeletion}
       isSubmitting={isDeleteLoading}
       isOpen={isOpen}
-      title="Delete view"
-      content={
-        <>
-          Are you sure you want to delete view-{" "}
-          <span className="break-words font-medium text-custom-text-100">{data?.name}</span>? All of the data related to
-          the view will be permanently removed. This action cannot be undone.
-        </>
-      }
+      title={t("workspace_views.delete_view.title")}
+      content={<>{t("workspace_views.delete_view.content")}</>}
     />
   );
 });

packages/i18n/src/locales/cs/translations.ts

@@ -1514,6 +1514,11 @@ export default {
         description: "Zobrazí se položky odpovídající filtru.",
       },
     },
+    delete_view: {
+      title: "Opravdu chcete smazat tento pohled?",
+      content:
+        "Pokud potvrdíte, všechny možnosti řazení, filtrování a zobrazení + rozvržení, které jste vybrali pro tento pohled, budou trvale odstraněny a nelze je obnovit.",
+    },
   },
   workspace_settings: {
     label: "Nastavení pracovního prostoru",
@@ -2141,6 +2146,11 @@ export default {
         description: "Vytvořte nový pohled.",
       },
     },
+    delete_view: {
+      title: "Opravdu chcete smazat tento pohled?",
+      content:
+        "Pokud potvrdíte, všechny možnosti řazení, filtrování a zobrazení + rozvržení, které jste vybrali pro tento pohled, budou trvale odstraněny a nelze je obnovit.",
+    },
   },
   project_page: {
     empty_state: {

packages/i18n/src/locales/de/translations.ts

@@ -1532,6 +1532,11 @@ export default {
         description: "Hier werden Elemente angezeigt, die den Filterkriterien entsprechen.",
       },
     },
+    delete_view: {
+      title: "Sind Sie sicher, dass Sie diese Ansicht löschen möchten?",
+      content:
+        "Wenn Sie bestätigen, werden alle Sortier-, Filter- und Anzeigeoptionen + das Layout, das Sie für diese Ansicht gewählt haben, dauerhaft gelöscht und können nicht wiederhergestellt werden.",
+    },
   },
   workspace_settings: {
     label: "Arbeitsbereich-Einstellungen",
@@ -2168,6 +2173,11 @@ export default {
         description: "Erstellen Sie eine neue Ansicht.",
       },
     },
+    delete_view: {
+      title: "Sind Sie sicher, dass Sie diese Ansicht löschen möchten?",
+      content:
+        "Wenn Sie bestätigen, werden alle Sortier-, Filter- und Anzeigeoptionen + das Layout, das Sie für diese Ansicht gewählt haben, dauerhaft gelöscht und können nicht wiederhergestellt werden.",
+    },
   },
   project_page: {
     empty_state: {

packages/i18n/src/locales/en/translations.ts

@@ -1348,6 +1348,11 @@ export default {
         description: "Work items that applies to the filters, track all of them here.",
       },
     },
+    delete_view: {
+      title: "Are you sure you want to delete this view?",
+      content:
+        "If you confirm, all the sort, filter, and display options + the layout you have chosen for this view will be permanently deleted without any way to restore them.",
+    },
   },
   account_settings: {
     profile: {},
@@ -2032,6 +2037,11 @@ export default {
         description: "No views match the search criteria. \n Create a new view instead.",
       },
     },
+    delete_view: {
+      title: "Are you sure you want to delete this view?",
+      content:
+        "If you confirm, all the sort, filter, and display options + the layout you have chosen for this view will be permanently deleted without any way to restore them.",
+    },
   },
   project_page: {
     empty_state: {

packages/i18n/src/locales/es/translations.ts

@@ -1536,6 +1536,11 @@ export default {
         description: "Elementos de trabajo que aplican a los filtros, rastréalos todos aquí.",
       },
     },
+    delete_view: {
+      title: "¿Estás seguro de que quieres eliminar esta vista?",
+      content:
+        "Si confirmas, todas las opciones de ordenación, filtro y visualización + el diseño que has elegido para esta vista se eliminarán permanentemente sin posibilidad de restaurarlas.",
+    },
   },
   workspace_settings: {
     label: "Configuración del espacio de trabajo",
@@ -2188,6 +2193,11 @@ export default {
         description: "Ninguna vista coincide con los criterios de búsqueda. \n Crea una nueva vista en su lugar.",
       },
     },
+    delete_view: {
+      title: "¿Estás seguro de que quieres eliminar esta vista?",
+      content:
+        "Si confirmas, todas las opciones de ordenación, filtro y visualización + el diseño que has elegido para esta vista se eliminarán permanentemente sin posibilidad de restaurarlas.",
+    },
   },
   project_page: {
     empty_state: {

packages/i18n/src/locales/fr/translations.ts

@@ -1534,6 +1534,11 @@ export default {
         description: "Les éléments de travail qui correspondent aux filtres, suivez-les tous ici.",
       },
     },
+    delete_view: {
+      title: "Êtes-vous sûr de vouloir supprimer cette vue ?",
+      content:
+        "Si vous confirmez, toutes les options de tri, de filtrage et d'affichage + la mise en page que vous avez choisie pour cette vue seront définitivement supprimées sans possibilité de les restaurer.",
+    },
   },
   workspace_settings: {
     label: "Paramètres de l'espace de travail",
@@ -2185,6 +2190,11 @@ export default {
         description: "Aucune vue ne correspond aux critères de recherche. \n Créez plutôt une nouvelle vue.",
       },
     },
+    delete_view: {
+      title: "Êtes-vous sûr de vouloir supprimer cette vue ?",
+      content:
+        "Si vous confirmez, toutes les options de tri, de filtrage et d'affichage + la mise en page que vous avez choisie pour cette vue seront définitivement supprimées sans possibilité de les restaurer.",
+    },
   },
   project_page: {
     empty_state: {

packages/i18n/src/locales/id/translations.ts

@@ -1522,6 +1522,11 @@ export default {
         description: "Item kerja yang menerapkan filter ini, lacak semuanya di sini.",
       },
     },
+    delete_view: {
+      title: "Apakah Anda yakin ingin menghapus tampilan ini?",
+      content:
+        "Jika Anda mengonfirmasi, semua opsi pengurutan, filter, dan tampilan + tata letak yang telah Anda pilih untuk tampilan ini akan dihapus secara permanen tanpa cara untuk memulihkannya.",
+    },
   },
   workspace_settings: {
     label: "Pengaturan ruang kerja",
@@ -2164,6 +2169,11 @@ export default {
         description: "Tidak ada tampilan yang cocok dengan kriteria pencarian. \n Buat tampilan baru sebagai gantinya.",
       },
     },
+    delete_view: {
+      title: "Apakah Anda yakin ingin menghapus tampilan ini?",
+      content:
+        "Jika Anda mengonfirmasi, semua opsi pengurutan, filter, dan tampilan + tata letak yang telah Anda pilih untuk tampilan ini akan dihapus secara permanen tanpa cara untuk memulihkannya.",
+    },
   },
   project_page: {
     empty_state: {

packages/i18n/src/locales/it/translations.ts

@@ -1526,6 +1526,11 @@ export default {
         description: "Gli elementi di lavoro che corrispondono ai filtri, tracciali tutti qui.",
       },
     },
+    delete_view: {
+      title: "Sei sicuro di voler eliminare questa visualizzazione?",
+      content:
+        "Se confermi, tutte le opzioni di ordinamento, filtro e visualizzazione + il layout che hai scelto per questa visualizzazione saranno eliminate permanentemente senza possibilità di ripristinarle.",
+    },
   },
   workspace_settings: {
     label: "Impostazioni dello spazio di lavoro",
@@ -2175,6 +2180,11 @@ export default {
           "Nessuna visualizzazione corrisponde ai criteri di ricerca. \n Crea una nuova visualizzazione invece.",
       },
     },
+    delete_view: {
+      title: "Sei sicuro di voler eliminare questa visualizzazione?",
+      content:
+        "Se confermi, tutte le opzioni di ordinamento, filtro e visualizzazione + il layout che hai scelto per questa visualizzazione saranno eliminate permanentemente senza possibilità di ripristinarle.",
+    },
   },
   project_page: {
     empty_state: {

packages/i18n/src/locales/ja/translations.ts

@@ -1513,6 +1513,11 @@ export default {
         description: "フィルターに該当する作業項目をここで追跡できます。",
       },
     },
+    delete_view: {
+      title: "このビューを削除してもよろしいですか？",
+      content:
+        "確認すると、このビューに選択したすべてのソート、フィルター、表示オプション + レイアウトが復元不可能な形で完全に削除されます。",
+    },
   },
   workspace_settings: {
     label: "ワークスペース設定",
@@ -2157,6 +2162,11 @@ export default {
         description: "検索条件に一致するビューがありません。\n代わりに新しいビューを作成してください。",
       },
     },
+    delete_view: {
+      title: "このビューを削除してもよろしいですか？",
+      content:
+        "確認すると、このビューに選択したすべてのソート、フィルター、表示オプション + レイアウトが復元不可能な形で完全に削除されます。",
+    },
   },
   project_page: {
     empty_state: {

packages/i18n/src/locales/ko/translations.ts

@@ -1506,6 +1506,11 @@ export default {
         description: "필터가 적용된 작업 항목을 여기에서 모두 추적하세요.",
       },
     },
+    delete_view: {
+      title: "이 뷰를 삭제하시겠습니까?",
+      content:
+        "확인하면 이 뷰에 대해 선택한 모든 정렬, 필터 및 표시 옵션 + 레이아웃이 복원할 수 없는 방식으로 영구적으로 삭제됩니다.",
+    },
   },
   workspace_settings: {
     label: "작업 공간 설정",
@@ -2149,6 +2154,11 @@ export default {
         description: "검색 기준과 일치하는 뷰가 없습니다. 대신 새 뷰를 생성하세요.",
       },
     },
+    delete_view: {
+      title: "이 뷰를 삭제하시겠습니까?",
+      content:
+        "확인하면 이 뷰에 대해 선택한 모든 정렬, 필터 및 표시 옵션 + 레이아웃이 복원할 수 없는 방식으로 영구적으로 삭제됩니다.",
+    },
   },
   project_page: {
     empty_state: {

packages/i18n/src/locales/pl/translations.ts

@@ -1517,6 +1517,11 @@ export default {
         description: "Wyświetlane są elementy spełniające filtr.",
       },
     },
+    delete_view: {
+      title: "Czy na pewno chcesz usunąć ten widok?",
+      content:
+        "Jeśli potwierdzisz, wszystkie opcje sortowania, filtrowania i wyświetlania + układ, który wybrałeś dla tego widoku, zostaną trwale usunięte bez możliwości przywrócenia.",
+    },
   },
   workspace_settings: {
     label: "Ustawienia przestrzeni roboczej",
@@ -2144,6 +2149,11 @@ export default {
         description: "Utwórz nowy widok.",
       },
     },
+    delete_view: {
+      title: "Czy na pewno chcesz usunąć ten widok?",
+      content:
+        "Jeśli potwierdzisz, wszystkie opcje sortowania, filtrowania i wyświetlania + układ, który wybrałeś dla tego widoku, zostaną trwale usunięte bez możliwości przywrócenia.",
+    },
   },
   project_page: {
     empty_state: {

packages/i18n/src/locales/pt-BR/translations.ts

@@ -1534,6 +1534,11 @@ export default {
         description: "Itens de trabalho que se aplicam aos filtros, rastreie todos eles aqui.",
       },
     },
+    delete_view: {
+      title: "Tem certeza de que deseja excluir esta visualização?",
+      content:
+        "Se você confirmar, todas as opções de classificação, filtro e exibição + o layout que você escolheu para esta visualização serão excluídos permanentemente sem nenhuma maneira de restaurá-los.",
+    },
   },
   workspace_settings: {
     label: "Configurações do espaço de trabalho",
@@ -2179,6 +2184,11 @@ export default {
           "Nenhuma visualização corresponde aos critérios de pesquisa.\nCrie uma nova visualização em vez disso.",
       },
     },
+    delete_view: {
+      title: "Tem certeza de que deseja excluir esta visualização?",
+      content:
+        "Se você confirmar, todas as opções de classificação, filtro e exibição + o layout que você escolheu para esta visualização serão excluídos permanentemente sem nenhuma maneira de restaurá-los.",
+    },
   },
   project_page: {
     empty_state: {

packages/i18n/src/locales/ro/translations.ts

@@ -1526,6 +1526,11 @@ export default {
         description: "Elementele de lucru care corespund filtrelor aplicate vor fi afișate aici.",
       },
     },
+    delete_view: {
+      title: "Sunteți sigur că doriți să ștergeți această vizualizare?",
+      content:
+        "Dacă confirmați, toate opțiunile de sortare, filtrare și afișare + aspectul pe care l-ați ales pentru această vizualizare vor fi șterse permanent fără nicio modalitate de a le restaura.",
+    },
   },
   workspace_settings: {
     label: "Setări spațiu de lucru",
@@ -2170,6 +2175,11 @@ export default {
           "Nicio perspectivă nu se potrivește criteriilor de căutare.\n Creează o nouă perspectivă în schimb.",
       },
     },
+    delete_view: {
+      title: "Sunteți sigur că doriți să ștergeți această vizualizare?",
+      content:
+        "Dacă confirmați, toate opțiunile de sortare, filtrare și afișare + aspectul pe care l-ați ales pentru această vizualizare vor fi șterse permanent fără nicio modalitate de a le restaura.",
+    },
   },
   project_page: {
     empty_state: {

packages/i18n/src/locales/ru/translations.ts

@@ -1519,6 +1519,11 @@ export default {
         description: "Здесь отображаются рабочие элементы, соответствующие фильтрам.",
       },
     },
+    delete_view: {
+      title: "Вы уверены, что хотите удалить это представление?",
+      content:
+        "При подтверждении все параметры сортировки, фильтрации и отображения + макет, выбранный для этого представления, будут безвозвратно удалены без возможности восстановления.",
+    },
   },
   workspace_settings: {
     label: "Настройки пространства",
@@ -2154,6 +2159,11 @@ export default {
         description: "Нет представлений, соответствующих критериям поиска. \n Создайте новое представление.",
       },
     },
+    delete_view: {
+      title: "Вы уверены, что хотите удалить это представление?",
+      content:
+        "При подтверждении все параметры сортировки, фильтрации и отображения + макет, выбранный для этого представления, будут безвозвратно удалены без возможности восстановления.",
+    },
   },
   project_page: {
     empty_state: {

packages/i18n/src/locales/sk/translations.ts

@@ -1517,6 +1517,11 @@ export default {
         description: "Zobrazia sa položky zodpovedajúce filtru.",
       },
     },
+    delete_view: {
+      title: "Ste si istí, že chcete vymazať toto zobrazenie?",
+      content:
+        "Ak potvrdíte, všetky možnosti triedenia, filtrovania a zobrazenia + rozloženie, ktoré ste vybrali pre toto zobrazenie, budú natrvalo vymazané bez možnosti obnovenia.",
+    },
   },
   workspace_settings: {
     label: "Nastavenia pracovného priestoru",
@@ -2142,6 +2147,11 @@ export default {
         description: "Vytvorte nové zobrazenie.",
       },
     },
+    delete_view: {
+      title: "Ste si istí, že chcete vymazať toto zobrazenie?",
+      content:
+        "Ak potvrdíte, všetky možnosti triedenia, filtrovania a zobrazenia + rozloženie, ktoré ste vybrali pre toto zobrazenie, budú natrvalo vymazané bez možnosti obnovenia.",
+    },
   },
   project_page: {
     empty_state: {

packages/i18n/src/locales/tr-TR/translations.ts

@@ -1521,6 +1521,11 @@ export default {
         description: "Filtrelere uyan iş öğeleri burada takip edilebilir.",
       },
     },
+    delete_view: {
+      title: "Bu görünümü silmek istediğinizden emin misiniz?",
+      content:
+        "Onaylarsanız, bu görünüm için seçtiğiniz tüm sıralama, filtreleme ve görüntüleme seçenekleri + düzen kalıcı olarak silinecek ve geri yükleme imkanı olmayacaktır.",
+    },
   },
   workspace_settings: {
     label: "Çalışma Alanı Ayarları",
@@ -2142,6 +2147,11 @@ export default {
         description: "Arama kriterleriyle eşleşen görünüm yok. \n Bunun yerine yeni bir görünüm oluşturun.",
       },
     },
+    delete_view: {
+      title: "Bu görünümü silmek istediğinizden emin misiniz?",
+      content:
+        "Onaylarsanız, bu görünüm için seçtiğiniz tüm sıralama, filtreleme ve görüntüleme seçenekleri + düzen kalıcı olarak silinecek ve geri yükleme imkanı olmayacaktır.",
+    },
   },
   project_page: {
     empty_state: {

packages/i18n/src/locales/ua/translations.ts

@@ -1521,6 +1521,11 @@ export default {
         description: "Тут з’являться одиниці, що відповідають фільтру.",
       },
     },
+    delete_view: {
+      title: "Ви впевнені, що хочете видалити це подання?",
+      content:
+        "Якщо ви підтвердите, всі параметри сортування, фільтрації та відображення + макет, який ви обрали для цього подання, будуть безповоротно видалені без можливості відновлення.",
+    },
   },
   workspace_settings: {
     label: "Налаштування робочого простору",
@@ -2148,6 +2153,11 @@ export default {
         description: "Створіть нове подання.",
       },
     },
+    delete_view: {
+      title: "Ви впевнені, що хочете видалити це подання?",
+      content:
+        "Якщо ви підтвердите, всі параметри сортування, фільтрації та відображення + макет, який ви обрали для цього подання, будуть безповоротно видалені без можливості відновлення.",
+    },
   },
   project_page: {
     empty_state: {

packages/i18n/src/locales/vi-VN/translations.ts

@@ -1523,6 +1523,11 @@ export default {
         description: "Mục công việc phù hợp với bộ lọc, theo dõi tất cả chúng tại đây.",
       },
     },
+    delete_view: {
+      title: "Bạn có chắc chắn muốn xóa chế độ xem này không?",
+      content:
+        "Nếu bạn xác nhận, tất cả các tùy chọn sắp xếp, lọc và hiển thị + bố cục mà bạn đã chọn cho chế độ xem này sẽ bị xóa vĩnh viễn mà không có cách nào khôi phục.",
+    },
   },
   workspace_settings: {
     label: "Cài đặt không gian làm việc",
@@ -2168,6 +2173,11 @@ export default {
         description: "Không có chế độ xem phù hợp với tiêu chí tìm kiếm.\nTạo chế độ xem mới.",
       },
     },
+    delete_view: {
+      title: "Bạn có chắc chắn muốn xóa chế độ xem này không?",
+      content:
+        "Nếu bạn xác nhận, tất cả các tùy chọn sắp xếp, lọc và hiển thị + bố cục mà bạn đã chọn cho chế độ xem này sẽ bị xóa vĩnh viễn mà không có cách nào khôi phục.",
+    },
   },
   project_page: {
     empty_state: {

packages/i18n/src/locales/zh-CN/translations.ts

@@ -1498,6 +1498,10 @@ export default {
         description: "符合筛选条件的工作项，在这里跟踪所有这些工作项。",
       },
     },
+    delete_view: {
+      title: "您确定要删除此视图吗？",
+      content: "如果您确认，您为此视图选择的所有排序、筛选和显示选项 + 布局将被永久删除，无法恢复。",
+    },
   },
   workspace_settings: {
     label: "工作区设置",
@@ -2108,6 +2112,10 @@ export default {
         description: "没有符合搜索条件的视图。\n创建一个新视图。",
       },
     },
+    delete_view: {
+      title: "您确定要删除此视图吗？",
+      content: "如果您确认，您为此视图选择的所有排序、筛选和显示选项 + 布局将被永久删除，无法恢复。",
+    },
   },
   project_page: {
     empty_state: {

packages/i18n/src/locales/zh-TW/translations.ts

@@ -1499,6 +1499,10 @@ export default {
         description: "符合篩選條件的工作事項，在這裡追蹤它們。",
       },
     },
+    delete_view: {
+      title: "您確定要刪除此視圖嗎？",
+      content: "如果您確認，您為此視圖選擇的所有排序、篩選和顯示選項 + 布局將被永久刪除，無法恢復。",
+    },
   },
   workspace_settings: {
     label: "工作區設定",
@@ -2130,6 +2134,10 @@ export default {
         description: "沒有檢視符合搜尋條件。\n改為建立新檢視。",
       },
     },
+    delete_view: {
+      title: "您確定要刪除此視圖嗎？",
+      content: "如果您確認，您為此視圖選擇的所有排序、篩選和顯示選項 + 布局將被永久刪除，無法恢復。",
+    },
   },
   project_page: {
     empty_state: {

packages/propel/src/toast/toast.stories.tsx

@@ -1,6 +1,6 @@
+import { useState } from "react";
 import type { Meta, StoryObj } from "@storybook/react-vite";
 import { Toast, setToast, updateToast, setPromiseToast, TOAST_TYPE } from "./toast";
-import { useState } from "react";
 
 const meta = {
   title: "Components/Toast",