Leahnaya/sendou.ink
1
0
Fork 0
mirror of https://github.com/Sendouc/sendou.ink.git synced 2026-07-16 08:27:05 -05:00
Code Issues Actions Packages Projects Releases Wiki Activity

Better add badge owner flow Closes #1651

Browse Source
This commit is contained in:
Kalle 2024-02-03 11:09:05 +02:00
parent de675afd4e
commit 44496eb2fa
1 changed files with 13 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
app/features/badges/routes/badges.$id.edit.tsx
View File

@ -170,9 +170,7 @@ function Owners({ data }: { data: BadgeDetailsLoaderData }) {
const ownerDifferences = getOwnerDifferences(owners, data.owners);
const userIdsToOmitFromCombobox = React.useMemo(() => {
return new Set(data.owners.map((m) => m.id));
}, [data]);
const userInputKey = owners.map((o) => `${o.id}-${o.count}`).join("-");
return (
<div className="stack md">
@ -183,10 +181,20 @@ function Owners({ data }: { data: BadgeDetailsLoaderData }) {
<UserSearch
className="mx-auto"
inputName="new-owner"
key={userInputKey}
onChange={(user) => {
setOwners([...owners, { count: 1, ...user }]);
setOwners((previousOwners) => {
const existingOwner = previousOwners.find(
(o) => o.id === user.id,
);
if (existingOwner) {
return previousOwners.map((o) =>
o.id === user.id ? { ...o, count: o.count + 1 } : o,
);
}
return [...previousOwners, { count: 1, ...user }];
});
}}
userIdsToOmit={userIdsToOmitFromCombobox}
/>
</div>
</div>