My Apps
{user ? (
<>
User Object
{Object.entries(user).map(([key, value]) => ( <p key={key}> <strong>{key}:</strong> {typeof value === 'object' ? JSON.stringify(value) : String(value)} </p> ))}
</>
) : (
No user data available.
)}
{user.sub != 'undefined' ? (
<>
Apps
{Array.isArray(user.apps) && user.apps.length ? (
<>
{user.apps.map((app, index) => (
<Callout theme="info" icon="fa-info-circle">
<div key={index}>
<p>Name: {app.name}</p>
<p>Client ID: {app.client_id}</p>
</div>
</Callout>
))}
</>
) : (
<Callout theme="warning" icon="fa-info-circle">
No apps found.
</Callout>
)}
</>
) : (
Please login first
)}