From f5c63dddad4ed6c10ad34be26ac7069b42cd0d9d Mon Sep 17 00:00:00 2001
From: catarak <ctarakajian@gmail.com>
Date: Wed, 17 Aug 2016 19:00:05 -0400
Subject: [PATCH] change nav if user is logged in, if project is saved

---
 client/components/Nav.js | 68 +++++++++++++++++++++++++++-------------
 1 file changed, 46 insertions(+), 22 deletions(-)

diff --git a/client/components/Nav.js b/client/components/Nav.js
index 1e1e2ee5..cdf3cccb 100644
--- a/client/components/Nav.js
+++ b/client/components/Nav.js
@@ -21,28 +21,52 @@ function Nav(props) {
             Save
           </a>
         </li>
-        <li className="nav__item">
-          <a className="nav__clone" onClick={props.cloneProject}>
-            Duplicate
-          </a>
-        </li>
-        <li className="nav__item">
-          <a className="nav__export" onClick={props.exportProjectAsZip}>
-            Download
-          </a>
-        </li>
-        <li className="nav__item">
-          <Link to={`/full/${props.project.id}`} target="_blank">
-            Fullscreen
-          </Link>
-        </li>
-        <li className="nav__item">
-          <p className="nav__open">
-            <Link to="/sketches">
-              Open
-            </Link>
-          </p>
-        </li>
+        {(() => { // eslint-disable-line
+          if (props.project.id) {
+            return (
+              <li className="nav__item">
+                <a className="nav__clone" onClick={props.cloneProject}>
+                  Duplicate
+                </a>
+              </li>
+            );
+          }
+        })()}
+        {(() => { // eslint-disable-line
+          if (props.project.id) {
+            return (
+              <li className="nav__item">
+                <a className="nav__export" onClick={props.exportProjectAsZip}>
+                  Download
+                </a>
+              </li>
+            );
+          }
+        })()}
+        {(() => { // eslint-disable-line
+          if (props.project.id) {
+            return (
+              <li className="nav__item">
+                <Link to={`/full/${props.project.id}`} target="_blank">
+                  Fullscreen
+                </Link>
+              </li>
+            );
+          }
+        })()}
+        {(() => { // eslint-disable-line
+          if (props.user.authenticated) {
+            return (
+              <li className="nav__item">
+                <p className="nav__open">
+                  <Link to="/sketches">
+                    Open
+                  </Link>
+                </p>
+              </li>
+            );
+          }
+        })()}
       </ul>
       <ul className="nav__items-right" title="user-menu">
         <li className="nav__item">