Leahnaya/sendou.ink
1
0
Fork 0
mirror of https://github.com/Sendouc/sendou.ink.git synced 2026-08-22 02:55:52 -05:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

Better user combobox options location badges modal

Browse Source 
Closes #883
This commit is contained in:
Kalle
2022-09-05 15:21:56 +03:00
parent 2d77587d7b
commit ffd184ffe6
2 changed files with 33 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
app/routes/badges/$id/edit.tsx
View File

@@ -137,19 +137,21 @@ function Managers({ data }: { data: BadgeDetailsLoaderData }) {
</li>
))}
</ul>
<UserCombobox
className="mx-auto"
inputName="new-manager"
onChange={(user) => {
if (!user) return;
<div className="text-center">
<UserCombobox
className="mx-auto"
inputName="new-manager"
onChange={(user) => {
if (!user) return;
setManagers([
...managers,
{ discordFullName: user.label, id: Number(user.value) },
]);
}}
userIdsToOmit={userIdsToOmitFromCombobox}
/>
setManagers([
...managers,
{ discordFullName: user.label, id: Number(user.value) },
]);
}}
userIdsToOmit={userIdsToOmitFromCombobox}
/>
</div>
</div>
<input
type="hidden"
@@ -221,19 +223,25 @@ function Owners({ data }: { data: BadgeDetailsLoaderData }) {
</li>
))}
</ul>
<UserCombobox
className="mx-auto"
inputName="new-owner"
onChange={(user) => {
if (!user) return;
<div className="text-center">
<UserCombobox
className="mx-auto"
inputName="new-owner"
onChange={(user) => {
if (!user) return;
setOwners([
...owners,
{ discordFullName: user.label, id: Number(user.value), count: 1 },
]);
}}
userIdsToOmit={userIdsToOmitFromCombobox}
/>
setOwners([
...owners,
{
discordFullName: user.label,
id: Number(user.value),
count: 1,
},
]);
}}
userIdsToOmit={userIdsToOmitFromCombobox}
/>
</div>
</div>
{ownerDifferences.length > 0 ? (
<ul className="badges-edit__differences">

1
app/styles/common.css
View File

@@ -302,6 +302,7 @@ abbr[title] {
}
dialog {
overflow: visible;
width: min(90%, 24rem);
border: 0;
margin: auto;