Load task button only if folderUrl is set

plugins/cloudimport/public/TaskView.jsx

@@ -5,25 +5,13 @@ import GoToFolderButton from "./components/GoToFolderButton";
 
 export default class TaskView extends Component {
 	static propTypes = {
-		task: PropTypes.object.isRequired,
+		folderUrl: PropTypes.string.isRequired,
-		apiURL: PropTypes.string.isRequired,
+  }
-    }
-	
-	state = {
-		folderUrl: null,
-	};
-	
-	componentDidMount() {
-		$.getJSON(`${this.props.apiURL}/projects/${this.props.task.project}/tasks/${this.props.task.id}/checkforurl`)
-				.done(data => {
-					this.setState({folderUrl: data.folder_url});
-				})
-	}
 	
 	render() {
 		const {
 			folderUrl,
-		} = this.state;
+		} = this.props;
 		return (
 			<Fragment>
 				{folderUrl ?

plugins/cloudimport/templates/load_buttons.js

@@ -12,9 +12,17 @@ PluginsAPI.Dashboard.addNewTaskButton(
 PluginsAPI.Dashboard.addTaskActionButton(
 	["cloudimport/build/TaskView.js"],
 	function(args, ImportView) {
-        return React.createElement(ImportView, {
+		$.ajax({
-                task: args.task,
+			url: `{{ api_url }}/projects/${args.task.project}/tasks/${args.task.id}/checkforurl`,
-                apiURL: "{{ api_url }}",
+			dataType: 'json',
-        });
+			async: false,
+			success: function(data) {
+				if (data.folder_url) {
+					return React.createElement(ImportView, {
+						folderUrl: data.folder_url,
+					});
+				}
+			}
+		});
 	}
 );