ExchangeCard.jsx

Go to the documentation of this file.

import React from 'react';
 
function ExchangeCard({ email, status, loading, onLogin, tenantEmail }) {
  return (
    <div className="config-card">
      <h3>Exchange / Office 365 Email Integration</h3>
      <p>Connect your tenant's email account to enable ticketing and customer responses via Exchange/Office 365.</p>
      <div className="form-row">
        <input
          type="email"
          placeholder="Tenant email address"
          value={email}
          onChange={e => onLogin.setEmail(e.target.value)}
          style={{ width: '80%' }}
        />
        <button onClick={onLogin.login} disabled={!email || loading} className="btn-primary">
          {loading ? 'Connecting...' : 'Connect'}
        </button>
      </div>
      {status && (
        <div className={`status-message ${status.startsWith('Connected') ? 'success' : 'error'}`}>
          {status}
        </div>
      )}
      {tenantEmail && (
        <div className="current-config">
          <b>Current tenant email:</b> {tenantEmail}
        </div>
      )}
    </div>
  );
}
 
export default ExchangeCard;