Fix: Clicking tags on share modal updates store immediately (#2720)

* Fix: Click tags on share modal share component to the store immediately

* [autofix.ci] apply automated fixes

---------

Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>
Co-authored-by: anovazzi1 <otavio2204@gmail.com>
This commit is contained in:
Igor Carvalho 2024-07-16 11:41:28 -03:00 committed by GitHub
commit c4b86e9d63
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -26,35 +26,38 @@ export function TagsSelector({
return (
<HorizontalScrollFadeComponent isFolder={false}>
{!loadingTags &&
tags.map((tag, idx) => (
<button
disabled={disabled}
className={
disabled
? "cursor-not-allowed"
: "overflow-hidden whitespace-nowrap"
}
onClick={() => {
updateTags(tag.name);
}}
key={idx}
data-testid={`tag-selector-${tag.name}`}
>
<Badge
{!loadingTags
? tags.map((tag, idx) => (
<button
disabled={disabled}
className={
disabled
? "cursor-not-allowed"
: "overflow-hidden whitespace-nowrap"
}
onClick={(e) => {
e.preventDefault();
e.stopPropagation();
updateTags(tag.name);
}}
key={idx}
variant="outline"
size="sq"
className={cn(
selectedTags.some((category) => category === tag.name)
? "min-w-min bg-beta-foreground text-background hover:bg-beta-foreground"
: "",
)}
data-testid={`tag-selector-${tag.name}`}
>
{tag.name}
</Badge>
</button>
))}
<Badge
key={idx}
variant="outline"
size="sq"
className={cn(
selectedTags.some((category) => category === tag.name)
? "min-w-min bg-beta-foreground text-background hover:bg-beta-foreground"
: "",
)}
>
{tag.name}
</Badge>
</button>
))
: []}
</HorizontalScrollFadeComponent>
);
}