My Apps

{user ? ( <> <h2>User Object</h2> <Callout theme="info" icon="fa-info-circle"> {Object.entries(user).map(([key, value]) => ( <p key={key}> <strong>{key}:</strong> {typeof value === 'object' ? JSON.stringify(value) : String(value)} </p> ))} </Callout> </> ) : ( <Callout theme="info" icon="fa-info-circle"> No user data available. </Callout> )}

{user.sub != 'undefined' ? ( <> <h2>Apps</h2> {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> )} </> ) : ( <Callout theme="warning" icon="fa-info-circle"> Please login first </Callout> )}