[IOAPPX-301] Add the new satispay payment logo (both small and big) (…

…#269)

src/components/logos/LogoPayment.tsx

@@ -1,21 +1,22 @@
 import React from "react";
 
 /* Logos */
-import LogoPaymentMaestro from "./svg/LogoPaymentMaestro";
-import LogoPaymentMastercard from "./svg/LogoPaymentMastercard";
-import LogoPaymentVisa from "./svg/LogoPaymentVisa";
 import LogoPaymentAmex from "./svg/LogoPaymentAmex";
+import LogoPaymentApplePay from "./svg/LogoPaymentApplePay";
+import LogoPaymentBancomatPay from "./svg/LogoPaymentBancomatPay";
 import LogoPaymentDiners from "./svg/LogoPaymentDiners";
 import LogoPaymentDiscover from "./svg/LogoPaymentDiscover";
 import LogoPaymentJCB from "./svg/LogoPaymentJCB";
-import LogoPaymentUnionPay from "./svg/LogoPaymentUnionPay";
-import LogoPaymentPayPal from "./svg/LogoPaymentPayPal";
-import LogoPaymentBancomatPay from "./svg/LogoPaymentBancomatPay";
-import LogoPaymentVPay from "./svg/LogoPaymentVPay";
+import LogoPaymentMaestro from "./svg/LogoPaymentMaestro";
+import LogoPaymentMastercard from "./svg/LogoPaymentMastercard";
+import LogoPaymentMyBank from "./svg/LogoPaymentMyBank";
 import LogoPaymentPagoBancomat from "./svg/LogoPaymentPagoBancomat";
+import LogoPaymentPayPal from "./svg/LogoPaymentPayPal";
 import LogoPaymentPostepay from "./svg/LogoPaymentPostepay";
-import LogoPaymentMyBank from "./svg/LogoPaymentMyBank";
-import LogoPaymentApplePay from "./svg/LogoPaymentApplePay";
+import LogoPaymentSatispay from "./svg/LogoPaymentSatispay";
+import LogoPaymentUnionPay from "./svg/LogoPaymentUnionPay";
+import LogoPaymentVPay from "./svg/LogoPaymentVPay";
+import LogoPaymentVisa from "./svg/LogoPaymentVisa";
 
 export const IOPaymentLogos = {
   maestro: LogoPaymentMaestro,
@@ -29,9 +30,10 @@ export const IOPaymentLogos = {
   payPal: LogoPaymentPayPal,
   bancomatPay: LogoPaymentBancomatPay,
   vPay: LogoPaymentVPay,
-  pagoBancomat: LogoPaymentPagoBancomat,
+  satispay: LogoPaymentSatispay,
   postepay: LogoPaymentPostepay,
   myBank: LogoPaymentMyBank,
+  pagoBancomat: LogoPaymentPagoBancomat,
   applePay: LogoPaymentApplePay
 } as const;
 

src/components/logos/LogoPaymentExt.tsx

@@ -1,20 +1,21 @@
 import React from "react";
 
 /* Logos */
-import LogoPaymentExtMaestro from "./svg/LogoPaymentExtMaestro";
-import LogoPaymentExtMastercard from "./svg/LogoPaymentExtMastercard";
-import LogoPaymentExtVisa from "./svg/LogoPaymentExtVisa";
-import LogoPaymentExtVisaElectron from "./svg/LogoPaymentExtVisaElectron";
-import LogoPaymentExtVPay from "./svg/LogoPaymentExtVPay";
+import LogoPaymentExtAmex from "./svg/LogoPaymentExtAmex";
+import LogoPaymentExtApplePay from "./svg/LogoPaymentExtApplePay";
+import LogoPaymentExtBancomatPay from "./svg/LogoPaymentExtBancomatPay";
 import LogoPaymentExtDiners from "./svg/LogoPaymentExtDiners";
 import LogoPaymentExtJCB from "./svg/LogoPaymentExtJCB";
-import LogoPaymentExtUnionPay from "./svg/LogoPaymentExtUnionPay";
+import LogoPaymentExtMaestro from "./svg/LogoPaymentExtMaestro";
+import LogoPaymentExtMastercard from "./svg/LogoPaymentExtMastercard";
+import LogoPaymentExtPagoBancomat from "./svg/LogoPaymentExtPagoBancomat";
 import LogoPaymentExtPayPal from "./svg/LogoPaymentExtPayPal";
-import LogoPaymentExtBancomatPay from "./svg/LogoPaymentExtBancomatPay";
 import LogoPaymentExtPostepay from "./svg/LogoPaymentExtPostepay";
-import LogoPaymentExtPagoBancomat from "./svg/LogoPaymentExtPagoBancomat";
-import LogoPaymentExtApplePay from "./svg/LogoPaymentExtApplePay";
-import LogoPaymentExtAmex from "./svg/LogoPaymentExtAmex";
+import LogoPaymentExtSatispay from "./svg/LogoPaymentExtSatispay";
+import LogoPaymentExtUnionPay from "./svg/LogoPaymentExtUnionPay";
+import LogoPaymentExtVPay from "./svg/LogoPaymentExtVPay";
+import LogoPaymentExtVisa from "./svg/LogoPaymentExtVisa";
+import LogoPaymentExtVisaElectron from "./svg/LogoPaymentExtVisaElectron";
 
 export const IOPaymentExtLogos = {
   maestro: LogoPaymentExtMaestro,
@@ -27,6 +28,7 @@ export const IOPaymentExtLogos = {
   jcb: LogoPaymentExtJCB,
   unionPay: LogoPaymentExtUnionPay,
   payPal: LogoPaymentExtPayPal,
+  satispay: LogoPaymentExtSatispay,
   bancomatPay: LogoPaymentExtBancomatPay,
   postepay: LogoPaymentExtPostepay,
   pagoBancomat: LogoPaymentExtPagoBancomat,

src/components/logos/svg/LogoPaymentExtSatispay.tsx

@@ -0,0 +1,24 @@
+import React from "react";
+import { Svg, Path } from "react-native-svg";
+import { SVGLogoProps } from "../types";
+
+const LogoPaymentExtSatispay = ({ size }: SVGLogoProps) => (
+  <Svg width={size} height={size} viewBox="0 0 48 30">
+    <Path
+      fill="#FF3D00"
+      fillRule="evenodd"
+      d="M0 3a3 3 0 0 1 3-3h42a3 3 0 0 1 3 3v24a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3V3Z"
+      clipRule="evenodd"
+    />
+    <Path
+      fill="#fff"
+      d="M17.67 25.519h6.038l9.541-8.784a2.34 2.34 0 0 0 0-3.432l-9.541-8.784H17.67a.452.452 0 0 0-.43.296.46.46 0 0 0 .12.51l10.22 9.41a.389.389 0 0 1 0 .57l-10.22 9.41a.46.46 0 0 0-.12.51.452.452 0 0 0 .43.296v-.002Z"
+    />
+    <Path
+      fill="#fff"
+      d="m19.509 8.922-4.758 4.38a2.34 2.34 0 0 0 0 3.433l4.758 4.38 3.611-3.325-2.701-2.487a.388.388 0 0 1 0-.57l2.701-2.487-3.611-3.324ZM30.33 4.519h-4.862l3.023 2.783 2.148-1.977a.46.46 0 0 0 .12-.51.452.452 0 0 0-.43-.296ZM28.491 22.736l-3.023 2.783h4.861a.453.453 0 0 0 .43-.296.46.46 0 0 0-.12-.51l-2.148-1.977Z"
+    />
+  </Svg>
+);
+
+export default LogoPaymentExtSatispay;

src/components/logos/svg/LogoPaymentSatispay.tsx

@@ -0,0 +1,19 @@
+import React from "react";
+import { Svg, Path, Rect } from "react-native-svg";
+import { SVGLogoProps } from "../types";
+
+const LogoPaymentSatispay = ({ size }: SVGLogoProps) => (
+  <Svg width={size} height={size} viewBox="0 0 24 24">
+    <Rect width="24" height="24" y="0" fill="#FF3D00" rx="4" />
+    <Path
+      fill="#fff"
+      d="M7.57 20h4.226l6.678-6.274c.334-.314.526-.761.526-1.226 0-.465-.191-.912-.526-1.226L11.796 5H7.569a.317.317 0 0 0-.3.212.333.333 0 0 0 .083.364l7.154 6.721a.28.28 0 0 1 0 .407l-7.154 6.721a.333.333 0 0 0-.083.365.317.317 0 0 0 .3.211V20Z"
+    />
+    <Path
+      fill="#fff"
+      d="m8.856 8.145-3.33 3.13c-.334.313-.526.76-.526 1.225 0 .465.191.912.526 1.226l3.33 3.128 2.528-2.375-1.89-1.776a.28.28 0 0 1 0-.407l1.89-1.776-2.528-2.375ZM16.43 5h-3.402l2.116 1.988 1.504-1.412a.333.333 0 0 0 .083-.365.317.317 0 0 0-.3-.212V5ZM15.144 18.012 13.028 20h3.403c.162 0 .26-.11.3-.212a.333.333 0 0 0-.083-.364l-1.504-1.413v.001Z"
+    />
+  </Svg>
+);
+
+export default LogoPaymentSatispay;