PostCard PostCard.tsx

20% Statements 5/25

100% Branches 0/0

0% Functions 0/1

20% Lines 5/25

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37 1x
1x
1x
1x
1x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import React from "react"
import { FullPost } from "../../clientUtils/owidTypes"
import { formatAuthors, formatDate } from "../formatting"
 
const PostCard = ({ post }: { post: FullPost }) => {
    return (
        <article className="post-card">
            <a href={`/${post.path}`}>
                {post.imageUrl && (
                    <div
                        className="cover-image"
                        style={{
                            backgroundImage: `url(${post.imageUrl})`,
                        }}
                    />
                )}
                <div className="content">
                    <div>
                        <h3>{post.title}</h3>
                        {post.excerpt && (
                            <div className="excerpt">{post.excerpt}</div>
                        )}
                    </div>
                    <div className="entry-meta">
                        <span className="authors">{`By ${formatAuthors(
                            post.authors
                        )}`}</span>{" "}
                        &mdash; <time>{formatDate(post.date)}</time>
                    </div>
                </div>
            </a>
        </article>
    )
}
 
export default PostCard