Do not include whitespace as segment

5 years ago · 22c34ce484
parent 29c7aa9cf5
commit 22c34ce484
1 changed files with 11 additions and 9 deletions
--- a/src/components/TextOutput.js
+++ b/src/components/TextOutput.js
@ -24,16 +24,18 @@ export const TextOutput = () => {
        const isSentenceStart = sentences.includes(wordBeginning)

        return (
-          <span
-            key={idx}
-            className={classNames({
-              [styles.current]: isCurrent,
-              [styles.sentenceBeginning]: isSentenceStart
-            })}
-          >
+          <>
            {isWordStart && ' '}
-            {segment}
-          </span>
+            <span
+              key={idx}
+              className={classNames({
+                [styles.current]: isCurrent,
+                [styles.sentenceBeginning]: isSentenceStart
+              })}
+            >
+              {segment}
+            </span>
+          </>
        )
      })}
    </div>