old_contents: import React from 'react';
  import { Mutation } from 'react-apollo';
  import gql from 'graphql-tag';
  import ReactSelect from 'react-select';
  import Button from 'components/Button';
  import { bp, color, fontSize } from 'lib/variables';
  
  const taskDrushCron = gql`
    mutation taskDrushCron(
      $environment: Int!
    ) {
      taskDrushCron(
        environment: $environment
      ) {
        id
        name
        status
        created
        started
        completed
        remoteId
        command
        service
      }
    }
  `;
  
  const DrushCron = ({
    pageEnvironment,
    onCompleted,
    onError,
  }) => (
    <Mutation
      mutation={taskDrushCron}
      onCompleted={onCompleted}
      onError={onError}
    >
      {(taskDrushCron, { loading, called, error, data }) => {
        return (
          <React.Fragment>
            <div className="envSelect">
              <label id="dest-env">Environment:</label>
              <ReactSelect
                aria-labelledby="dest-env"
                name="dest-environment"
                value={{
                  label: pageEnvironment.name,
                  value: pageEnvironment.id
                }}
                options={[
                  {
                    label: pageEnvironment.name,
                    value: pageEnvironment.id
                  }
                ]}
                isDisabled
                required
              />
            </div>
            <Button action={taskDrushCron}>Add task</Button>
            <style jsx>{`
              .envSelect {
                margin: 10px 0;
              }
            `}</style>
          </React.Fragment>
        );
      }}
    </Mutation>
  );
  
  export default DrushCron;
  
new_contents: import React from 'react';
  import { Mutation } from 'react-apollo';
  import gql from 'graphql-tag';
  import ReactSelect from 'react-select';
  import Button from 'components/Button';
  import { bp, color, fontSize } from 'lib/variables';
  
  const taskDrushCron = gql`
    mutation taskDrushCron($environment: Int!) {
      taskDrushCron(environment: $environment) {
        id
        name
        status
        created
        started
        completed
        remoteId
        command
        service
      }
    }
  `;
  
  const DrushCron = ({ pageEnvironment, onCompleted, onError }) => (
    <Mutation
      mutation={taskDrushCron}
      onCompleted={onCompleted}
      onError={onError}
      variables={{
        environment: pageEnvironment.id
      }}
    >
      {(taskDrushCron, { loading, called, error, data }) => {
        return (
          <React.Fragment>
            <div className="envSelect">
              <label id="dest-env">Environment:</label>
              <ReactSelect
                aria-labelledby="dest-env"
                name="dest-environment"
                value={{
                  label: pageEnvironment.name,
                  value: pageEnvironment.id
                }}
                options={[
                  {
                    label: pageEnvironment.name,
                    value: pageEnvironment.id
                  }
                ]}
                isDisabled
                required
              />
            </div>
            <Button action={taskDrushCron}>Add task</Button>
            <style jsx>{`
              .envSelect {
                margin: 10px 0;
              }
            `}</style>
          </React.Fragment>
        );
      }}
    </Mutation>
  );
  
  export default DrushCron;
  
subject: Update convention and add variables to core-cron task.