react-native-ui-lib
Version:
<p align="center"> <img src="https://user-images.githubusercontent.com/1780255/105469025-56759000-5ca0-11eb-993d-3568c1fd54f4.png" height="250px" style="display:block"/> </p> <p align="center">UI Toolset & Components Library for React Native</p> <p a
47 lines (42 loc) • 1.27 kB
JavaScript
import React from 'react';
import { Colors } from "../../../style";
import { ToastPresets } from "../types";
const checkMarkIcon = require("../assets/checkmarkFlat.png");
const exclamationIcon = require("../assets/exclamationFill.png");
const infoIcon = require("../assets/info.png");
const redCloudIcon = require("../assets/redCloud.png");
const TOAST_PRESETS = {
[ToastPresets.GENERAL]: {
icon: infoIcon,
iconColor: Colors.getColorTint(Colors.primary, 50),
accessibilityMessagePrefix: ''
},
[ToastPresets.SUCCESS]: {
icon: checkMarkIcon,
iconColor: Colors.green40,
accessibilityMessagePrefix: 'Success'
},
[ToastPresets.FAILURE]: {
icon: exclamationIcon,
iconColor: Colors.red40,
accessibilityMessagePrefix: 'Alert'
},
[ToastPresets.OFFLINE]: {
icon: redCloudIcon,
iconColor: Colors.getColorTint(Colors.primary, 50),
accessibilityMessagePrefix: 'Offline'
}
};
export default (({
preset,
icon,
iconColor,
message
}) => {
const toastPreset = preset ? TOAST_PRESETS[preset] : undefined;
return {
icon: icon ?? toastPreset?.icon,
iconColor: iconColor ?? toastPreset?.iconColor,
accessibilityMessage: `${toastPreset?.accessibilityMessagePrefix} notification, ${message}`
};
});