From 95c9559b52a76bdc0af770ce2d31b5dba99d4149 Mon Sep 17 00:00:00 2001
From: Tiyo <tiyosheng@gmail.com>
Date: Tue, 28 Nov 2023 19:30:32 +0800
Subject: [PATCH] add talk step

---
 packages/client/src/components/Talk/index.jsx   | 1 +
 packages/client/src/components/Talk/styles.scss | 5 +++++
 2 files changed, 6 insertions(+)

diff --git a/packages/client/src/components/Talk/index.jsx b/packages/client/src/components/Talk/index.jsx
index a1c70022..1dc8e33a 100644
--- a/packages/client/src/components/Talk/index.jsx
+++ b/packages/client/src/components/Talk/index.jsx
@@ -28,6 +28,7 @@ const Talk = (props) => {
           }
         </div>
         <div className='text' onClick={() => props.onNext()}>
+          <div className='step'>{step} / 10</div>
           <div className='name' style={{marginBottom: '18px'}}>{curPlayer?.name || 'Mistery Duck'}:</div>
           <Typewriter text={text} typingSpeed={30} step={step} />
           <div style={{position: 'absolute', bottom: '18px', right: '18px', fontSize: '12px', color: 'rgba(255, 255, 255, 0.80)'}}>Click any button to continue</div>
diff --git a/packages/client/src/components/Talk/styles.scss b/packages/client/src/components/Talk/styles.scss
index b1c40308..b24a153b 100644
--- a/packages/client/src/components/Talk/styles.scss
+++ b/packages/client/src/components/Talk/styles.scss
@@ -41,6 +41,11 @@
       color: #FFF;
       font-size: 22px;
       font-family: 'MISS';
+      .step {
+        position: absolute;
+        top: -40px;
+        right: 0px;
+      }
     }
   }
 }
\ No newline at end of file