Files
commerce/src/components/common/CardBlog/CardBlog.tsx
Quangnhankie dd31beb260 fix code
2021-10-18 22:54:55 +07:00

37 lines
979 B
TypeScript

import Link from 'next/link'
import React from 'react'
import { ROUTE } from 'src/utils/constanst.utils'
import { BlogProps } from 'src/utils/types.utils'
import { ImgWithLink } from '..'
import s from './CardBlog.module.scss'
export interface BlogCardProps extends BlogProps {
isPublish?:Boolean,
isFeatured?:Boolean,
authorAvatarAsset?:string,
authorName?:string,
createdAt?:string
}
const CardBlog = ({ imageSrc, title, description, slug }: BlogCardProps) => {
return (
<div className={s.cardBlogWarpper}>
<Link href={`${ROUTE.BLOG_DETAIL}/${slug}`}>
<a>
<div className={s.image}>
<ImgWithLink src={imageSrc ?? ''} alt="image cardblog" />
</div>
</a>
</Link>
<Link href={`${ROUTE.BLOG_DETAIL}/${slug}`}>
<a>
<div className={s.title}>{title}</div>
</a>
</Link>
<div className={s.description}>{description}</div>
</div>
)
}
export default CardBlog