-
Notifications
You must be signed in to change notification settings - Fork 112
feat(okms): add a key/value editor to secret data #19830
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Conversation
086168a to
ef6337b
Compare
75237d0 to
d8c4c92
Compare
156e763 to
43c02a0
Compare
868619f to
91d46b8
Compare
f87efc2 to
19c0aae
Compare
0c87aee to
4f071ef
Compare
19c0aae to
edd09b4
Compare
edd09b4 to
94192bc
Compare
cec3542 to
262e230
Compare
ref: #MANAGER-18318 Signed-off-by: Mathieu Mousnier <[email protected]>
94192bc to
2c23232
Compare
2c23232 to
88a94cd
Compare
...ules/secret-manager/components/form/secret-data-form-field/SecretDataFormField.component.tsx
Outdated
Show resolved
Hide resolved
...ms/src/modules/secret-manager/components/secret-value-toggle/SecretValueToggle.component.tsx
Show resolved
Hide resolved
ref: #MANAGER-18318 Signed-off-by: Mathieu Mousnier <[email protected]>
ref: #MANAGER-18318 Signed-off-by: Mathieu Mousnier <[email protected]>
ref: #MANAGER-18318 Signed-off-by: Mathieu Mousnier <[email protected]>
ref: #MANAGER-18318 Signed-off-by: Mathieu Mousnier <[email protected]>
ref: #MANAGER-18318 Signed-off-by: Mathieu Mousnier <[email protected]>
88a94cd to
52aef3e
Compare
| @@ -0,0 +1,195 @@ | |||
| import { | |||
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Maybe you can use it.each if you want simplify
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
yeah right, but I'm not a big fan to be honnest
...s/okms/src/modules/secret-manager/components/form/key-values-editor/KeyValuesEditor.spec.tsx
Show resolved
Hide resolved
| <OdsButton | ||
| data-testid={KEY_VALUES_EDITOR_TEST_IDS.pairItemDeleteButton(index)} | ||
| className={clsx('mt-5', { | ||
| 'opacity-0 group-hover:opacity-100 transition-opacity duration-100': !isDeletable, | ||
| 'opacity-100': isDeletable, | ||
| })} | ||
| size="sm" | ||
| variant="ghost" | ||
| icon="trash" | ||
| label="" | ||
| onClick={onDelete} | ||
| isDisabled={!isDeletable} | ||
| /> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Maybe you can add a
aria-label={t(`${NAMESPACES.ACTIONS}:delete`)}
for accessibility
| <div> | ||
| <SecretValueToggle state={toggleState} onChange={setToggleState} /> | ||
| </div> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Why div ? Maybe a class block can resolve your display problem ?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I replaced "flex flex-col gap-6" by "space-y-6" and I don't need the div anymore.
This gives me a good reason to use "space-y-N" for spacing instead of "flex flex-col gap-6", I didn't have one to sell it to @rjamet-ovh ! :)
Context for Romain if you read this: flex has side-effect on its content, that "space-y-6" does not have:
Ticket Reference: #MANAGER-18318