From ebfe25e6d891db96e0034903819d220b1175404a Mon Sep 17 00:00:00 2001
From: nyne <me@nyne.dev>
Date: Fri, 5 Sep 2025 14:23:08 +0800
Subject: [PATCH] Show file hash

---
 frontend/src/components/badge.tsx            | 4 +++-
 frontend/src/network/models.ts               | 1 +
 frontend/src/pages/resource_details_page.tsx | 8 ++++++++
 3 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/badge.tsx b/frontend/src/components/badge.tsx
index ceed38d..01a22b1 100644
--- a/frontend/src/components/badge.tsx
+++ b/frontend/src/components/badge.tsx
@@ -4,14 +4,16 @@ export default function Badge({
   children,
   className,
   onClick,
+  selectable = false,
 }: {
   children: ReactNode;
   className?: string;
   onClick?: () => void;
+  selectable?: boolean;
 }) {
   return (
     <span
-      className={`badge ${!className?.includes("badge-") && "badge-primary"} select-none ${className}`}
+      className={`badge ${!className?.includes("badge-") && "badge-primary"} ${className} ${!selectable && "select-none"}`}
       onClick={onClick}
     >
       {children}
diff --git a/frontend/src/network/models.ts b/frontend/src/network/models.ts
index 3b95634..57ff7e1 100644
--- a/frontend/src/network/models.ts
+++ b/frontend/src/network/models.ts
@@ -104,6 +104,7 @@ export interface RFile {
   is_redirect: boolean;
   user: User;
   resource?: Resource;
+  hash?: string;
 }
 
 export interface UploadingFile {
diff --git a/frontend/src/pages/resource_details_page.tsx b/frontend/src/pages/resource_details_page.tsx
index c7883de..40aa346 100644
--- a/frontend/src/pages/resource_details_page.tsx
+++ b/frontend/src/pages/resource_details_page.tsx
@@ -37,6 +37,8 @@ import {
   MdOutlineFolderSpecial,
   MdOutlineLink,
   MdOutlineOpenInNew,
+  MdOutlineVerified,
+  MdOutlineVerifiedUser,
 } from "react-icons/md";
 import { app } from "../app.ts";
 import { uploadingManager } from "../network/uploading.ts";
@@ -725,6 +727,12 @@ function FileTile({ file }: { file: RFile }) {
               <MdOutlineArchive size={16} className={"inline-block"} />
               {file.is_redirect ? t("Redirect") : fileSizeToString(file.size)}
             </Badge>
+            {
+              file.hash && <Badge className={"badge-soft badge-accent text-xs mr-2"} selectable={true}>
+                <MdOutlineVerifiedUser size={16} className={"inline-block"} />
+                Md5: {file.hash}
+              </Badge>
+            }
             <DeleteFileDialog fileId={file.id} uploaderId={file.user.id} />
             <UpdateFileInfoDialog file={file} />
           </p>