import classes from './AppCard.module.css'; import Icon from '../../UI/Icons/Icon/Icon'; import { iconParser, urlParser } from '../../../utility'; import { App } from '../../../interfaces'; import { searchConfig } from '../../../utility'; interface ComponentProps { app: App; pinHandler?: Function; } const AppCard = (props: ComponentProps): JSX.Element => { const [displayUrl, redirectUrl] = urlParser(props.app.url); let iconEl: JSX.Element; const { icon } = props.app; if (/.(jpeg|jpg|png)$/i.test(icon)) { iconEl = ( {`${props.app.name} ); } else if (/.(svg)$/i.test(icon)) { iconEl = (
); } else { iconEl = ; } return (
{iconEl}
{props.app.name}
{displayUrl}
); }; export default AppCard;