Notes

import React, { useEffect, useState } from 'react';
import { observer } from 'mobx-react';
import Header from '../components/Header';

const Validation = () => {
const [isAuthenticated, setIsAuthenticated] = useState(false);
const [loading, setLoading] = useState(true);

useEffect(() => {
// Function to handle SSO token verification
const verifySSOToken = async () => {
try {
// Perform the SSO token verification
const response = await fetch('https://idmsac-uat.corp.apple.com/finishSSOTokenVerify', {
method: 'POST', // or 'GET' depending on your API
credentials: 'include', // include credentials for authentication
});

if (response.ok) {
// If the response is successful, set authentication to true
setIsAuthenticated(true);
} else {
console.error('SSO token verification failed');
}
} catch (error) {
console.error('Error during SSO token verification', error);
} finally {
setLoading(false);
}
};

verifySSOToken();
}, []);

return (
<section>
<Header title="Validator" />
{loading ? (
<p>Loading...</p>
) : isAuthenticated ? (
<iframe
src="https://tools.dv01aws-store.ucp.apple.com/deltamakervalidator/partner-audit"
title="validator"
style={{ width: '100%', height: '770px', border: 'none' }}
/>
) : (
<p>Authentication failed. Please try again.</p>
)}
</section>
);
};

export default observer(Validation);