From 386ec60ba08a7227ac0c752752b03ee467f163ed Mon Sep 17 00:00:00 2001
From: Ammar Ahmed <ammarahmed6506@gmail.com>
Date: Wed, 6 Mar 2024 09:16:19 +0500
Subject: [PATCH] mobile: remove usage of customStyle prop

---
 apps/mobile/app/components/auth/index.js         | 16 ----------------
 .../dialogs/applock-password/index.tsx           |  2 +-
 .../dialogs/attach-image-dialog/index.tsx        |  2 +-
 apps/mobile/app/components/properties/index.js   |  2 +-
 .../app/components/ui/icon-button/index.tsx      |  4 ++--
 5 files changed, 5 insertions(+), 21 deletions(-)

diff --git a/apps/mobile/app/components/auth/index.js b/apps/mobile/app/components/auth/index.js
index e410d4ed3..457b0d9ca 100644
--- a/apps/mobile/app/components/auth/index.js
+++ b/apps/mobile/app/components/auth/index.js
@@ -59,22 +59,6 @@ const Auth = ({ navigation, route }) => {
         />
       )}
 
-      {/* {initialAuthMode.current === AuthMode.welcomeSignup ? null : (
-        <IconButton
-          name="arrow-left"
-          onPress={() => {
-            hideAuth();
-          }}
-          color={colors.primary.paragraph}
-          customStyle={{
-            position: 'absolute',
-            zIndex: 999,
-            left: 12,
-            top: Platform.OS === 'ios' ? 12 + insets.top : insets.top
-          }}
-        />
-      )} */}
-
       <Toast context="local" />
     </View>
   );
diff --git a/apps/mobile/app/components/dialogs/applock-password/index.tsx b/apps/mobile/app/components/dialogs/applock-password/index.tsx
index 9c22d5c90..410e7fd18 100644
--- a/apps/mobile/app/components/dialogs/applock-password/index.tsx
+++ b/apps/mobile/app/components/dialogs/applock-password/index.tsx
@@ -186,7 +186,7 @@ export const AppLockPassword = () => {
                     setSecureTextEntry(true);
                   });
                 }}
-                customStyle={{
+                style={{
                   width: 25,
                   height: 25,
                   marginRight: 5
diff --git a/apps/mobile/app/components/dialogs/attach-image-dialog/index.tsx b/apps/mobile/app/components/dialogs/attach-image-dialog/index.tsx
index 8ed903b09..9a609374b 100644
--- a/apps/mobile/app/components/dialogs/attach-image-dialog/index.tsx
+++ b/apps/mobile/app/components/dialogs/attach-image-dialog/index.tsx
@@ -98,7 +98,7 @@ export default function AttachImage({
           size={SIZE.lg}
           name={compress ? "checkbox-marked" : "checkbox-blank-outline"}
           color={compress ? colors.primary.accent : colors.primary.icon}
-          customStyle={{
+          style={{
             width: 25,
             height: 25
           }}
diff --git a/apps/mobile/app/components/properties/index.js b/apps/mobile/app/components/properties/index.js
index a7f4cddb6..915808966 100644
--- a/apps/mobile/app/components/properties/index.js
+++ b/apps/mobile/app/components/properties/index.js
@@ -97,7 +97,7 @@ export const Properties = ({ close = () => {}, item, buttons = [] }) => {
                   type="accent"
                   accentColor={item.colorCode}
                   accentText={colors.static.white}
-                  customStyle={{
+                  style={{
                     width: 30,
                     height: 30,
                     borderRadius: 100,
diff --git a/apps/mobile/app/components/ui/icon-button/index.tsx b/apps/mobile/app/components/ui/icon-button/index.tsx
index 8c0bf7560..0b0c4dd7a 100644
--- a/apps/mobile/app/components/ui/icon-button/index.tsx
+++ b/apps/mobile/app/components/ui/icon-button/index.tsx
@@ -43,7 +43,7 @@ export const IconButton = ({
   onPress,
   name,
   color,
-  style: customStyle,
+  style,
   size = SIZE.xxl,
   iconStyle = {},
   left = 10,
@@ -83,7 +83,7 @@ export const IconButton = ({
         justifyContent: "center",
         alignItems: "center",
         borderRadius: 100,
-        ...customStyle
+        ...style
       }}
     >
       <Icon