node-red-contrib-chatbot/src/components/select-queues/index.js

REDBot a Chat bot for a full featured chat bot for Telegram, Facebook Messenger and Slack. Almost no coding skills required

import React from 'react'
import _ from 'lodash';
import PropTypes from 'prop-types';
import { SelectPicker } from 'rsuite';
import gql from 'graphql-tag';
import { useQuery } from 'react-apollo';

const GET_QUEUES = gql`
query {
  queues {
    name,
    label
  }
}`;

const SelectQueues = ({ disabled = false, children, ...props }) => {
  const { loading, error: loadError, data } = useQuery(GET_QUEUES, { fetchPolicy: 'network-only' });

  return (
    <SelectPicker
      {...props}
      searchable={false}
      placeholder="Select queue"
      disabled={disabled || loading}
      cleanable={false}
      style={{ minWidth: '300px' }}
      renderValue={(value) => `Queue: ${value}`}
      data={(data?.queues ?? []).map(queue => ({ value: queue.name, label: queue.label }))}
    />
  );
};
SelectQueues.propTypes = {
  value: PropTypes.string,
  onChange: PropTypes.func,
  disabled: PropTypes.bool
};

export default SelectQueues;