From e429e35c477aaab11b248dff1d97e1b7b06c262e Mon Sep 17 00:00:00 2001
From: Viivi Nevalainen <2633-vmneva@users.noreply.gitlab.utu.fi>
Date: Sat, 29 Apr 2023 09:07:08 +0000
Subject: [PATCH] Upload New File
---
bloglist_frontend/src/Blog.js | 41 +++++++++++++++++++++++++++++++++++
1 file changed, 41 insertions(+)
create mode 100644 bloglist_frontend/src/Blog.js
diff --git a/bloglist_frontend/src/Blog.js b/bloglist_frontend/src/Blog.js
new file mode 100644
index 0000000..f114378
--- /dev/null
+++ b/bloglist_frontend/src/Blog.js
@@ -0,0 +1,41 @@
+import '../index.css'
+import PropTypes from 'prop-types'
+
+const Blog = ({
+ blog,
+ addLike,
+ deleteBlog,
+ user
+ }) => {
+
+ Blog.propTypes = {
+ blog: PropTypes.object.isRequired,
+ user: PropTypes.object.isRequired,
+ }
+
+ const loggedUsername = user.valueOf().username;
+ const blogUser = blog.user
+
+ if (loggedUsername === blogUser.username) {
+ return (
+ <div className="div1">
+ {blog.title} by {blog.author}
+ <li>url: {blog.url}</li>
+ <li>likes: {blog.likes}<button onClick={addLike} className="button1">like</button></li>
+ <button onClick={deleteBlog} className="button2">remove</button>
+ </div>
+ )
+ }
+ else {
+ return (
+ <div className="div1">
+ {blog.title} by {blog.author}
+ <li>url: {blog.url}</li>
+ <li>likes: {blog.likes}<button onClick={addLike} className="button1">like</button></li>
+ </div>
+ )
+ }
+
+}
+
+export default Blog
--
GitLab