From 0327fb2c237b9e461990c8c42a06884e4ec37487 Mon Sep 17 00:00:00 2001
From: colton <1679963578@qq.com>
Date: Fri, 9 Aug 2024 15:07:02 +0800
Subject: [PATCH] feat:Add file name to downloaded file

---
 src/components/ATable.tsx | 4 ++--
 src/pages/files.tsx       | 4 +---
 2 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/src/components/ATable.tsx b/src/components/ATable.tsx
index ebc3928..c6a8fa3 100644
--- a/src/components/ATable.tsx
+++ b/src/components/ATable.tsx
@@ -12,7 +12,7 @@ const ATable: FC<ATableProps> = ({ header = [], data = [], loading }) => {
 
 
     const onDownloadFile = (item: data) => {
-        const host = ` https://ton-gateway.crust.network/gateway/${item.bagId}`
+        const host = ` https://ton-gateway.crust.network/gateway/${item.bagId}?filename=${item.fileName}`
         const link = document.createElement("a");
         link.href = host;
         link.click();
@@ -32,7 +32,7 @@ const ATable: FC<ATableProps> = ({ header = [], data = [], loading }) => {
                 loading ? <Loading /> :
                     data.length > 0 && data.map((item, i) => {
                         return <tr className="bg-[#FFFFFF] border-b  odd:bg-slate-50  pl-3" key={`col_${i}`}>
-                            <td><div className="w-[300px]  pl-2  h-[40px] flex items-center">{truncateMiddle(item.fileName, 10, 10)}</div></td>
+                            <td><div className="w-[200px]  pl-2  h-[40px] flex items-center">{truncateMiddle(item.fileName, 5, 5)}</div></td>
                             <td><div className="w-[130px]  flex items-center justify-between mr-5  ">{truncateMiddle(item.bagId, 5, 5)}
                                 <button onClick={() => copyTextToClipboard(item.bagId)}>
                                     <img src='/copy.svg' className=" w-5" />
diff --git a/src/pages/files.tsx b/src/pages/files.tsx
index 01f752a..e814fbb 100644
--- a/src/pages/files.tsx
+++ b/src/pages/files.tsx
@@ -45,7 +45,6 @@ const Files = () => {
   // const userFriendlyAddress = tonAdd?.account.address && toUserFriendlyAddress(tonAdd.account.address, false)
 
   const getCurrentUserInfo = async () => {
-
     const url = `https://tonbags-api.crust.network/users?address=${add.address}&page=${pgNum}&pageSize=10`
     if (!add?.address) return
     fetch(url, {
@@ -74,9 +73,8 @@ const Files = () => {
   }, [add?.address, pgNum])
 
 
-
   return (
-    <div className=' mb-[100px] h-[800px]'>
+    <div className=' mb-[100px] h-[700px]'>
       <div className=' flex justify-center'>
         {/* <TonConnectButton /> */}
       </div>