diff --git a/source/src/components/PostCard.tsx b/source/src/components/PostCard.tsx index d9ab73e..30fe30e 100644 --- a/source/src/components/PostCard.tsx +++ b/source/src/components/PostCard.tsx @@ -45,48 +45,49 @@ const StyledMetaContainer = styled.small` })}; ` -interface _PostDateBase extends PostData { +interface PostCardData extends PostData { url: string } interface Props { - postData: _PostDateBase + postData: PostCardData } const PostCard = (props: Props) => { + const { postData } = props const navigate = useNavigate() return ( navigate(process.env.PUBLIC_URL + props.postData.url)} + onClick={() => navigate(process.env.PUBLIC_URL + postData.url)} > - {props.postData?.title || "No title"} + + {postData?.title || "No title"} + {/* show (series for regex matching "/series/") */} + {/\/series\/[^/]*$/.test(postData.url) && " (series)"} +
- {props.postData.tags && - props.postData.tags.map((tag) => { - return + {postData.tags && + postData.tags.map((tag) => { + return })}
    - {props.postData?.date || "Unknown date"} + {postData?.date || "Unknown date"}          - {props.postData?.readTime - ? props.postData.readTime + " read" - : "unknown length"} + {postData?.readTime ? postData.readTime + " read" : "unknown length"}          - {props.postData?.wordCount - ? props.postData.wordCount + " words" - : "unknown words"} + {postData?.wordCount ? postData.wordCount + " words" : "unknown words"}
)