Merge pull request #99 from back4app/fix-learn-more-link

Change learn more link

Author: paivaric

src/components/B4ACodeTree/B4ACodeTree.react.js

@@ -9,11 +9,19 @@ import B4ATreeActions   from 'components/B4ACodeTree/B4ATreeActions';
 import 'jstree/dist/themes/default/style.css'
 import 'components/B4ACodeTree/B4AJsTree.css'
 
-const cloudFolderPlaceholder = "// The first deployed file must be named main.js and must be placed on the root of the cloud folder.\n" +
+const getCloudFolderPlaceholder = (appId, restKey) => "// The first deployed file must be named main.js and must be placed on the root of the cloud folder.\n" +
   "// The example below shows you how a cloud code function looks like.\n\n" +
   "/*\n* Parse.Cloud.define(\"hello\", function(request, response){\n" +
   "* \tresponse.success(\"Hello world!\");\n" +
-  "* });\n*/\n" +
+  "* });\n*/\n\n" +
+  "// To see it working, you only need to call it through SDK or REST API.\n" +
+  "// Here is how you have to call it via REST API:\n" +
+  "\n/*\n* curl -X POST \\\n" +
+  `* -H \"X-Parse-Application-Id: ${appId}\" \\\n` +
+  `* -H \"X-Parse-REST-API-Key: ${restKey}\" \\\n` +
+  "* -H \"Content-Type: application/json\" \\\n" +
+  "* -d \"{}\" \\\n" +
+  `* ${b4aSettings.PARSE_API_URL}/functions/hello\n*/\n` +
   "\n// If you have set a function in another cloud code file, called \"test.js\" (for example)\n" +
   "// you need to refer it in your main.js, as you can see below:\n" +
   "\n/* require(\"./test.js\"); */"
@@ -22,10 +30,19 @@ const publicFolderPlaceholder = "// Public folder can be used to deploy public s
   "\n" +
   "// You have to setup a custom domain or subdomain at Back4App to access the public static content"
 
+let cloudFolderPlaceholder
+
 export default class B4ACodeTree extends React.Component {
   constructor(props){
     super(props);
 
+    // get appId and restKey from props
+    this.appId = this.props.currentApp && this.props.currentApp.applicationId || '<YOUR_APP_ID_HERE>'
+    this.restKey = this.props.currentApp && this.props.currentApp.restKey || '<YOUR_REST_KEY_HERE>'
+
+    // set a cloudCodePlaceholder with the app's data
+    cloudFolderPlaceholder = getCloudFolderPlaceholder(this.appId, this.restKey)
+
     this.state = {
       selectedFile: '',
       extension: '',

src/dashboard/Data/CloudCode/B4ACloudCode.react.js

@@ -217,7 +217,7 @@ class B4ACloudCode extends CloudCode {
         <Button
           value='LEARN MORE'
           primary={true}
-          onClick={() => window.open('https://docs.parseplatform.org/cloudcode/guide/', '_blank')} />
+          onClick={() => window.open('https://back4app.com/docs/platform/get-started/cloud-functions', '_blank')} />
       </div>
 
       alertWhatIs = <B4AAlert
@@ -232,7 +232,11 @@ class B4ACloudCode extends CloudCode {
         title="Back4App Tips"
         description={alertTipsMessage} />
 
-      content = <B4ACodeTree files={this.state.files} parentState={this.setState.bind(this)} />
+      content = <B4ACodeTree
+        files={this.state.files}
+        parentState={this.setState.bind(this)}
+        currentApp={this.context.currentApp}
+      />
 
       footer = <div className={`${styles.row} ${styles.footer}`}>
         <Button