Merge pull request #9129 from LedgerHQ/fix/live-14726/llm-ui-fixes

fix(live-14726): llm spacing internalization

.changeset/ninety-clouds-fly.md

@@ -0,0 +1,5 @@
+---
+"live-mobile": minor
+---
+
+LLM: fix spacing and internalization

apps/ledger-live-mobile/src/locales/en/common.json

@@ -3351,7 +3351,7 @@
       },
       "form": {
         "validate": "Confirm Swap transaction",
-        "tab": "Exchange",
+        "tab": "Swap",
         "button": "Continue",
         "from": "From",
         "to": "To",
@@ -3460,8 +3460,8 @@
           "receive": "Receive"
         },
         "placeholder": "Select",
-        "title": "Exchange",
-        "cta": "Exchange",
+        "title": "Swap",
+        "cta": "Swap",
         "from": "From",
         "to": "To",
         "loading": "Loading...",

apps/ledger-live-mobile/src/screens/Swap/LiveApp/WebView.tsx

@@ -1,5 +1,5 @@
+import useEnv from "@ledgerhq/live-common/hooks/useEnv";
 import { LiveAppManifest } from "@ledgerhq/live-common/platform/types";
-import { getEnv } from "@ledgerhq/live-env";
 import { Flex } from "@ledgerhq/native-ui";
 import React from "react";
 import { Platform } from "react-native";
@@ -21,28 +21,28 @@ type Props = {
   setWebviewState: React.Dispatch<React.SetStateAction<WebviewState>>;
 };
 
-const SWAP_API_BASE = getEnv("SWAP_API_BASE");
-const SWAP_USER_IP = getEnv("SWAP_USER_IP");
-
 export function WebView({ manifest, setWebviewState }: Props) {
   const customHandlers = useSwapLiveAppCustomHandlers(manifest);
   const { theme } = useTheme();
   const { language } = useSettings();
   const { ticker: currencyTicker } = useSelector(counterValueCurrencySelector);
   const discreet = useSelector(discreetModeSelector);
   const countryLocale = getCountryLocale();
+  const SWAP_API_BASE = useEnv("SWAP_API_BASE");
+  const SWAP_USER_IP = useEnv("SWAP_USER_IP");
   const exportSettings = useSelector(exportSettingsSelector);
+  const devMode = exportSettings.developerModeEnabled.toString();
 
   return (
-    <Flex pb={1} flex={1}>
+    <Flex flex={1}>
       <Web3AppWebview
         manifest={manifest}
         customHandlers={customHandlers}
         onStateChange={setWebviewState}
         inputs={{
           swapApiBase: SWAP_API_BASE,
           swapUserIp: SWAP_USER_IP,
-          devMode: exportSettings.developerModeEnabled ? "true" : "false",
+          devMode,
           theme,
           lang: language,
           locale: language, // LLM doesn't support different locales. By doing this we don't have to have specific LLM/LLD logic in earn, and in future if LLM supports locales we will change this from `language` to `locale`