Upload New File

bloglist_frontend/src/components/Blogs.js

+import Blog from './Blog'
+
+const Blogs = ({ blogs, addLike, deleteBlog, user }) => {
+    blogs.sort(function(a,b) {
+        return b.likes - a.likes
+    });
+
+    return (
+      <div>
+        {blogs.map(blog => 
+        <Blog 
+          key={blog.title} 
+          blog = {blog}
+          user = {user}
+          addLike={() => addLike(blog.id)}
+          deleteBlog={() => deleteBlog(blog.id)} />
+        )}
+      </div>
+    )
+  }
+  
+  export default Blogs
\ No newline at end of file