From ad9dd03ad642d0a79ffc26f5cd35803d6f8e2f4d Mon Sep 17 00:00:00 2001 From: chathurapathiranage Date: Thu, 1 Aug 2024 22:01:38 +0530 Subject: [PATCH] ui fixes MOB-36, MOB-37 --- payment_sdk/package.json | 2 +- payment_sdk/src/assets/images/thunder.png | Bin 0 -> 351 bytes payment_sdk/src/assets/images/thunder@2x.png | Bin 0 -> 571 bytes payment_sdk/src/assets/images/thunder@3x.png | Bin 0 -> 811 bytes payment_sdk/src/components/LightBox.tsx | 18 +++++++++++------- .../sections/SimpleRedirectSection.tsx | 1 - .../sections/TransferFormSection.tsx | 1 + payment_sdk/src/theme/defaultColorTheme.ts | 2 +- 8 files changed, 14 insertions(+), 10 deletions(-) create mode 100644 payment_sdk/src/assets/images/thunder.png create mode 100644 payment_sdk/src/assets/images/thunder@2x.png create mode 100644 payment_sdk/src/assets/images/thunder@3x.png diff --git a/payment_sdk/package.json b/payment_sdk/package.json index b01fd5d..8cd479e 100644 --- a/payment_sdk/package.json +++ b/payment_sdk/package.json @@ -1,6 +1,6 @@ { "name": "@komoju/komoju-react-native", - "version": "0.0.5", + "version": "0.0.6", "private": false, "description": "degica payment SDK", "main": "dist/index.js", diff --git a/payment_sdk/src/assets/images/thunder.png b/payment_sdk/src/assets/images/thunder.png new file mode 100644 index 0000000000000000000000000000000000000000..dbc132d8ec1c38958a5763555e8a8ab487cc7b84 GIT binary patch literal 351 zcmeAS@N?(olHy`uVBq!ia0vp^LO?9c!3HGfPKx~mq&N#aB8wRqxP?KOkzv*x37{Zj zage(c!@6@aFM%AEbVpxD28NCO+yRJ2HYQ~njN4 zN6E-a@jWYbUH7u8D4#X|+^g%N_~vlQc}1;4!(@(AFHZLu4^P)H@CAcEEqAO8j16HE?<5(J7MQi6DF6a|jKR1nA- zV&z2I9KaWt3Uj1(A~n<(V9FarzTu8OM&?1x(FaHcAv>D!fbR%9HCjSUi(c^8WjSI@ zh(^J8g9Xx>5N#sAKUg5G3DNZp4>^H!CPbUOBS)+W*_LOIbauB(LNqP$KG9uz+N@r;W>1y$vnOgHQNB&83H?Bf>5`Ocv6-4F z1~{Uob-jm(YVHj+AkOz^s4Tru?oH))b zY;S&{Z+b3{XbFiAQa7s&LQ6<|5L=Is6D|-zAo9iHMn^)Tg3y@*3q%gqa=vQskAe#k z24e0Hr-Z}>(H{fO35g9-HjWqxF)8RjG}`T7(+Xz<@ytnxNx!vllAlaD#^?Y5002ov JPDHLkV1gyj;x7OI literal 0 HcmV?d00001 diff --git a/payment_sdk/src/assets/images/thunder@3x.png b/payment_sdk/src/assets/images/thunder@3x.png new file mode 100644 index 0000000000000000000000000000000000000000..3dc4061d5a89bd389f754c1d8ff54f74ecfc5d24 GIT binary patch literal 811 zcmV+`1JwM9P)DW`K~#7F)tXOM z+b|G^e{#ENS3QDm(DnvlLqk{137Vdu&nIZO0XHZ;0c`px-H;oU-atoy4Lc%6egR@z zvGr%h*xx2#%YlhBpGHy?2F6}sMlUm1T&vGG2NMbdV*lVLy)1VwovJy$fq?=8VK4Cm z^&lL}Z4YHLNFeqvzSB@z?YTVz1LA>D5FfC?NkE zNT8t_5Ao!OgC&q)L$xtrf~Q9U4duariR?fk4Aq8d4sm2vzm=illDq!L=X}+7a*re! zs)+$3Nr5C8s*M37(Sc+bstMa1;)w5&bVJo)oI@N@$+k7r3LGd}uW#@lIViH8#ko3y z2@WLJP@*WTf&$qZ>K{f-Z;mh-N}SFfsSNd|>IsdJ)7>Lnh8lpqfn?QCFMxMwjoMIt z+WMV>p;{F9SQ}bXF;s)n?Znh`L{Iwjw0|umdWJ|J$ZD(fJQ{}bA$ww_s7LZ?8On$B(Oa(4 zy@vAf8nS5Q;0$#bwrwQcBO2+HF{fE_XNbS4icWs`xrPcwZfF&W`QZ#TkKb~V99kOj z1R2W5m;wnlln=R~6+4GS7|Q>+95Fdk=AO5|{Lo4;ln=35D`>SDP(y_x^Ua5_IV9Oo zK4gYg{~VHKC?8VR(w%oR4ds7J8Fa_JlIt5myGRAH_FiQ&ln*&;UEq}7{p<4u{Gz4m p5<buVeXzNrkhrXbc3 { +const LightBox = ({ content }: Props) => { const { t } = useTranslation(); const theme = useCurrentTheme(); const styles = getStyles(theme); return ( - {icon && {icon}} + + + {t(content)} ); @@ -37,13 +41,12 @@ const getStyles = (theme: ThemeSchemeType) => { flexDirection: "row", backgroundColor: theme.LIGHT_BOX, borderRadius: responsiveScale(8), - justifyContent: "center", alignItems: "center", }, content: { fontSize: resizeFonts(16), color: theme.TEXT_COLOR, - flex: 0.9, + flex: 1, }, iconWrapper: { marginRight: responsiveScale(8), @@ -56,7 +59,8 @@ const getStyles = (theme: ThemeSchemeType) => { alignItems: 'center' }, icon: { - fontSize: resizeFonts(20) + width: responsiveScale(18), + height: responsiveScale(18), } }); diff --git a/payment_sdk/src/components/sections/SimpleRedirectSection.tsx b/payment_sdk/src/components/sections/SimpleRedirectSection.tsx index e9e39d7..daccc6e 100644 --- a/payment_sdk/src/components/sections/SimpleRedirectSection.tsx +++ b/payment_sdk/src/components/sections/SimpleRedirectSection.tsx @@ -38,7 +38,6 @@ const SimpleRedirectSection = ({ type }: SimpleRedirectSectionProps) => { diff --git a/payment_sdk/src/components/sections/TransferFormSection.tsx b/payment_sdk/src/components/sections/TransferFormSection.tsx index 2b8b084..9eef7a2 100644 --- a/payment_sdk/src/components/sections/TransferFormSection.tsx +++ b/payment_sdk/src/components/sections/TransferFormSection.tsx @@ -122,6 +122,7 @@ const TransferFormSection = ({ type }: TransferFormSectionProps) => { { diff --git a/payment_sdk/src/theme/defaultColorTheme.ts b/payment_sdk/src/theme/defaultColorTheme.ts index 734089f..14b6aab 100644 --- a/payment_sdk/src/theme/defaultColorTheme.ts +++ b/payment_sdk/src/theme/defaultColorTheme.ts @@ -27,7 +27,7 @@ const lightTheme = { WHITE50: '#00000050', CARD_BACKGROUND: '#ffffff', CARD_BORDER: '#CAD6E1', - LIGHT_BOX: '#dbdbdb', + LIGHT_BOX: '#F3F7F9', CARD_SHADOW_IOS_COLOR: '#D9D9D9', CARD_SHADOW_ANDROID_COLOR: '#c4c2c2', };