feat: update translation

illacloud · Jan 24, 2024 · e19a15a · e19a15a
1 parent 634ac5d
commit e19a15a
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 4 deletions.
diff --git a/src/components/flow/SwitchContent/MobileContent/index.tsx b/src/components/flow/SwitchContent/MobileContent/index.tsx
@@ -2,6 +2,7 @@ import { FC } from "react"
 import style from "./index.module.css"
 import TabLottie from "../TabLottie"
 import { TAB_LOTTIE_TYPE } from "../constants"
+import Translate from "@docusaurus/Translate"
 
 interface MobileContentProps {
   tabs: {
@@ -28,10 +29,17 @@ const MobileContent: FC<MobileContentProps> = ({ tabs, contents }) => {
               isPlay
               lottieType={TAB_LOTTIE_TYPE.ICON}
             />
-            <div>
+            <div className="flex flex-col gap-[4px]">
               <div className={style.tabTitleContainerStyle}>
                 <p className={style.tabTitleStyle}>{tab.title}</p>
-                {tab.hasExtra && <span className={style.betaStyle}>Beta</span>}
+                {tab.hasExtra && (
+                  <span className={style.betaStyle}>
+                    {" "}
+                    <Translate id="illa_flow.how_it_works.coming_soon">
+                      Coming soon
+                    </Translate>
+                  </span>
+                )}
               </div>
               <p className={style.tabDescStyle}>{tab.desc}</p>
             </div>

diff --git a/src/components/flow/SwitchContent/index.tsx b/src/components/flow/SwitchContent/index.tsx
@@ -10,6 +10,7 @@ import { TAB_LOTTIE_TYPE } from "./constants"
 import { translate } from "@docusaurus/Translate"
 import MobileContent from "./MobileContent"
 import Content from "./Content"
+import Translate from "@docusaurus/Translate"
 
 const CONTENT = {
   header: {
@@ -113,10 +114,16 @@ const SwitchContent: FC = () => {
               isPlay={activeTab === tab.id}
               lottieType={TAB_LOTTIE_TYPE.ICON}
             />
-            <div>
+            <div className="flex flex-col gap-[8px]">
               <div className={style.tabTitleContainerStyle}>
                 <p className={style.tabTitleStyle}>{tab.title}</p>
-                {tab.hasExtra && <span className={style.betaStyle}>Beta</span>}
+                {tab.hasExtra && (
+                  <span className={style.betaStyle}>
+                    <Translate id="illa_flow.how_it_works.coming_soon">
+                      Coming soon
+                    </Translate>
+                  </span>
+                )}
               </div>
               <p className={style.tabDescStyle}>{tab.desc}</p>
             </div>