AzureSsoCard.jsx

Go to the documentation of this file.

import React from 'react';
 
function AzureSsoCard({ onStart, loading, status, user, selectedTenantId }) {
  return (
    <div className="config-card">
      <h3>Azure AD SSO Integration</h3>
      <p>Enable Single Sign-On for your tenant using Azure Active Directory.</p>
      <button onClick={onStart} disabled={loading || !selectedTenantId} className="btn-primary">
        {loading ? 'Connecting...' : 'Setup Azure AD SSO'}
      </button>
      {status && (
        <div className={`status-message ${status.startsWith('Azure') ? 'error' : 'success'}`}>
          {status}
        </div>
      )}
      {user && (
        <div className="current-config">
          <b>Logged in as:</b> {user.email}
        </div>
      )}
    </div>
  );
}
 
export default AzureSsoCard;