From 949d562bee31751e02e4baba96ce30c466c8c36f Mon Sep 17 00:00:00 2001
From: bflatastic <bombayapirat@gmail.com>
Date: Fri, 18 Oct 2024 21:38:22 +0700
Subject: [PATCH] f5-tts added clear text button to clear text field

---
 .../fakeyou.com/src/v2/view/pages/f5_tts/F5TTS.tsx | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/website/packages/fakeyou.com/src/v2/view/pages/f5_tts/F5TTS.tsx b/src/website/packages/fakeyou.com/src/v2/view/pages/f5_tts/F5TTS.tsx
index ad78801525..4a3e38afd9 100644
--- a/src/website/packages/fakeyou.com/src/v2/view/pages/f5_tts/F5TTS.tsx
+++ b/src/website/packages/fakeyou.com/src/v2/view/pages/f5_tts/F5TTS.tsx
@@ -1,7 +1,9 @@
 import {
   faArrowDownToLine,
+  faDeleteLeft,
   faFlask,
   faMicrophoneAlt,
+  faSparkles,
   faTextSize,
   faWaveformLines,
 } from "@fortawesome/pro-solid-svg-icons";
@@ -168,9 +170,17 @@ export default function F5TTS() {
                     />
                   </div>
 
-                  <div className="d-flex justify-content-end">
+                  <div className="d-flex gap-2 justify-content-end">
                     <Button
-                      icon={faWaveformLines}
+                      icon={faDeleteLeft}
+                      variant="secondary"
+                      label="Clear Text"
+                      onClick={() => setText("")}
+                      type="button"
+                      disabled={!text}
+                    />
+                    <Button
+                      icon={faSparkles}
                       label="Generate Speech"
                       type="submit"
                       isLoading={isGenerating}