The weeb for the next gen discord boat - Wamellow
wamellow.com
bot
discord
rename `tags.tagId` to `tags.id`
+24
-24
+1
-1
app/dashboard/[guildId]/custom-commands/create.component.tsx
+1
-1
app/dashboard/[guildId]/custom-commands/create.component.tsx
+6
-6
app/dashboard/[guildId]/custom-commands/delete.component.tsx
+6
-6
app/dashboard/[guildId]/custom-commands/delete.component.tsx
···
7
7
8
8
interface Props {
9
9
guildId: string;
10
-
tagId: string | null;
10
+
id: string | null;
11
11
name?: string;
12
12
13
-
removeTag: (tagId: string) => void;
13
+
removeTag: (id: string) => void;
14
14
}
15
15
16
-
export default function DeleteTag({ guildId, tagId, name, removeTag }: Props) {
16
+
export default function DeleteTag({ guildId, id, name, removeTag }: Props) {
17
17
18
18
const [open, setOpen] = useState(false);
19
19
···
24
24
isIconOnly
25
25
color="danger"
26
26
onClick={() => setOpen(true)}
27
-
isDisabled={!tagId}
27
+
isDisabled={!id}
28
28
>
29
29
<HiTrash className="h-5 w-5" />
30
30
<span className="sr-only">Delete selected tag</span>
···
38
38
show={open}
39
39
onClose={() => setOpen(false)}
40
40
onSubmit={() => {
41
-
return fetch(`${process.env.NEXT_PUBLIC_API}/guilds/${guildId}/modules/tags/${tagId}`, {
41
+
return fetch(`${process.env.NEXT_PUBLIC_API}/guilds/${guildId}/modules/tags/${id}`, {
42
42
method: "DELETE",
43
43
credentials: "include",
44
44
headers: {
···
47
47
});
48
48
}}
49
49
onSuccess={() => {
50
-
if (tagId) removeTag(tagId);
50
+
if (id) removeTag(id);
51
51
}}
52
52
>
53
53
Are you sure you want to delete the {'"'}{name}{'"'} tag? It will be gone forever, probably, who knows.
+16
-16
app/dashboard/[guildId]/custom-commands/page.tsx
+16
-16
app/dashboard/[guildId]/custom-commands/page.tsx
···
40
40
}
41
41
);
42
42
43
-
const tagId = search.get("id");
44
-
const tag = (Array.isArray(data) ? data : []).find((t) => t.tagId === tagId);
43
+
const id = search.get("id");
44
+
const tag = (Array.isArray(data) ? data : []).find((t) => t.id === id);
45
45
46
46
const createQueryString = useCallback((name: string, value: string) => {
47
47
const params = new URLSearchParams(search);
···
52
52
53
53
useEffect(() => {
54
54
if (!Array.isArray(data)) return;
55
-
if (data && !tag && data[0]) setTagId(data[0].tagId);
55
+
if (data && !tag && data[0]) setTagId(data[0].id);
56
56
}, [data]);
57
57
58
58
if (error || (data && "message" in data)) {
···
82
82
if (!tag) return;
83
83
84
84
queryClient.setQueryData<ApiV1GuildsModulesTagsGetResponse[]>(url, () => [
85
-
...(data?.filter((t) => t.tagId !== tag.tagId) || []),
85
+
...(data?.filter((t) => t.id !== tag.id) || []),
86
86
{ ...tag, [k]: value }
87
87
]);
88
88
};
···
96
96
97
97
const removeTag = (id: string) => {
98
98
queryClient.setQueryData<ApiV1GuildsModulesTagsGetResponse[]>(url, () =>
99
-
data?.filter((t) => t.tagId !== id) || []
99
+
data?.filter((t) => t.id !== id) || []
100
100
);
101
101
};
102
102
···
108
108
.sort((a, b) => a.name.localeCompare(b.name))
109
109
.map((tag) => (
110
110
<Chip
111
-
key={"guildTags-" + tag.tagId}
111
+
key={"guildTags-" + tag.id}
112
112
as={Button}
113
113
className="default border-0"
114
-
variant={tagId === tag.tagId ? "flat" : "faded"}
115
-
color={tagId === tag.tagId ? "secondary" : undefined}
114
+
variant={id === tag.id ? "flat" : "faded"}
115
+
color={id === tag.id ? "secondary" : undefined}
116
116
startContent={<span className="opacity-50 relative left-2">{tag.applicationCommandId ? "/" : "wm -"}</span>}
117
-
onClick={() => setTagId(tag.tagId)}
117
+
onClick={() => setTagId(tag.id)}
118
118
>
119
119
{tag.name + " "}
120
120
</Chip>
···
129
129
<span className="dark:text-neutral-600 text-neutral-400 cursor-default">{data.length}/{30}</span>
130
130
</Tooltip>
131
131
132
-
<DeleteTag guildId={guild?.id as string} tagId={tagId} name={tag?.name} removeTag={removeTag} />
132
+
<DeleteTag guildId={guild?.id as string} id={id} name={tag?.name} removeTag={removeTag} />
133
133
</div>
134
134
135
135
</div>
···
164
164
<div className="lg:flex gap-3 mt-6">
165
165
<div className="lg:w-1/2">
166
166
<TextInput
167
-
key={tag.tagId}
167
+
key={tag.id}
168
168
name="Name"
169
-
url={url + "/" + tag.tagId}
169
+
url={url + "/" + tag.id}
170
170
dataName="name"
171
171
description="The name of the custom command."
172
172
defaultState={tag.name}
···
177
177
178
178
<div className="lg:w-1/2">
179
179
<SelectInput
180
-
key={tag.tagId}
180
+
key={tag.id}
181
181
name="Permissions"
182
-
url={url + "/" + tag.tagId}
182
+
url={url + "/" + tag.id}
183
183
items={
184
184
Permissions.sort((a, b) => a.localeCompare(b)).map((p) => (
185
185
{ name: convertCamelCaseToSpaced(p), value: p }
···
195
195
</div>
196
196
197
197
<MessageCreatorEmbed
198
-
key={tag.tagId}
198
+
key={tag.id}
199
199
name="Message"
200
-
url={url + "/" + tag.tagId}
200
+
url={url + "/" + tag.id}
201
201
dataName="message"
202
202
defaultMessage={tag.message}
203
203
onSave={(value) => editTag("message", value as string)}