Change Patron input

Ives van Hoorne · Ives van Hoorne · commit 56428b7b081a · 2017-11-09T14:34:17.000+01:00
diff --git a/src/app/pages/Sandbox/Editor/Workspace/SandboxActions/index.js b/src/app/pages/Sandbox/Editor/Workspace/SandboxActions/index.js
@@ -7,6 +7,7 @@ import Button from 'app/components/buttons/Button';
 
 import modalActionCreators from 'app/store/modal/actions';
 import Alert from 'app/components/Alert';
+import Relative from 'app/components/Relative';
 
 import WorkspaceInputContainer from '../WorkspaceInputContainer';
 
@@ -24,6 +25,12 @@ const PrivacySelect = styled.select`
   box-sizing: border-box;
 `;
 
+const PatronMessage = styled.div`
+  margin: 0.5rem 1rem;
+  color: rgba(255, 255, 255, 0.6);
+  font-size: 0.875rem;
+`;
+
 const mapDispatchToProps = dispatch => ({
   modalActions: bindActionCreators(modalActionCreators, dispatch),
 });
@@ -83,21 +90,25 @@ class SandboxSettings extends React.PureComponent {
     const { isPatron, privacy } = this.props;
     return (
       <div>
+        <WorkspaceSubtitle>Sandbox Privacy</WorkspaceSubtitle>
+        {!isPatron && (
+          <PatronMessage>
+            Private and unlisted Sandboxes are available as a{' '}
+            <a href="/patron" target="_blank">
+              Patron
+            </a>.
+          </PatronMessage>
+        )}
         {isPatron && (
-          <div>
-            <WorkspaceSubtitle>Sandbox Privacy</WorkspaceSubtitle>
-            <WorkspaceInputContainer>
-              <PrivacySelect
-                value={privacy}
-                onChange={this.updateSandboxPrivacy}
-              >
-                <option value={0}>Public</option>
-                <option value={1}>Unlisted (only findable with url)</option>
-                <option value={2}>Private</option>
-              </PrivacySelect>
-            </WorkspaceInputContainer>
-          </div>
+          <WorkspaceInputContainer>
+            <PrivacySelect value={privacy} onChange={this.updateSandboxPrivacy}>
+              <option value={0}>Public</option>
+              <option value={1}>Unlisted (only findable with url)</option>
+              <option value={2}>Private</option>
+            </PrivacySelect>
+          </WorkspaceInputContainer>
         )}
+
         <WorkspaceSubtitle>Delete Sandbox</WorkspaceSubtitle>
         <WorkspaceInputContainer>
           <Button
diff --git a/src/app/store/api/actions.js b/src/app/store/api/actions.js
@@ -30,17 +30,17 @@ const getMessage = (error: Error & { response: ?Object }) => {
     sendError(error);
   }
 
-  if (response && response.data && response.data.errors) {
-    const errors = values(response.data.errors)[0];
-    if (Array.isArray(errors)) {
-      if (errors[0]) {
-        error.message = errors[0]; // eslint-disable-line no-param-reassign
+  if (response && response.data) {
+    if (response.data.errors) {
+      const errors = values(response.data.errors)[0];
+      if (Array.isArray(errors)) {
+        if (errors[0]) {
+          error.message = errors[0]; // eslint-disable-line no-param-reassign
+        }
+      } else {
+        error.message = errors; // eslint-disable-line no-param-reassign
       }
-    } else {
-      error.message = errors; // eslint-disable-line no-param-reassign
-    }
-
-    if (response.data.error) {
+    } else if (response.data.error) {
       error.message = response.data.error; // eslint-disable-line no-param-reassign
     }
   }
