From 3367f392c34e4eca4af96eb1d51ae1c6bd642455 Mon Sep 17 00:00:00 2001
From: colton <1679963578@qq.com>
Date: Mon, 12 Aug 2024 13:55:55 +0800
Subject: [PATCH] feat:add share

---
 public/share.svg          | 1 +
 src/components/ATable.tsx | 7 +++++--
 2 files changed, 6 insertions(+), 2 deletions(-)
 create mode 100644 public/share.svg

diff --git a/public/share.svg b/public/share.svg
new file mode 100644
index 0000000..6abd0d7
--- /dev/null
+++ b/public/share.svg
@@ -0,0 +1 @@
+<svg t="1723441993413" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4286" width="200" height="200"><path d="M750.535901 653.616324c-43.287782 0-82.48588 17.828115-110.653913 46.518366L395.697941 559.249472c6.530798-16.423246 10.125911-34.322014 10.125911-53.044044 0-15.762794-2.554773-30.938861-7.255759-45.144216l229.464666-153.118433c25.846722 24.615926 60.805638 39.746939 99.232696 39.746939 79.398649 0 143.993952-64.595303 143.993952-143.993952 0-79.410937-64.595303-144.016479-143.993952-144.016479s-143.993952 64.605543-143.993952 144.016479c0 15.822183 2.573204 31.053544 7.309005 45.306001L361.184446 402.074121c-25.85901-24.683507-60.8681-39.862646-99.354547-39.862646-79.398649 0-143.993952 64.595303-143.993952 143.993952s64.595303 143.993952 143.993952 143.993952c35.346995 0 67.753186-12.809702 92.839109-34.020971L603.357443 759.663454c-5.162791 15.437176-7.966385 31.944386-7.966385 49.09669 0 85.547511 69.598357 155.145868 155.145868 155.145868 85.546487 0 155.144844-69.598357 155.144844-155.145868C905.680745 723.213657 836.082389 653.616324 750.535901 653.616324zM727.264431 138.219859c36.090388 0 65.451331 29.372206 65.451331 65.474882 0 36.090388-29.360943 65.452355-65.451331 65.452355s-65.451331-29.361967-65.451331-65.452355C661.8131 167.592065 691.174043 138.219859 727.264431 138.219859zM261.828875 571.656758c-36.090388 0-65.452355-29.360943-65.452355-65.451331s29.361967-65.452355 65.452355-65.452355 65.452355 29.361967 65.452355 65.452355S297.919263 571.656758 261.828875 571.656758zM750.535901 886.333078c-42.773756 0-77.572934-34.798154-77.572934-77.572934 0-42.772732 34.798154-77.57191 77.572934-77.57191 42.772732 0 77.57191 34.798154 77.57191 77.57191C828.107811 851.534924 793.309657 886.333078 750.535901 886.333078z" fill="#2c2c2c" p-id="4287"></path></svg>
\ No newline at end of file
diff --git a/src/components/ATable.tsx b/src/components/ATable.tsx
index e413b34..40f0238 100644
--- a/src/components/ATable.tsx
+++ b/src/components/ATable.tsx
@@ -34,7 +34,7 @@ const ATable: FC<ATableProps> = ({ header = [], data = [], loading }) => {
                         data-tooltip-id="my-tooltip"
                         data-tooltip-content={item.fileName}
                         data-tooltip-delay-hide={100}
-                        data-tooltip-place='top-start' className="w-[200px]  pl-2  h-[40px] flex items-center">{truncateMiddle(item.fileName, 5, 5)}</div></td>
+                        data-tooltip-place='top-start' className="w-[230px]  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" />
@@ -45,7 +45,10 @@ const ATable: FC<ATableProps> = ({ header = [], data = [], loading }) => {
                     >{formatBytes(Number(item.fileSize))}</div></td>
                     <td><div className="w-[150px]">{timestampToDateTime(Number(item.uploadDate))}</div></td>
                     <td><div className="w-[100px]">{truncateMiddle(item.from, 5, 5)}</div></td>
-                    <td><div className="w-[100px]">
+                    <td><div className="w-[100px] flex gap-2">
+                        <button onClick={() => copyTextToClipboard(`https://ton-gateway.crust.network/gateway/${item.bagId}?filename=${item.fileName}`)}>
+                            <img src="share.svg" className="w-5" />
+                        </button>
                         <button onClick={() => onDownloadFile(item)}>
                             <img src="download.svg" className="w-5" />
                         </button>