awatertrevi/infisical
1
0
Fork 0
mirror of https://github.com/awatertrevi/infisical.git synced 2026-10-07 22:27:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #4214 from Infisical/fix/confirmCommitButtonFix

Browse Source 
Redo confirm changes box
This commit is contained in:
carlosmonastyrski
2025-07-23 11:08:38 -03:00
committed by GitHub
parent b433582ca6 d4bdf04061
commit 95b997c100
1 changed files with 37 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/pages/secret-manager/SecretDashboardPage/components/CommitForm/CommitForm.tsx
+37 -30
View File
@@ -1,6 +1,6 @@
/* eslint-disable jsx-a11y/label-has-associated-control */ /* eslint-disable jsx-a11y/label-has-associated-control */
import React, { useCallback, useState } from "react"; import React, { useCallback, useState } from "react";
import { faCodeCommit, faEye, faFolder, faKey, faTrash } from "@fortawesome/free-solid-svg-icons"; import { faCodeCommit, faEye, faFolder, faKey } from "@fortawesome/free-solid-svg-icons";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { Badge, Button, Input, Modal, ModalContent } from "@app/components/v2"; import { Badge, Button, Input, Modal, ModalContent } from "@app/components/v2";
@@ -296,39 +296,46 @@ export const CommitForm: React.FC<CommitFormProps> = ({
<> <>
{/* Floating Panel */} {/* Floating Panel */}
{!isModalOpen && ( {!isModalOpen && (
<div className="fixed bottom-4 z-40 w-64 self-center rounded-lg border border-mineshaft-600 bg-mineshaft-800 shadow-2xl"> <div className="fixed bottom-4 left-1/2 z-40 w-full max-w-3xl -translate-x-1/2 self-center rounded-lg border border-yellow/30 bg-mineshaft-800 shadow-2xl lg:left-auto lg:translate-x-0">
<div className="flex w-full justify-center border-b border-mineshaft-600 p-2"> <div className="flex items-center justify-between p-4">
<div className="flex w-full items-center justify-between"> {/* Left Content */}
<div className="flex-1">
{/* Header */}
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<FontAwesomeIcon icon={faCodeCommit} className="text-mineshaft-400" /> <div className="h-2 w-2 rounded-full bg-yellow-500" />
<span className="font-medium text-mineshaft-100">Pending Changes</span> <span className="font-medium text-mineshaft-100">Pending Changes</span>
<Badge variant="primary" className="text-xs">
{totalChangesCount} Change{totalChangesCount !== 1 ? "s" : ""}
</Badge>
</div> </div>
<Badge variant="primary" className="text-xs">
{totalChangesCount} Change{totalChangesCount !== 1 ? "s" : ""}
</Badge>
</div>
</div>
<div className="flex justify-center gap-2 p-2"> {/* Description */}
<Button <p className="text-sm leading-5 text-mineshaft-400">
size="sm" Review pending changes and commit them to apply the updates.
leftIcon={<FontAwesomeIcon icon={faTrash} />} </p>
onClick={() => clearAllPendingChanges({ workspaceId, environment, secretPath })} </div>
isDisabled={totalChangesCount === 0}
variant="outline_bg" {/* Right Buttons */}
className="h-8 flex-1 hover:border-red/40 hover:bg-red/[0.1]" <div className="ml-6 mt-0.5 flex items-center gap-3">
> <Button
Discard size="sm"
</Button> onClick={() => clearAllPendingChanges({ workspaceId, environment, secretPath })}
<Button isDisabled={totalChangesCount === 0}
variant="outline_bg" variant="outline_bg"
leftIcon={<FontAwesomeIcon icon={faEye} />} className="px-4 hover:border-red/40 hover:bg-red/[0.1]"
onClick={() => setIsModalOpen(true)} >
isDisabled={totalChangesCount === 0} Discard
className="h-8 flex-1" </Button>
> <Button
Review variant="solid"
</Button> leftIcon={<FontAwesomeIcon icon={faEye} />}
onClick={() => setIsModalOpen(true)}
isDisabled={totalChangesCount === 0}
className="px-6"
>
Review Changes
</Button>
</div>
</div> </div>
</div> </div>
)} )}