pomp/pompy.dev
1
0
Fork 0
Code Issues 8 Pull requests Activity Actions

changed class componenets to functional components and cleaned code

Browse source
This commit is contained in:
Kim, Jimin 2021-12-14 22:43:30 +09:00
parent c631c16711
commit 49fd2b2900
8 changed files with 200 additions and 219 deletions
Download patch file Download diff file Expand all files Collapse all files

16
source/src/components/PostCard.tsx
View file

@ -1,10 +1,8 @@
import styled from "styled-components"
import { useNavigate } from "react-router-dom"
import theming from "../theming"
import { Post } from "../types/typings"
import Tag from "../components/Tag"
import TagList from "../components/TagList"
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"
import {
faBook,
@ -12,7 +10,10 @@ import {
faHourglass,
} from "@fortawesome/free-solid-svg-icons"
import { Post } from "../types/typings"
import Tag from "../components/Tag"
import TagList from "../components/TagList"
import theming from "../theming"
const StyledPostCard = styled.div`
box-shadow: 0 4px 10px rgb(0 0 0 / 10%);
@ -60,11 +61,12 @@ const StyledPostCardContent = styled.div`
interface _PostDateBase extends Post {
url: string
}
interface PostCardProps {
interface Props {
postData: _PostDateBase
}
export default function PostCard(props: PostCardProps) {
const PostCard = (props: Props) => {
const navigate = useNavigate()
return (
@ -120,3 +122,5 @@ export default function PostCard(props: PostCardProps) {
</StyledPostCard>
)
}
export default PostCard