Merge pull request #239 from import-ai/feat/del2ndconfirm

fix: Fix title too long causing pop-up window to not display properly

Author: LucienShui

src/components/confirm-delete-dialog/index.tsx

@@ -19,7 +19,7 @@ interface IProps {
   open: boolean;
   titleKey?: string;
   descriptionKey?: string;
-  targetName: string;
+  targetName?: string;
   itemTitle: string;
   deleteUrl: string;
   restoreUrl?: string;
@@ -35,7 +35,6 @@ export default function ConfirmDeleteDialog(props: IProps) {
   const {
     open,
     titleKey,
-    targetName,
     descriptionKey,
     itemTitle,
     deleteUrl,
@@ -47,6 +46,7 @@ export default function ConfirmDeleteDialog(props: IProps) {
     onRestoreSuccess,
     onError,
   } = props;
+
   const { t } = useTranslation();
   const [loading, setLoading] = useState(false);
 
@@ -96,20 +96,24 @@ export default function ConfirmDeleteDialog(props: IProps) {
       });
   };
 
+  const targetTitle = (itemTitle: string) => {
+    if (itemTitle.length > 50) {
+      return itemTitle.slice(0, 10) + '...' + itemTitle.slice(-10);
+    }
+    return itemTitle;
+  };
+
   return (
     <AlertDialog open={open} onOpenChange={onOpenChange}>
       <AlertDialogContent>
         <AlertDialogHeader>
           <AlertDialogTitle>
-            <Trans
-              i18nKey={titleKey || 'common.dialog.delete.title'}
-              values={{ target_name: targetName }}
-            />
+            <Trans i18nKey={titleKey || 'common.dialog.delete.title'} />
           </AlertDialogTitle>
           <AlertDialogDescription>
             <Trans
               i18nKey={descriptionKey || 'common.dialog.delete.description'}
-              values={{ title: itemTitle }}
+              values={{ title: targetTitle(itemTitle) }}
               components={{
                 strong: <strong className="font-bold" />,
               }}

src/i18n/locales/en.json

@@ -537,7 +537,7 @@
     "next": "Next",
     "dialog": {
       "delete": {
-        "title": "Delete {{target_name}}？",
+        "title": "Delete?",
         "description": "You are going to delete <strong>{{title}}</strong>"
       }
     }

src/i18n/locales/zh.json

@@ -537,7 +537,7 @@
     "next": "下一页",
     "dialog": {
       "delete": {
-        "title": "删除{{target_name}}？",
+        "title": "确认删除？",
         "description": "您将要删除 <strong>{{title}}</strong>"
       }
     }