Merge pull request #413 from MatissJanis/matiss/netlify-demo

feat: allow creating test budget in netlify deployments

packages/loot-design/src/components/manager/BudgetList.js

@@ -10,6 +10,10 @@ import CloudDownload from '../../svg/v1/CloudDownload';
 import DotsHorizontalTriple from '../../svg/v1/DotsHorizontalTriple';
 import FileDouble from '../../svg/v1/FileDouble';
 import CloudUnknown from '../../svg/v2/CloudUnknown';
+import {
+  isDevelopmentEnvironment,
+  isPreviewEnvironment
+} from '../../util/environment';
 import { View, Text, Modal, Button, Tooltip, Menu } from '../common';
 
 function getFileDescription(file) {
@@ -319,7 +323,7 @@ class BudgetList extends React.Component {
                 Create new file
               </Button>
 
-              {process.env.NODE_ENV === 'development' && (
+              {(isDevelopmentEnvironment() || isPreviewEnvironment()) && (
                 <Button
                   primary
                   onClick={() => this.onCreate({ testMode: true })}

packages/loot-design/src/util/environment.js

+export function isPreviewEnvironment() {
+  return String(process.env.REACT_APP_NETLIFY) === 'true';
+}
+
+export function isDevelopmentEnvironment() {
+  return process.env.NODE_ENV === 'development';
+}