diff --git a/src/assets/info.png b/src/assets/info.png new file mode 100644 index 0000000..a3bde20 Binary files /dev/null and b/src/assets/info.png differ diff --git a/src/config/ENV.ts b/src/config/ENV.ts index ba6bdc5..c2784be 100644 --- a/src/config/ENV.ts +++ b/src/config/ENV.ts @@ -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)'], + }, }, }; diff --git a/src/containers/Dialog.tsx b/src/containers/Dialog.tsx index 1143bf6..a6afe15 100644 --- a/src/containers/Dialog.tsx +++ b/src/containers/Dialog.tsx @@ -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), + }, }); diff --git a/src/containers/ToastRender.tsx b/src/containers/ToastRender.tsx index d9fe5ed..a37d838 100644 --- a/src/containers/ToastRender.tsx +++ b/src/containers/ToastRender.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), + }, }); diff --git a/src/service/color.ts b/src/service/color.ts index 4c8bb3c..e78747a 100644 --- a/src/service/color.ts +++ b/src/service/color.ts @@ -9,6 +9,7 @@ export type IColors = { success: string; danger: string; warning: string; + info: string; }; export class Color { diff --git a/src/service/image.ts b/src/service/image.ts index d43aef3..aa436d3 100644 --- a/src/service/image.ts +++ b/src/service/image.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'); } };