feat: add info alert type

Author: salembaira

src/assets/info.png

@@ -13,6 +13,7 @@ enum ALERT_TYPE {
   SUCCESS = 'SUCCESS',
   DANGER = 'DANGER',
   WARNING = 'WARNING',
+  INFO = 'INFO',
 }
 
 enum TOAST_POSITION {
@@ -57,6 +58,11 @@ const ENV = {
       android: ['@android:color/holo_orange_light', '@android:color/holo_orange_dark'],
       default: ['rgb(255,149,0)', 'rgb(255,159,10)'],
     },
+    info: {
+      ios: 'systemBlue',
+      android: ['@android:color/holo_blue_light', '@android:color/holo_blue_dark'],
+      default: ['rgb(80,122,189)', 'rgb(80,122,190)'],
+    },
   },
 };
 

src/config/ENV.ts

@@ -310,6 +310,9 @@ const __styles = (isDark: boolean) =>
     [ALERT_TYPE.WARNING]: {
       backgroundColor: Color.get('warning', isDark),
     },
+    [ALERT_TYPE.INFO]: {
+      backgroundColor: Color.get('info', isDark),
+    },
     backendImage: {
       position: 'absolute',
       alignSelf: 'center',
@@ -337,4 +340,7 @@ const __styles = (isDark: boolean) =>
     [`${ALERT_TYPE.WARNING}Image`]: {
       tintColor: Color.get('warning', isDark),
     },
+    [`${ALERT_TYPE.INFO}Image`]: {
+      tintColor: Color.get('info', isDark),
+    },
   });

src/containers/Dialog.tsx

@@ -217,4 +217,7 @@ const __styles = (isDark: boolean) =>
     [`${ALERT_TYPE.WARNING}Image`]: {
       tintColor: Color.get('warning', isDark),
     },
+    [`${ALERT_TYPE.INFO}Image`]: {
+      tintColor: Color.get('info', isDark),
+    },
   });

src/containers/ToastRender.tsx

@@ -9,6 +9,7 @@ export type IColors = {
   success: string;
   danger: string;
   warning: string;
+  info: string;
 };
 
 export class Color {

src/service/color.ts

@@ -10,5 +10,7 @@ export const getImage = (type: IConfigDialog['type']): ImageRequireSource => {
       return require('../assets/warning.png');
     case ALERT_TYPE.DANGER:
       return require('../assets/danger.png');
+    case ALERT_TYPE.INFO:
+      return require('../assets/info.png');
   }
 };