awatertrevi/infisical
1
0
Fork 0
mirror of https://github.com/awatertrevi/infisical.git synced 2026-09-22 13:39:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

misc: made warning banner less intimidating

Browse Source
This commit is contained in:
Sheen Capadngan
2025-03-19 20:13:25 +08:00
parent cfe2bbe125
commit 4f08801ae8
1 changed files with 6 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
frontend/src/pages/organization/AccessManagementPage/components/UpgradePrivilegeSystemModal/UpgradePrivilegeSystemModal.tsx
View File

@@ -1,10 +1,5 @@
import { Controller, useForm } from "react-hook-form";
import {
faCheck,
faCircleInfo,
faExclamationTriangle,
faWarning
} from "@fortawesome/free-solid-svg-icons";
import { faCheck, faCircleInfo, faWarning } from "@fortawesome/free-solid-svg-icons";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { zodResolver } from "@hookform/resolvers/zod";
import { z } from "zod";
@@ -131,23 +126,12 @@ export const UpgradePrivilegeSystemModal = ({ isOpen, onOpenChange }: Props) =>
involve changing privileges or permissions will now use the new permission-based system,
requiring users to have explicit permission to modify access levels.
</p>
<p className="mb-6 text-mineshaft-100">
Once upgraded, your organization <span className="font-bold">cannot</span> revert to the
legacy privilege system. Please ensure you&apos;ve completed all preparations before
proceeding.
</p>
<form onSubmit={handleSubmit(handlePrivilegeSystemUpgrade)}>
<div className="mb-4 rounded-lg border border-red-500 bg-red-500/10 p-4">
<div className="mb-3 flex items-start gap-2">
<FontAwesomeIcon
icon={faExclamationTriangle}
className="mt-1 text-red-500"
size="lg"
/>
<p className="font-bold text-red-400">IMPORTANT: THIS CHANGE IS PERMANENT</p>
</div>
<p className="mb-3 ml-7 text-mineshaft-100">
Once upgraded, your organization <span className="font-bold">cannot</span> revert to
the legacy privilege system. Please ensure you&apos;ve completed all preparations
before proceeding.
</p>
</div>
<div className="mb-4">
<p className="mb-3 font-medium">Required preparation checklist:</p>