From 2bac97f9df41e8b47bc3ed0b16db159e4cc7ad41 Mon Sep 17 00:00:00 2001
From: Radames Ajna <radamajna@gmail.com>
Date: Wed, 21 Jun 2023 11:59:14 -0700
Subject: [PATCH] add try example on front

---
 src/components/AudioManager.tsx | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/src/components/AudioManager.tsx b/src/components/AudioManager.tsx
index c2d3fe4e..a5498f5f 100644
--- a/src/components/AudioManager.tsx
+++ b/src/components/AudioManager.tsx
@@ -130,6 +130,7 @@ export enum AudioSource {
 }
 
 export function AudioManager(props: { transcriber: Transcriber }) {
+    const [triedExample, setTryExample] = useState<boolean>(false);
     const [progress, setProgress] = useState<number | undefined>(undefined);
     const [audioData, setAudioData] = useState<
         | {
@@ -283,6 +284,20 @@ export function AudioManager(props: { transcriber: Transcriber }) {
                     />
                 }
             </div>
+            {!triedExample && (
+                <>
+                    <span
+                        className='underline py-2 cursor-pointer'
+                        onClick={(e) => {
+                            props.transcriber.onInputChange();
+                            setAudioDownloadUrl(Constants.DEFAULT_AUDIO_URL);
+                            setTryExample(true);
+                        }}
+                    >
+                        Try example
+                    </span>
+                </>
+            )}
             {audioData && (
                 <>
                     <AudioPlayer