Show file hash

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}

frontend/src/network/models.ts

@@ -104,6 +104,7 @@ export interface RFile {
   is_redirect: boolean;
   user: User;
   resource?: Resource;
+  hash?: string;
 }
 
 export interface UploadingFile {

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>