Add working save button

bqqbarbhg · Oct 17, 2021 · 5d4277e · 5d4277e
1 parent a43d4cd
commit 5d4277e
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 8 deletions.
diff --git a/client/src/components/header/Header.tsx b/client/src/components/header/Header.tsx
@@ -8,25 +8,30 @@ import * as api from '../../api'
 const css = classNames.bind(styles)
 
 const Menu = () => {
+  const savePatch = async () => {
+    const res = await api.saveNewPatch(patch)
+
+    history.pushState({}, '', `/patch/${res.id}`)
+  }
+
   return (
     <div className={css('menu')}>
-      <div className={css('item')}>Save patch</div>
+      {state.user && (
+        <button className={css('item')} onClick={savePatch}>
+          Save patch
+        </button>
+      )}
+      {/*
       <div className={css('item')}>New patch</div>
       <div className={css('item')}>My patches</div>
       <div className={css('item')}>Browse all patches</div>
+      */}
     </div>
   )
 }
 
 const Header = () => {
   const headerState = useState({ isMenuOpen: false })
-
-  const savePatch = async () => {
-    const res = await api.saveNewPatch(patch)
-
-    history.pushState({}, '', `/patch/${res.id}`)
-  }
-
   const openMenu = () => {}
 
   const patchAuthor =

diff --git a/client/src/components/header/header.css b/client/src/components/header/header.css
@@ -39,6 +39,7 @@
   flex-direction: column;
   position: absolute;
   box-shadow: var(--box-shadow);
+  width: 200px;
 }
 
 .menu::after {
@@ -55,3 +56,7 @@
 .menu .item {
   margin-bottom: 10px;
 }
+
+.menu .item:last-child {
+  margin-bottom: 0;
+}