awatertrevi/infisical
1
0
Fork 0
mirror of https://github.com/awatertrevi/infisical.git synced 2026-10-08 23:28:25 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update AccessApprovalRequest.tsx

Browse Source
This commit is contained in:
Daniel Hougaard
2024-05-07 17:30:35 +02:00
parent 299653528c
commit 3a002b921a
1 changed files with 8 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/views/SecretApprovalPage/components/AccessApprovalRequest/AccessApprovalRequest.tsx
+8 -5
View File
@@ -167,7 +167,7 @@ const ReviewRequestModal = ({
is requesting access to the following resource: is requesting access to the following resource:
</span> </span>
<div className="mt-4 mb-2 bg-blue-500/20 px-3 py-2 border-l border-blue-500 text-mineshaft-200"> <div className="mt-4 mb-2 border-l border-blue-500 bg-blue-500/20 px-3 py-2 text-mineshaft-200">
<div className="mb-1 lowercase"> <div className="mb-1 lowercase">
<span className="font-bold capitalize">Requested path: </span> <span className="font-bold capitalize">Requested path: </span>
<DisplayBadge text={accessDetails.env + accessDetails.secretPath || ""} /> <DisplayBadge text={accessDetails.env + accessDetails.secretPath || ""} />
@@ -198,7 +198,7 @@ const ReviewRequestModal = ({
isLoading={isLoading === "rejected"} isLoading={isLoading === "rejected"}
isDisabled={!!isLoading} isDisabled={!!isLoading}
onClick={() => handleReview("rejected")} onClick={() => handleReview("rejected")}
className="mt-4 bg-transparent border-transparent hover:bg-red/20 hover:border-red text-mineshaft-200 hover:text-mineshaft-200" className="mt-4 border-transparent bg-transparent text-mineshaft-200 hover:border-red hover:bg-red/20 hover:text-mineshaft-200"
size="sm" size="sm"
> >
Reject Request Reject Request
@@ -363,7 +363,7 @@ export const AccessApprovalRequest = ({
return ( return (
<div> <div>
<div className="mb-6 flex justify-between items-end"> <div className="mb-6 flex items-end justify-between">
<div className="flex flex-col"> <div className="flex flex-col">
<span className="text-xl font-semibold text-mineshaft-100">Access Requests</span> <span className="text-xl font-semibold text-mineshaft-100">Access Requests</span>
<div className="mt-2 text-sm text-bunker-300"> <div className="mt-2 text-sm text-bunker-300">
@@ -376,7 +376,10 @@ export const AccessApprovalRequest = ({
a={ProjectPermissionSub.SecretApproval} a={ProjectPermissionSub.SecretApproval}
> >
{(isAllowed) => ( {(isAllowed) => (
<Tooltip content="To submit Access Requests, your project needs to create Access Request policies first." isDisabled={!(!isAllowed || policiesLoading || !policies?.length)}> <Tooltip
content="To submit Access Requests, your project needs to create Access Request policies first."
isDisabled={!(!isAllowed || policiesLoading || !policies?.length)}
>
<Button <Button
onClick={() => { onClick={() => {
if (subscription && !subscription?.secretApproval) { if (subscription && !subscription?.secretApproval) {
@@ -496,7 +499,7 @@ export const AccessApprovalRequest = ({
</div> </div>
)} )}
{!!filteredRequests?.length && {!!filteredRequests?.length &&
requests?.map((request) => { filteredRequests?.map((request) => {
const details = generateRequestDetails(request); const details = generateRequestDetails(request);
return ( return (