improvement: revise project upgrade banner to refer to secret engine version, state that upgrading is free and use lighter text for improved legibility

This commit is contained in:
Scott Wilson
2024-09-23 12:36:10 -07:00
parent 3afcb19727
commit 8da01445e5
@@ -87,24 +87,23 @@ export const SecretV2MigrationSection = () => {
<Spinner size="lg" className="text-primary" /> <Spinner size="lg" className="text-primary" />
<div className="ml-4 flex flex-col space-y-1"> <div className="ml-4 flex flex-col space-y-1">
<div className="text-3xl font-medium">Please wait</div> <div className="text-3xl font-medium">Please wait</div>
<span className="inline-block">Upgrading your project...</span> <span className="inline-block">Upgrading secrets engine...</span>
</div> </div>
</div> </div>
)} )}
<div className="mb-4 flex items-start gap-2"> <div className="mb-4 flex items-start gap-2">
<FontAwesomeIcon icon={faWarning} size="xl" className="mt-1 text-primary" /> <FontAwesomeIcon icon={faWarning} size="xl" className="mt-1 text-primary" />
<p className="text-xl font-semibold"> <p className="text-xl font-semibold">Upgrade secrets engine version</p>
Upgrade your project
</p>
</div> </div>
<p className="mx-1 mb-4 leading-7 text-mineshaft-300"> <p className="mx-1 mb-4 leading-7 text-mineshaft-100">
Your existing workflows to fetch secrets will continue to work. However, viewing secrets on the UI requires you to upgrade your project. Your existing workflows to fetch secrets will continue to work. However, viewing secrets on
the UI requires you to upgrade your project&apos;s secrets engine version.
</p> </p>
<p className="mx-1 mb-4 leading-7 text-mineshaft-300"> <p className="mx-1 mb-4 leading-7 text-mineshaft-100">
Upgrading your project enables the use of Infisical&apos;s new secrets engine, which is 10x faster and Upgrading is free and enables the use of Infisical&apos;s new secrets engine, which is 10x
allows you to encrypt secrets with your own KMS provider. faster and allows you to encrypt secrets with your own KMS provider.
</p> </p>
<p className="mx-1 mb-6 leading-7 text-mineshaft-300"> <p className="mx-1 mb-6 leading-7 text-mineshaft-100">
The upgrade takes only 1-2 minutes and will not cause any downtime. The upgrade takes only 1-2 minutes and will not cause any downtime.
</p> </p>
<Button <Button
@@ -113,12 +112,13 @@ export const SecretV2MigrationSection = () => {
isLoading={migrateProjectToV3.isLoading} isLoading={migrateProjectToV3.isLoading}
className="w-full " className="w-full "
> >
{isAdmin ? "Upgrade Project" : "Upgrade requires admin privilege"} {isAdmin ? "Upgrade Secrets Engine" : "Upgrade requires admin privilege"}
</Button> </Button>
{didProjectUpgradeFailed && ( {didProjectUpgradeFailed && (
<p className="mt-2 text-sm leading-7 text-red-400"> <p className="mt-2 text-sm leading-7 text-red-400">
<FontAwesomeIcon icon={faTriangleExclamation} className="mr-2" /> <FontAwesomeIcon icon={faTriangleExclamation} className="mr-2" />
Project upgrade unsuccessful. For assistance, please contact the Infisical support team. Secrets engine upgrade unsuccessful. For assistance, please contact the Infisical support
team.
</p> </p>
)} )}
<Modal <Modal