@janiscommerce/ui-native/dist/components/atoms/Svg/index.js

components library for Janis app

import React from 'react';
import { View } from 'react-native';
import svgIcons from './svgs';
import { horizontalScale, moderateScale, scaledForDevice } from '../../../scale';
const svgsMapping = {
    'empty-illustration': svgIcons.EmptyIllustration,
    'empty-list-illustration': svgIcons.EmptyListIllustration,
    'janis-iso': svgIcons.JanisIso,
    'janis-commerce-logo': svgIcons.JanisCommerceLogo,
    'janis-commerce-logo-qa': svgIcons.JanisCommerceLogoQa,
    'janis-commerce-logo-beta': svgIcons.JanisCommerceLogoBeta,
    'login-illustration': svgIcons.LoginIllustration,
    'no-notifications': svgIcons.EmptyNotifications,
};
export const svgsNames = Object.keys(svgsMapping);
const Svg = ({ name, width, height, size, ...props }) => {
    if (!name || !svgsNames.includes(name)) {
        return null;
    }
    const SvgSelected = svgsMapping[name];
    const selectedWidth = size ?? width;
    const selectedHeight = size ?? height;
    const parseSelectedWidth = selectedWidth || 0;
    const parseSelectedHeight = selectedHeight || 0;
    const validateWidth = scaledForDevice(parseSelectedWidth, horizontalScale);
    const validateHeight = scaledForDevice(parseSelectedHeight, moderateScale);
    return (<View {...props}>
			<SvgSelected width={validateWidth} height={validateHeight} {...props}/>
		</View>);
};
export default Svg;