feat: list of permissions

This commit is contained in:
2025-06-07 19:50:51 +02:00
parent c13e564b01
commit 445ac50537

View File

@ -126,18 +126,21 @@ const AuthorizePage: FC = () => {
{/* <LogIn className="w-8 h-8 text-gray-700 mb-4" /> */} {/* <LogIn className="w-8 h-8 text-gray-700 mb-4" /> */}
<CardContent className="w-full space-y-4 text-sm"> <CardContent className="w-full space-y-4 text-sm">
<div className="flex flex-col gap-3 mb-8"> <div className="flex flex-col gap-3 mb-8">
<div className="flex flex-row items-center justify-between text-gray-600 dark:text-gray-400"> {(apiService?.scopes?.length ?? 0) > 0 &&
<div className="flex flex-row items-center gap-4"> apiService!.scopes.map((scope) => (
<div className="w-3 h-3 rounded-full bg-blue-500"></div> <div className="flex flex-row items-center justify-between text-gray-600 dark:text-gray-400">
<p>View your full name, email and profile image</p> <div className="flex flex-row items-center gap-4">
</div> <div className="w-3 h-3 rounded-full bg-blue-500"></div>
</div> <p>View your full name, email and profile image</p>
<div className="flex flex-row items-center justify-between text-gray-600 dark:text-gray-400"> <p>
<div className="flex flex-row items-center gap-4"> {scope === "openid" &&
<div className="w-3 h-3 rounded-full bg-blue-500"></div> "Access your account id and use it"}
<p>View your permission from "MDN" group</p> {scope === "email" && "View your email address"}
</div> {scope === "profile" && "View your profile image"}
</div> </p>
</div>
</div>
))}
</div> </div>
<div className="mb-10"> <div className="mb-10">