SplashtopCard.jsx

Go to the documentation of this file.

import React from 'react';
 
function SplashtopCard({ config, status, loading, onConfigure }) {
  return (
    <div className="config-card">
      <h3>Splashtop Integration</h3>
      <p>Remote desktop and support integration.</p>
      <button onClick={onConfigure} disabled={loading} className="btn-primary">
        {loading ? 'Saving...' : 'Configure Splashtop'}
      </button>
      {status && (
        <div className={`status-message ${status.startsWith('Connected') ? 'success' : 'error'}`}>
          {status}
        </div>
      )}
      {config && (
        <div className="current-config">
          <b>Current config:</b> {JSON.stringify(config)}
        </div>
      )}
    </div>
  );
}
 
export default SplashtopCard;