diff --git a/bloglist_frontend/src/components/LogoutForm.js b/bloglist_frontend/src/components/LogoutForm.js
new file mode 100644
index 0000000000000000000000000000000000000000..7035f34f43e9af7bfbfea0b91e120f31262adab4
--- /dev/null
+++ b/bloglist_frontend/src/components/LogoutForm.js
@@ -0,0 +1,17 @@
+const LogoutForm = ({
+    handleLogout,
+    user,
+
+}) => {
+    return (
+        <div>
+        <form onSubmit={handleLogout}>
+            <p>
+            {user.name} logged in
+            <button type="submit">logout</button>
+            </p>
+        </form>      
+        </div> 
+    )
+}
+export default LogoutForm
\ No newline at end of file