diff --git a/src/components/ActionCard.tsx b/src/components/ActionCard.tsx index 6df675dc4bb..e7963998613 100644 --- a/src/components/ActionCard.tsx +++ b/src/components/ActionCard.tsx @@ -18,8 +18,8 @@ const ChildrenContainer = styled.div` ` const ImageWrapper = styled.div<{ - isRight: boolean | undefined - isBottom: boolean | undefined + isRight: boolean | undefined + isBottom: boolean | undefined }>` display: flex; flex-direction: row; @@ -66,47 +66,47 @@ const Card = styled(Link)` ` export interface IProps { - to: string - alt?: string - image: string - title: string - description: string - className?: string - isRight?: boolean - isBottom?: boolean + to: string + alt?: string + image: string + title: string + description: string + className?: string + isRight?: boolean + isBottom?: boolean } const ActionCard: React.FC = ({ - to, - alt, - image, - title, - description, - children, - className, - isRight, - isBottom = true - }) => { - const isImageURL = typeof image === "string" && image.includes("http") - return ( - - - {!isImageURL && {alt}} - {isImageURL && ( - {alt} - )} - - - {title} - {description} - {children && {children}} - - - ) + to, + alt, + image, + title, + description, + children, + className, + isRight, + isBottom = true +}) => { + const isImageURL = typeof image === "string" && image.includes("http") + return ( + + + {!isImageURL && {alt}} + {isImageURL && ( + {alt} + )} + + + {title} + {description} + {children && {children}} + + + ) } export default ActionCard