diff --git a/src/models/Post.ts b/src/models/Post.ts index 9365151..ffec024 100644 --- a/src/models/Post.ts +++ b/src/models/Post.ts @@ -1,13 +1,37 @@ import Comment from '../types/Comment'; interface Post { - userID: string; + // userID: string; name: string; text: string; picture: string; - likes: string[]; + // likes: string[]; comments: Comment[]; - date: Date; + // date: Date; } +export const dummyPost: Post = { + picture: + 'https://www.gravatar.com/avatar/205e460b479e2e5b48aec07710c08d50?s=200', + name: 'John Doe', + text: + 'Lorem ipsum dolor sit amet consectetur adipisicing elit. Sint possimus corporis sunt necessitatibus! Minus nesciunt soluta suscipit nobis. Amet accusamus distinctio cupiditate blanditiis dolor? Illo perferendis eveniet cum cupiditate aliquam?', + comments: [ + { + picture: + 'https://www.gravatar.com/avatar/205e460b479e2e5b48aec07710c08d50?s=200', + name: 'John Doe', + text: + 'Lorem ipsum dolor sit amet consectetur adipisicing elit. Sintpossimus corporis sunt necessitatibus! Minus nesciunt solutasuscipit nobis. Amet accusamus distinctio cupiditate blanditiis dolor? Illo perferendis eveniet cum cupiditate aliquam?', + }, + { + picture: + 'https://www.gravatar.com/avatar/205e460b479e2e5b48aec07710c08d50?s=200', + name: 'Ruidy Nemo', + text: + 'Lorem ipsum dolor sit amet consectetur adipisicing elit. Sintpossimus corporis sunt necessitatibus! Minus nesciunt solutasuscipit nobis. Amet accusamus distinctio cupiditate blanditiis dolor? Illo perferendis eveniet cum cupiditate aliquam?', + }, + ], +}; + export default Post; diff --git a/src/pages/EditProfile.tsx b/src/pages/EditProfile.tsx index b84c6fc..94fd1a9 100644 --- a/src/pages/EditProfile.tsx +++ b/src/pages/EditProfile.tsx @@ -1,5 +1,4 @@ import React, {FC} from 'react'; -import Header from '../components/Header'; import {FontAwesomeIcon} from '@fortawesome/react-fontawesome'; import { faTwitter, diff --git a/src/pages/Post.tsx b/src/pages/Post.tsx index c2f4895..1238377 100644 --- a/src/pages/Post.tsx +++ b/src/pages/Post.tsx @@ -1,28 +1,22 @@ import React, {FC} from 'react'; +import Post, {dummyPost as post} from '../models/Post'; +import Comment from '../types/Comment'; -const Post: FC = () => ( +const PostPage: FC = () => (
Back To Posts +
- -

John Doe

+ {post.name} +

{post.name}

-

- Lorem ipsum dolor sit amet consectetur adipisicing elit. Sint possimus - corporis sunt necessitatibus! Minus nesciunt soluta suscipit nobis. - Amet accusamus distinctio cupiditate blanditiis dolor? Illo - perferendis eveniet cum cupiditate aliquam? -

+

{post.text}

@@ -42,49 +36,21 @@ const Post: FC = () => (
-
-
- - -

John Doe

-
+ {post.comments.map((c: Comment, i: number) => ( +
+ +
+

{c.text}

+
-
-

- Lorem ipsum dolor sit amet consectetur adipisicing elit. Sint - possimus corporis sunt necessitatibus! Minus nesciunt soluta - suscipit nobis. Amet accusamus distinctio cupiditate blanditiis - dolor? Illo perferendis eveniet cum cupiditate aliquam? -

-
-
- -
- -
-

- Lorem ipsum dolor sit amet consectetur adipisicing elit. Sint - possimus corporis sunt necessitatibus! Minus nesciunt soluta - suscipit nobis. Amet accusamus distinctio cupiditate blanditiis - dolor? Illo perferendis eveniet cum cupiditate aliquam? -

-
-
+ ))}
); -export default Post; +export default PostPage; diff --git a/src/types/Comment.ts b/src/types/Comment.ts index 4a97013..e627d7b 100644 --- a/src/types/Comment.ts +++ b/src/types/Comment.ts @@ -1,9 +1,9 @@ interface Comment { - userID: string; + // userID: string; text: string; name: string; - avatar: string; - date: Date; + picture: string; + // date: Date; } export default Comment;