From 3cf5c1853debd0210a683767318936fb0fd05941 Mon Sep 17 00:00:00 2001
From: crazywoola <100913391+crazywoola@users.noreply.github.com>
Date: Wed, 28 Feb 2024 17:34:20 +0800
Subject: [PATCH] Fix: default button behavior (#2609)

---
 web/app/components/base/button/index.tsx | 14 +++++---------
 1 file changed, 5 insertions(+), 9 deletions(-)

diff --git a/web/app/components/base/button/index.tsx b/web/app/components/base/button/index.tsx
index 24d58c6ea5..e617a5d12d 100644
--- a/web/app/components/base/button/index.tsx
+++ b/web/app/components/base/button/index.tsx
@@ -3,16 +3,13 @@ import React from 'react'
 import Spinner from '../spinner'
 
 export type IButtonProps = {
-  /**
-   * The style of the button
-   */
-  type?: 'primary' | 'warning' | (string & {})
+  type?: string
   className?: string
   disabled?: boolean
   loading?: boolean
   tabIndex?: number
   children: React.ReactNode
-  onClick?: MouseEventHandler<HTMLButtonElement>
+  onClick?: MouseEventHandler<HTMLDivElement>
 }
 
 const Button: FC<IButtonProps> = ({
@@ -38,16 +35,15 @@ const Button: FC<IButtonProps> = ({
   }
 
   return (
-    <button
+    <div
       className={`btn ${style} ${className && className}`}
       tabIndex={tabIndex}
-      disabled={disabled}
-      onClick={onClick}
+      onClick={disabled ? undefined : onClick}
     >
       {children}
       {/* Spinner is hidden when loading is false */}
       <Spinner loading={loading} className='!text-white !h-3 !w-3 !border-2 !ml-1' />
-    </button>
+    </div>
   )
 }