diff --git a/src-web/components/EnvironmentEditor.tsx b/src-web/components/EnvironmentEditor.tsx index 88ce92ba..5c4fa694 100644 --- a/src-web/components/EnvironmentEditor.tsx +++ b/src-web/components/EnvironmentEditor.tsx @@ -98,53 +98,53 @@ export function EnvironmentEditor({ }; return ( -
- - - {!hideName &&
{environment?.name}
} - {isEncryptionEnabled ? ( - !allVariableAreEncrypted ? ( - encryptEnvironment(environment)}> - Encrypt All Variables - +
+
+ + + {!hideName &&
{environment?.name}
} + {isEncryptionEnabled ? ( + !allVariableAreEncrypted ? ( + encryptEnvironment(environment)}> + Encrypt All Variables + + ) : ( + + Encryption Settings + + ) ) : ( - - Encryption Settings + valueVisibility.set((v) => !v)}> + {valueVisibility.value ? 'Hide Values' : 'Show Values'} - ) - ) : ( - valueVisibility.set((v) => !v)}> - {valueVisibility.value ? 'Hide Values' : 'Show Values'} + )} + } + onClick={async () => { + await patchModel(environment, { public: !environment.public }); + }} + > + {environment.public ? 'Sharable' : 'Private'} +
+ {environment.public && (!isEncryptionEnabled || !allVariableAreEncrypted) && ( + encryptEnvironment(environment), + color: 'success', + }, + ]} + > + This sharable environment contains plain-text secrets + )} - } - onClick={async () => { - await patchModel(environment, { public: !environment.public }); - }} - > - {environment.public ? 'Sharable' : 'Private'} - - - {environment.public && (!isEncryptionEnabled || !allVariableAreEncrypted) ? ( - encryptEnvironment(environment), - color: 'success', - }, - ]} - > - This sharable environment contains plain-text secrets - - ) : ( - - )} +