Fix onClick={cond && func} (codesandbox#211)

Author: lbogdan

src/app/components/sandbox/CodeEditor/Monaco.js

@@ -872,7 +872,7 @@ export default class CodeEditor extends React.Component<Props, State> {
     return (
       <Container>
         <Header
-          saveComponent={canSave && !onlyViewMode && this.handleSaveCode}
+          saveComponent={canSave && !onlyViewMode ? this.handleSaveCode : null}
           prettify={!onlyViewMode && this.prettify}
           path={modulePath}
         />

src/app/components/sandbox/Preview/index.js

@@ -347,9 +347,9 @@ export default class Preview extends React.PureComponent<Props, State> {
             url={decodeURIComponent(url)}
             onChange={this.updateUrl}
             onConfirm={this.sendUrl}
-            onBack={historyPosition > 1 && this.handleBack}
+            onBack={historyPosition > 1 ? this.handleBack : null}
             onForward={
-              historyPosition < history.length - 1 && this.handleForward
+              historyPosition < history.length - 1 ? this.handleForward : null
             }
             onRefresh={this.handleRefresh}
             isProjectView={isInProjectView}

src/app/containers/LikeHeart/LikeHeart.js

@@ -61,10 +61,10 @@ export default class LikeHeart extends React.PureComponent {
           {isLiked ? (
             <FullHeartIcon
               style={!colorless && { color: '#E01F4E' }}
-              onClick={loggedIn && this.unlikeSandbox}
+              onClick={loggedIn ? this.unlikeSandbox : null}
             />
           ) : (
-            <HeartIcon onClick={loggedIn && this.likeSandbox} />
+            <HeartIcon onClick={loggedIn ? this.likeSandbox : null} />
           )}
         </MaybeTooltip>
       </Container>

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

@@ -221,20 +221,20 @@ export default class Header extends React.PureComponent<Props> {
             ))}
           <Action onClick={this.forkSandbox} title="Fork" Icon={Fork} />
           <Action
-            onClick={canSave && this.massUpdateModules}
+            onClick={canSave ? this.massUpdateModules : null}
             placeholder={canSave ? false : 'All modules are saved'}
             title="Save"
             Icon={Save}
           />
           <Action title="Download" Icon={Download} onClick={this.zipSandbox} />
           {user.jwt &&
-          sandbox.owned && (
-            <Action
-              title="Deploy"
-              Icon={NowIcon}
-              onClick={this.deploySandbox}
-            />
-          )}
+            sandbox.owned && (
+              <Action
+                title="Deploy"
+                Icon={NowIcon}
+                onClick={this.deploySandbox}
+              />
+            )}
           <ShareView sandbox={sandbox} />
         </Left>