openclaw - 💡(How to fix) Fix Dashboard: No Stop button when message is queued [1 comments, 2 participants]

// MessageSender.js
import React, { useState, useEffect } from 'react';

const MessageSender = () => {
  const [messageState, setMessageState] = useState('idle');

  useEffect(() => {
    // Update messageState when the message is sent
    const handleMessageSend = (state) => {
      setMessageState(state);
    };
    // ...
  }, []);

  return (
    <div>
      {messageState === 'queued' || messageState === 'running' ? (
        <button onClick={() => handleCancelMessage()}>Stop</button>
      ) : null}
      {/* ... */}
    </div>
  );
};

// MessageSender.js
const handleCancelMessage = () => {
  // API call to cancel the message
  fetch('/api/cancel-message', {
    method: 'POST',
    headers: { 'Content-Type': 'application/json' },
    body: JSON.stringify({ messageId: messageId }),
  })
    .then((response) => response.json())
    .then((data) => {
      // Update messageState to 'cancelled'
      setMessageState('cancelled');
    })
    .catch((error) => console.error(error));
};