Fix logos

Author: Ives van Hoorne

src/app/components/NowLogo.js

@@ -0,0 +1,64 @@
+import React from 'react';
+import IconBase from 'react-icons/IconBase';
+
+export default ({
+  className,
+  backgroundColor,
+}: {
+  className: string,
+  backgroundColor: boolean,
+}) => (
+  <IconBase className={className} viewBox="0 0 128 116">
+    <g id="Page-1" stroke="none" strokeWidth={1} fill="none" fillRule="evenodd">
+      <g
+        id="Artboard"
+        transform="translate(-207.000000, -165.000000)"
+        stroke="#FFFFFF"
+      >
+        <g id="Now" transform="translate(213.000000, 172.000000)">
+          <polygon
+            id="Shape"
+            strokeWidth="6.5625"
+            fill={backgroundColor || 'none'}
+            points="57.9945629 0.153039832 115.989126 104.991614 0 104.991614"
+          />
+          <path
+            d="M110.776596,103.653846 L56.0106384,4.03846154"
+            id="Shape"
+            strokeWidth="5.83333333"
+          />
+          <path
+            d="M113.265957,103.653846 L58.5,4.03846154"
+            id="Shape"
+            strokeWidth="5.83333333"
+          />
+          <path
+            d="M108.287234,103.653846 L56.0106384,6.73076923"
+            id="Shape"
+            strokeWidth="5.83333333"
+          />
+          <path
+            d="M105.797872,103.653846 L56.0106384,9.42307692"
+            id="Shape"
+            strokeWidth="5.83333333"
+          />
+          <path
+            d="M53.5212766,9.42307692 L108.287234,103.653846"
+            id="Shape"
+            strokeWidth="5.83333333"
+          />
+          <path
+            d="M103.30851,103.653846 L53.5212766,12.1153846"
+            id="Shape"
+            strokeWidth="5.83333333"
+          />
+          <path
+            d="M93.351064,82.1153845 L73.4361703,47.1153847"
+            id="Shape"
+            strokeWidth="5.83333333"
+          />
+        </g>
+      </g>
+    </g>
+  </IconBase>
+);

src/app/containers/Deployment/index.js

@@ -12,7 +12,7 @@ import ZeitIntegration from 'app/containers/integrations/Zeit';
 import Button from 'app/components/buttons/Button';
 import Centered from 'app/components/flex/Centered';
 import Margin from 'app/components/spacing/Margin';
-import ZeitLogo from 'app/components/ZeitLogo';
+import NowLogo from 'app/components/NowLogo';
 
 import delayInEffect from 'app/utils/animation/delay-effect';
 import delayOutEffect from 'app/utils/animation/delay-out-effect';
@@ -94,7 +94,7 @@ const DeployAnimationContainer = styled.div`
   ${({ deploying }) => deploying && delayInEffect(0, false)};
 `;
 
-const StyledZeitLogo = styled(ZeitLogo)`
+const StyledNowLogo = styled(NowLogo)`
   position: absolute;
   font-size: 4rem;
   transform: translateY(10px) translateX(80px);
@@ -225,7 +225,7 @@ class Deploy extends React.PureComponent<Props, State> {
                   {[0, 1, 2, 3].map(i => (
                     <StyledCube key={i} i={i} size={20} />
                   ))}
-                  <StyledZeitLogo />
+                  <StyledNowLogo backgroundColor="#24282A" />
                 </DeployAnimationContainer>
               </Margin>
             )}

src/app/pages/Sandbox/Editor/Content/Header/index.js

@@ -9,7 +9,7 @@ import Download from 'react-icons/lib/go/cloud-download';
 import PlusIcon from 'react-icons/lib/go/plus';
 import GithubIcon from 'react-icons/lib/go/mark-github';
 import ChevronLeft from 'react-icons/lib/md/chevron-left';
-import ZeitIcon from 'app/components/ZeitLogo';
+import NowIcon from 'app/components/NowLogo';
 import HeartIcon from 'react-icons/lib/fa/heart-o';
 import FullHeartIcon from 'react-icons/lib/fa/heart';
 import TwitterIcon from 'react-icons/lib/fa/twitter';
@@ -229,10 +229,11 @@ export default class Header extends React.PureComponent<Props> {
             Icon={Save}
           />
           <Action title="Download" Icon={Download} onClick={this.zipSandbox} />
-          {sandbox.owned && (
+          {user.jwt &&
+          sandbox.owned && (
             <Action
               title="Deploy"
-              Icon={ZeitIcon}
+              Icon={NowIcon}
               onClick={this.deploySandbox}
             />
           )}