26 lines
911 B
JavaScript
26 lines
911 B
JavaScript
import formatDate from 'date-fns/format';
|
|
|
|
import { Author, AuthorImage, AuthorName, BlockLink, BlockMeta, BlockSubtitle, BlockTitle, PublishDate } from './style';
|
|
import { findByUsername } from 'lib/author';
|
|
|
|
const FeaturedGuide = ({ guide }) => {
|
|
const author = findByUsername(guide.author) || {};
|
|
return (
|
|
<div className='col-xl-4 col-lg-6 col-md-6 col-sm-12 col-12 grid-item-container'>
|
|
<BlockLink href={guide.url}>
|
|
<BlockTitle>{guide.title}</BlockTitle>
|
|
<BlockSubtitle>{guide.featuredDescription || guide.description}</BlockSubtitle>
|
|
<BlockMeta>
|
|
<Author>
|
|
<AuthorImage src={author.picture} />
|
|
<AuthorName>{author.name}</AuthorName>
|
|
</Author>
|
|
<PublishDate>{formatDate(new Date(guide.createdAt), 'MMMM d, yyyy')}</PublishDate>
|
|
</BlockMeta>
|
|
</BlockLink>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default FeaturedGuide;
|