chore: UI improvements

This commit is contained in:
Meet
2024-09-19 01:23:24 +05:30
parent a02e73e2a4
commit 760f9d487c
2 changed files with 20 additions and 13 deletions
@@ -7,6 +7,8 @@ type Props = {
onCancel: () => void; onCancel: () => void;
}; };
const MSFT_ENTRA_ID_APPLICATION_ID = "9805c35f-88d4-4625-9daf-66f741e4129c"
export const AzureEntraIdSetup = ({ export const AzureEntraIdSetup = ({
onCompleted, onCompleted,
onCancel, onCancel,
@@ -52,7 +54,7 @@ export const AzureEntraIdSetup = ({
</div> </div>
</div> </div>
<div className="mt-4 flex items-center space-x-4"> <div className="mt-4 flex items-center space-x-4">
<a href={`https://login.microsoftonline.com/common/adminconsent?client_id=9805c35f-88d4-4625-9daf-66f741e4129c&redirect_uri=${window.location.origin}/integrations/azure-entra-id/callback`} target="_blank" rel="noreferrer"> <a href={`https://login.microsoftonline.com/common/adminconsent?client_id=${MSFT_ENTRA_ID_APPLICATION_ID}&redirect_uri=${window.location.origin}/integrations/azure-entra-id/callback`} target="_blank" rel="noreferrer">
<Button type="submit"> <Button type="submit">
Install App Install App
</Button> </Button>
@@ -25,29 +25,34 @@ export const AzureEntraIdCallbackPage = () => {
/> />
</Link> </Link>
</div> </div>
<h1 className="bg-gradient-to-b from-white to-bunker-200 bg-clip-text text-center text-4xl font-medium text-transparent">
Installed Entra Id App successfully
</h1>
</div> </div>
<div className="m-auto my-8 flex w-full"> <div className="m-auto my-8 flex w-full" />
<div className="w-full border-t border-mineshaft-600" /> <div className="m-auto mb-2 flex w-full flex-col rounded-md border bg-white/[0.05] border-white-500/30 p-6 pt-5">
</div>
<div className="m-auto flex w-full flex-col rounded-md border border-primary-500/30 bg-primary/5 p-6 pt-5">
<div className="flex flex-col items-start sm:flex-row sm:items-center"> <div className="flex flex-col items-start sm:flex-row sm:items-center">
<p className="md:text-md text-md mr-4"> <p className="md:text-md text-md mr-4 w-full">
<p
className="text-bold text-white bg-clip-text text-transparent"
>
Copy Tenant ID add and paste it in the dynamic secret configuration.
</p>{" "}
</p>
</div>
</div>
<div className="m-auto flex w-full flex-col rounded-md border border-primary-500/30 bg-primary/5 p-6 pt-5">
<div className="flex flex-col items-start sm:flex-row sm:items-center">
<p className="md:text-md text-md mr-4 w-full">
<p <p
className="text-bold bg-gradient-to-tr from-yellow-500 to-primary-500 bg-clip-text text-transparent" className="text-bold bg-gradient-to-tr from-yellow-500 to-primary-500 bg-clip-text text-transparent"
> >
Tenant ID Tenant ID
</p>{" "} </p>{" "}
<br /> <br />
<div className="mr-2 flex items-center justify-end rounded-md bg-white/[0.05] p-2 text-base text-gray-400"> <div className="w-full mr-2 flex items-center rounded-md bg-white/[0.05] p-2 text-base text-gray-400">
<p className="mr-4 break-all">{router.query.tenant}</p> <p className="mr-4 break-all text-left">{router.query.tenant}</p>
<IconButton <IconButton
ariaLabel="copy icon" ariaLabel="copy icon"
colorSchema="secondary" colorSchema="secondary"
className="group relative ml-2" className="group relative ml-auto"
onClick={() => { onClick={() => {
if (typeof router.query.tenant === "string") { if (typeof router.query.tenant === "string") {
navigator.clipboard.writeText(router.query.tenant); navigator.clipboard.writeText(router.query.tenant);