From 021fa928a2a065068f5825e29d05b8a830afb8c9 Mon Sep 17 00:00:00 2001
From: BFlat <bombayapirat@gmail.com>
Date: Wed, 7 Feb 2024 04:02:45 +0700
Subject: [PATCH] added buttons

---
 .../src/v2/view/pages/landing/LandingPage.tsx | 25 +++++++++++++++++++
 1 file changed, 25 insertions(+)

diff --git a/packages/fakeyou.com/src/v2/view/pages/landing/LandingPage.tsx b/packages/fakeyou.com/src/v2/view/pages/landing/LandingPage.tsx
index 5bd92fe8f6..3992ecf7ed 100644
--- a/packages/fakeyou.com/src/v2/view/pages/landing/LandingPage.tsx
+++ b/packages/fakeyou.com/src/v2/view/pages/landing/LandingPage.tsx
@@ -12,6 +12,7 @@ import {
   faFileArrowUp,
   faFlask,
   faSparkles,
+  faTrashAlt,
 } from "@fortawesome/pro-solid-svg-icons";
 import { PosthogClient } from "@storyteller/components/src/analytics/PosthogClient";
 // import Alert from "components/common/Alert/Alert";
@@ -466,6 +467,18 @@ function LandingPage(props: Props) {
                       <div className="d-flex flex-column gap-3">
                         <Select />
                         <Input placeholder="Type what you want your character to say" />
+                        <div className="d-flex gap-2 justify-content-end">
+                          <Button
+                            label="Clear"
+                            icon={faTrashAlt}
+                            variant="danger"
+                          />
+                          <Button
+                            label="Generate"
+                            icon={faArrowRight}
+                            iconFlip={true}
+                          />
+                        </div>
                       </div>
                     </Panel>
                   </div>
@@ -474,6 +487,18 @@ function LandingPage(props: Props) {
                       <h4 className="fw-semibold mb-3">Voice to Voice</h4>
                       <div className="d-flex flex-column gap-3">
                         <Select />
+                        <div className="d-flex gap-2 justify-content-end">
+                          <Button
+                            label="Clear"
+                            icon={faTrashAlt}
+                            variant="danger"
+                          />
+                          <Button
+                            label="Generate"
+                            icon={faArrowRight}
+                            iconFlip={true}
+                          />
+                        </div>
                       </div>
                     </Panel>
                   </div>