diff --git a/apps/studio/components/interfaces/Integrations/Vault/Secrets/SecretRow.tsx b/apps/studio/components/interfaces/Integrations/Vault/Secrets/SecretRow.tsx
index e9e9fa1cc8f..c4113ffb1f8 100644
--- a/apps/studio/components/interfaces/Integrations/Vault/Secrets/SecretRow.tsx
+++ b/apps/studio/components/interfaces/Integrations/Vault/Secrets/SecretRow.tsx
@@ -122,7 +122,6 @@ const SecretRow = ({ secret, onSelectEdit, onSelectRemove }: SecretRowProps) =>
Edit
-
{
Updated at
- id="name"
- className="max-w-[180px]"
- value="name"
- label="Sort by name"
- >
Name
@@ -141,10 +136,7 @@ export const SecretsManagement = () => {
{secrets.map((secret, idx) => {
return (
-
+
{idx !== secrets.length - 1 && }
)
diff --git a/apps/studio/components/interfaces/Integrations/Vault/Secrets/__tests__/EditSecretModal.test.tsx b/apps/studio/components/interfaces/Integrations/Vault/Secrets/__tests__/EditSecretModal.test.tsx
index 75f08329e90..ca398a914cc 100644
--- a/apps/studio/components/interfaces/Integrations/Vault/Secrets/__tests__/EditSecretModal.test.tsx
+++ b/apps/studio/components/interfaces/Integrations/Vault/Secrets/__tests__/EditSecretModal.test.tsx
@@ -27,7 +27,24 @@ const secret = {
}
const Page = ({ onClose }: { onClose: () => void }) => {
+ const [modal, setModal] = useState(null)
const [selectedSecretToEdit, setSelectedSecretToEdit] = useState()
+ const renderModal = () => {
+ switch (modal) {
+ case `edit`:
+ return (
+ {
+ setModal(null)
+ onClose()
+ }}
+ />
+ )
+ default:
+ return null
+ }
+ }
return (
@@ -35,24 +52,14 @@ const Page = ({ onClose }: { onClose: () => void }) => {
} />
- setSelectedSecretToEdit(secret)}
- >
+ setModal(`edit`)}>
Edit
- {
- setSelectedSecretToEdit(undefined)
- onClose()
- }}
- />
+ {renderModal()}
)
}