From 124a8ba6908e70b8a53385a805015b4523bb0b35 Mon Sep 17 00:00:00 2001
From: BFlat <bombayapirat@gmail.com>
Date: Fri, 24 Feb 2023 16:14:45 +0700
Subject: [PATCH] text expander update

---
 .../fakeyou.com/src/v2/view/_common/TextExpander.tsx     | 9 +++++----
 .../view/pages/tts/tts_result_view/TtsResultViewPage.tsx | 5 ++++-
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/packages/fakeyou.com/src/v2/view/_common/TextExpander.tsx b/packages/fakeyou.com/src/v2/view/_common/TextExpander.tsx
index 746e248611..b5469be940 100644
--- a/packages/fakeyou.com/src/v2/view/_common/TextExpander.tsx
+++ b/packages/fakeyou.com/src/v2/view/_common/TextExpander.tsx
@@ -2,17 +2,18 @@ import React, { useState } from "react";
 
 interface Props {
   text: string;
+  cutLength: number;
 }
 
-export const TextExpander: React.FC<Props> = ({ text }) => {
+export const TextExpander: React.FC<Props> = ({ text, cutLength }) => {
   const [expanded, setExpanded] = useState(false);
 
-  const shortText = text.slice(0, 250);
+  const shortText = text.slice(0, cutLength);
 
   return (
     <>
-      {expanded || text.length <= 250 ? text : shortText + "..."}
-      {text.length > 250 && (
+      {expanded || text.length <= cutLength ? text : shortText + "..."}
+      {text.length > cutLength && (
         <button
           className="btn-link fw-medium p-0 ps-1"
           onClick={() => setExpanded(!expanded)}
diff --git a/packages/fakeyou.com/src/v2/view/pages/tts/tts_result_view/TtsResultViewPage.tsx b/packages/fakeyou.com/src/v2/view/pages/tts/tts_result_view/TtsResultViewPage.tsx
index 1bf735c583..8c1428396d 100644
--- a/packages/fakeyou.com/src/v2/view/pages/tts/tts_result_view/TtsResultViewPage.tsx
+++ b/packages/fakeyou.com/src/v2/view/pages/tts/tts_result_view/TtsResultViewPage.tsx
@@ -478,7 +478,10 @@ function TtsResultViewPage(props: Props) {
           </div>*/}
 
           <motion.p className="mb-3 result-text mt-4 pt-2">
-            <TextExpander text={ttsInferenceResult.raw_inference_text} />
+            <TextExpander
+              text={ttsInferenceResult.raw_inference_text}
+              cutLength={250}
+            />
           </motion.p>
         </div>
       </div>