feat(next/web): expand reply image files

leancloud · Nov 22, 2023 · ebc382d · ebc382d
1 parent 26a63ee
commit ebc382d
Showing 1 changed file with 7 additions and 14 deletions.
diff --git a/next/web/src/App/Admin/Tickets/Ticket/components/ReplyCard.tsx b/next/web/src/App/Admin/Tickets/Ticket/components/ReplyCard.tsx
@@ -3,7 +3,7 @@ import { useLocation, useNavigate } from 'react-router-dom';
 import { AiOutlinePaperClip } from 'react-icons/ai';
 import { BsThreeDots } from 'react-icons/bs';
 import { useToggle } from 'react-use';
-import { Dropdown, Image, MenuProps } from 'antd';
+import { Dropdown, MenuProps } from 'antd';
 import { ItemType } from 'antd/lib/menu/hooks/useItems';
 import { partition } from 'lodash-es';
 import cx from 'classnames';
@@ -283,19 +283,12 @@ interface ImageFilesProps {
 
 function ImageFiles({ files }: ImageFilesProps) {
   return (
-    <div className="flex flex-wrap gap-2">
-      <Image.PreviewGroup>
-        {files.map(({ id, name, url }) => (
-          <Image
-            key={id}
-            className="object-contain"
-            src={url}
-            title={name}
-            width={80}
-            height={80}
-          />
-        ))}
-      </Image.PreviewGroup>
+    <div>
+      {files.map(({ id, name, url }) => (
+        <a key={id} href={url} target="_blank">
+          <img src={url} alt={name} />
+        </a>
+      ))}
     </div>
   );
 }