🍱 (llm): CLS assets

apps/ledger-live-mobile/src/components/CustomImage/FramedPicture.tsx

@@ -68,6 +68,7 @@ export type FramedPictureConfig = {
    * (the screen border is curved on the top right and bottom right corner)
    */
   borderRightRadius: number;
+  borderLeftRadius?: number;
   /**
    * Source of the background picture representing a Ledger Stax
    * */

apps/ledger-live-mobile/src/components/CustomImage/framedPictureConfigs.tsx

@@ -1,5 +1,7 @@
-import staxTransferBackground from "./assets/transferBackground.png";
-import staxPreviewBackground from "./assets/previewBackground.png";
+import staxTransferBackground from "./assets/staxTransferBackground.png";
+import staxPreviewBackground from "./assets/staxPreviewBackground.png";
+import europaTransferBackground from "./assets/europaTransferBackground.png";
+import europaPreviewBackground from "./assets/europaPreviewBackground.png";
 import { FramedPictureConfig } from "./FramedPicture";
 import { CLSSupportedDeviceModelId } from "@ledgerhq/live-common/device/use-cases/isCustomLockScreenSupported";
 
@@ -27,7 +29,7 @@ const europaTransferConfig: FramedPictureConfig = {
   innerTop: 24, // TODO: TBD
   borderRightRadius: 24, // TODO: TBD
   resizeMode: "cover", // TODO: TBD
-  backgroundSource: staxTransferBackground, // TODO: replace by europaTransferBackground
+  backgroundSource: europaTransferBackground, // TODO: replace by europaTransferBackground
   leftPaddingColor: "#272727", // TBD
 };
 
@@ -40,7 +42,7 @@ const staxPreviewConfig: FramedPictureConfig = {
   innerRight: 35,
   innerTop: 38,
   borderRightRadius: 57,
-  backgroundSource: staxPreviewBackground,
+  backgroundSource: europaPreviewBackground,
   resizeMode: "cover",
 };