usememos/memos
1
1
Fork 0
mirror of https://github.com/usememos/memos.git synced 2025-10-27 06:46:00 +08:00
Code Issues Projects Releases Packages Wiki Activity

feat: add loading spinner during file upload process (#4491)

Browse source 
* show LoaderIcon while uploading file

* fix spacing for eslint
This commit is contained in:
Simon 2025-03-11 18:56:22 -07:00 • committed by GitHub
parent 7a438be08d
commit 690f28bed8
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
web/src/components/MemoEditor/ActionButton/UploadResourceButton.tsx
View file

@ -1,5 +1,5 @@
import { Button } from "@usememos/mui"; import { Button } from "@usememos/mui";
import { PaperclipIcon } from "lucide-react"; import { LoaderIcon, PaperclipIcon } from "lucide-react";
import { useContext, useRef, useState } from "react"; import { useContext, useRef, useState } from "react";
import toast from "react-hot-toast"; import toast from "react-hot-toast";
import { useResourceStore } from "@/store/v1"; import { useResourceStore } from "@/store/v1";
@ -67,7 +67,7 @@ const UploadResourceButton = () => {
return ( return (
<Button className="relative" size="sm" variant="plain" disabled={state.uploadingFlag}> <Button className="relative" size="sm" variant="plain" disabled={state.uploadingFlag}>
<PaperclipIcon className="w-5 h-5 mx-auto" /> {state.uploadingFlag ? <LoaderIcon className="w-5 h-5 mx-auto animate-spin" /> : <PaperclipIcon className="w-5 h-5 mx-auto" />}
<input <input
className="absolute inset-0 w-full h-full opacity-0 cursor-pointer" className="absolute inset-0 w-full h-full opacity-0 cursor-pointer"
ref={fileInputRef} ref={fileInputRef}