mirror of
https://github.com/portainer/portainer.git
synced 2025-08-05 13:55:21 +02:00
refactor(app): convert tag-selector to react [EE-2983] (#6783)
This commit is contained in:
parent
75d854e6ad
commit
d52417c14f
29 changed files with 103 additions and 288 deletions
|
@ -62,18 +62,19 @@ export function TagSelector({ value, allowCreate = false, onChange }: Props) {
|
|||
{value.length > 0 && (
|
||||
<FormControl label="Selected tags">
|
||||
{selectedTags.map((tag) => (
|
||||
<span className="tag space-right interactive" key={tag.value}>
|
||||
<button
|
||||
type="button"
|
||||
title="Remove tag"
|
||||
className={clsx(styles.removeTagBtn, 'space-left', 'tag')}
|
||||
onClick={() => handleRemove(tag.value)}
|
||||
key={tag.value}
|
||||
>
|
||||
{tag.label}
|
||||
|
||||
<button
|
||||
type="button"
|
||||
title="Remove tag"
|
||||
className={clsx(styles.removeTagBtn, 'space-left')}
|
||||
onClick={() => handleRemove(tag.value)}
|
||||
>
|
||||
<i className="fa fa-trash-alt white-icon" aria-hidden="true" />
|
||||
</button>
|
||||
</span>
|
||||
<i
|
||||
className="fa fa-trash-alt white-icon space-left"
|
||||
aria-hidden="true"
|
||||
/>
|
||||
</button>
|
||||
))}
|
||||
</FormControl>
|
||||
)}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue