From 1942f5477f13db8260fd767d4fd5292811bb519b Mon Sep 17 00:00:00 2001
From: Gianni Guida <gianni.guida@icloud.com>
Date: Thu, 16 Jan 2025 14:34:53 +0100
Subject: [PATCH] fix: use TextEditorButton component so that tooltip is
 showing (#428)

---
 js/src/forum/components/UploadButton.js | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/js/src/forum/components/UploadButton.js b/js/src/forum/components/UploadButton.js
index 4e9ff65c..7192a4b2 100644
--- a/js/src/forum/components/UploadButton.js
+++ b/js/src/forum/components/UploadButton.js
@@ -1,6 +1,6 @@
 import app from 'flarum/forum/app';
 import Component from 'flarum/common/Component';
-import Button from 'flarum/common/components/Button';
+import TextEditorButton from 'flarum/common/components/TextEditorButton';
 import LoadingIndicator from 'flarum/common/components/LoadingIndicator';
 import classList from 'flarum/common/utils/classList';
 
@@ -25,7 +25,7 @@ export default class UploadButton extends Component {
       : app.translator.trans('fof-upload.forum.buttons.upload');
 
     return (
-      <Button
+      <TextEditorButton
         className={classList([
           'Button',
           'hasIcon',
@@ -37,13 +37,14 @@ export default class UploadButton extends Component {
         icon={!this.attrs.uploader.uploading && 'fas fa-file-upload'}
         onclick={this.uploadButtonClicked.bind(this)}
         disabled={this.attrs.disabled}
+        title={buttonText}
       >
         {this.attrs.uploader.uploading && <LoadingIndicator size="small" display="inline" className="Button-icon" />}
         {(this.isMediaUploadButton || this.attrs.uploader.uploading) && <span className="Button-label">{buttonText}</span>}
         <form>
           <input type="file" multiple={true} onchange={this.process.bind(this)} />
         </form>
-      </Button>
+      </TextEditorButton>
     );
   }