From 6137ecbd8e325dcc914d792a72941c88c03a639f Mon Sep 17 00:00:00 2001
From: nyne <me@nyne.dev>
Date: Thu, 5 Jun 2025 20:13:34 +0800
Subject: [PATCH] Update resource link display to Markdown format and add copy
 button

---
 frontend/src/pages/edit_resource_page.tsx |  4 ++--
 frontend/src/pages/publish_page.tsx       | 24 ++++++++++++++++++++---
 2 files changed, 23 insertions(+), 5 deletions(-)

diff --git a/frontend/src/pages/edit_resource_page.tsx b/frontend/src/pages/edit_resource_page.tsx
index c36bf7c..35f30bc 100644
--- a/frontend/src/pages/edit_resource_page.tsx
+++ b/frontend/src/pages/edit_resource_page.tsx
@@ -247,7 +247,7 @@ export default function EditResourcePage() {
             <thead>
               <tr>
                 <td>{t("Preview")}</td>
-                <td>{t("Link")}</td>
+                <td>{"Markdown"}</td>
                 <td>{t("Action")}</td>
               </tr>
             </thead>
@@ -262,7 +262,7 @@ export default function EditResourcePage() {
                         alt={"image"}
                       />
                     </td>
-                    <td>{network.getImageUrl(image)}</td>
+                    <td>{`![](${network.getImageUrl(image)})`}</td>
                     <td>
                       <button
                         className={"btn btn-square"}
diff --git a/frontend/src/pages/publish_page.tsx b/frontend/src/pages/publish_page.tsx
index f7c84a6..0836854 100644
--- a/frontend/src/pages/publish_page.tsx
+++ b/frontend/src/pages/publish_page.tsx
@@ -1,5 +1,11 @@
 import { useEffect, useState } from "react";
-import { MdAdd, MdClose, MdDelete, MdOutlineInfo } from "react-icons/md";
+import {
+  MdAdd,
+  MdClose,
+  MdContentCopy,
+  MdDelete,
+  MdOutlineInfo,
+} from "react-icons/md";
 import { Tag } from "../network/models.ts";
 import { network } from "../network/network.ts";
 import { useNavigate } from "react-router";
@@ -227,7 +233,7 @@ export default function PublishPage() {
             <thead>
               <tr>
                 <td>{t("Preview")}</td>
-                <td>{t("Link")}</td>
+                <td>{"Markdown"}</td>
                 <td>{t("Action")}</td>
               </tr>
             </thead>
@@ -242,7 +248,19 @@ export default function PublishPage() {
                         alt={"image"}
                       />
                     </td>
-                    <td>{network.getImageUrl(image)}</td>
+                    <td>
+                      <span>{`![](${network.getImageUrl(image)})`}</span>
+                      <button
+                        className={"btn btn-sm btn-circle btn-ghost ml-1"}
+                        onClick={() => {
+                          navigator.clipboard.writeText(
+                            `![](${network.getImageUrl(image)})`,
+                          );
+                        }}
+                      >
+                        <MdContentCopy />
+                      </button>
+                    </td>
                     <td>
                       <button
                         className={"btn btn-square"}