Add more translations for tooltips

snowe2010 · snowe2010 · commit 60643ca4b027 · 2024-04-19T16:45:09.000-06:00
diff --git a/client/packages/lowcoder/src/comps/comps/tourComp/tourTooltips.tsx b/client/packages/lowcoder/src/comps/comps/tourComp/tourTooltips.tsx
@@ -66,32 +66,32 @@ export const TourPlacementTooltip = (
     {trans("tour.placement.tooltip")}
     <br />
     <br />
-    <h4>Valid options</h4>
-    <h5>Above the component:</h5>
+    <h4>{trans("tour.placement.tooltipValidOptions")}</h4>
+    <h5>{trans("tour.placement.tooltipValidOptionsAbove")}</h5>
     <ul>
       <li><code>topLeft</code></li>
       <li><code>top</code></li>
       <li><code>topRight</code></li>
     </ul>
-    <h5>To the left of the component:</h5>
+    <h5>{trans("tour.placement.tooltipValidOptionsLeft")}</h5>
     <ul>
       <li><code>leftTop</code></li>
       <li><code>left</code></li>
       <li><code>leftBottom</code></li>
     </ul>
-    <h5>To the right of the component:</h5>
+    <h5>{trans("tour.placement.tooltipValidOptionsRight")}</h5>
     <ul>
       <li><code>rightTop</code></li>
       <li><code>right</code></li>
       <li><code>rightBottom</code></li>
     </ul>
-    <h5>Below the component:</h5>
+    <h5>{trans("tour.placement.tooltipValidOptionsBelow")}</h5>
     <ul>
       <li><code>bottomLeft</code></li>
       <li><code>bottom</code></li>
       <li><code>bottomRight</code></li>
     </ul>
-    <h5>On top of the component:</h5>
+    <h5>{trans("tour.placement.tooltipValidOptionsOnTop")}</h5>
     <ul>
       <li>center</li>
     </ul>
diff --git a/client/packages/lowcoder/src/i18n/locales/en.ts b/client/packages/lowcoder/src/i18n/locales/en.ts
@@ -2882,7 +2882,12 @@ export const en = {
     placement: {
       label: "Placement",
       tooltip: "Position of the guide card relative to the target element. Can be overridden at the step level.",
-      tooltipValidOptions: "center left leftTop leftBottom right rightTop rightBottom top topLeft topRight bottom bottomLeft bottomRight"
+      tooltipValidOptions: "Valid options",
+      tooltipValidOptionsAbove: "Above the component:",
+      tooltipValidOptionsLeft: "To the left of the component:",
+      tooltipValidOptionsRight: "To the right of the component:",
+      tooltipValidOptionsBelow: "Below the component:",
+      tooltipValidOptionsOnTop: "On top of the component:",
     },
     arrow: {
       label: "Arrow",
