From c9dd707206017292d207ea0135c00c2425837636 Mon Sep 17 00:00:00 2001
From: Yuttakhan B <yuttakhanbaingen@gmail.com>
Date: Tue, 3 Dec 2024 15:58:04 +0700
Subject: [PATCH] feat: Add reset button for error statein Uploader

---
 src/components/Uploader.tsx | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/src/components/Uploader.tsx b/src/components/Uploader.tsx
index 1e2aef6..d12b20f 100644
--- a/src/components/Uploader.tsx
+++ b/src/components/Uploader.tsx
@@ -63,6 +63,8 @@ export const Uploading = ({
 )
 
 export const Errored = ({ error }: { error: any }): JSX.Element => {
+  const [, { setFile }] = useUploader()
+
   useEffect(() => {
     if (error != null) {
       // eslint-disable-next-line no-console
@@ -76,6 +78,16 @@ export const Errored = ({ error }: { error: any }): JSX.Element => {
         ⚠️ Error: failed to upload file: {error.message}
       </h1>
       <p>Check the browser console for details.</p>
+      <div className='my-4'>
+      <button
+          className='inline-block bg-hot-red border border-hot-red hover:bg-white hover:text-hot-red font-epilogue text-white uppercase text-sm px-6 py-2 rounded-full whitespace-nowrap'
+          onClick={() => {
+            setFile(undefined)
+          }}
+        >
+          Reset uploading file
+        </button>
+      </div>
     </div>)
   );
 }