might fully work now!!

src/plugins/webhookManager.desktop/index.tsx

@@ -8,61 +8,70 @@ import { ApplicationCommandInputType, ApplicationCommandOptionType, findOption,
 import { Devs } from "@utils/constants";
 import { Margins } from "@utils/margins";
 import { ModalContent, ModalProps, ModalRoot, ModalSize, openModal } from "@utils/modal";
-import { Button, Forms, React, Switch, TextInput } from "@webpack/common";
+import { Button, Forms, React, Switch, TextInput, useState } from "@webpack/common";
 import definePlugin, { PluginNative } from "@utils/types";
 
 const Native = VencordNative.pluginHelpers.WebhookManager as PluginNative<typeof import("./native")>;
-let url, message, username, avatarUrl = "";
+let url, content, username, avatarUrl = "";
 let jsonMode = false;
 
-// TODO: fix webhooks not sending, fix probable undefined when null issue, add sending as raw again (wanted to make it a checkbox but i cant find checkbox)
+// TODO: add sending as raw
 function WebhookMessageModal(props: ModalProps) {
+    const [params, setParams] = useState({ content: "", username: "", avatarUrl: "", url: "", jsonMode: false });
+
+    const onURL = (url: string) => setParams(prev => ({ ...prev, url }));
+    const onContent = (content: string) => setParams(prev => ({ ...prev, content }));
+    const onUsername = (username: string) => setParams(prev => ({ ...prev, username }));
+    const onAvatar = (avatarUrl: string) => setParams(prev => ({ ...prev, avatarUrl }));
+    const onSwitch = (jsonMode: boolean) => setParams(prev => ({ ...prev, jsonMode }));
+
+
     return <ModalRoot {...props} size={ModalSize.MEDIUM} className={"wm-send-webhook"} >
         <ModalContent className="wm-send-webhook-content">
             <Forms.FormTitle className={Margins.top20}>Webhook URL</Forms.FormTitle>
             <TextInput
-                placeholder={"https://discord.com/api/webhooks/1235349630980722698/QQv06cMyTurEIU8nQsZRQMKxdmnnN6FA8Eaa9zbDqGwqeeACx9UAS6CcnVt7B3v8r8t2"}
+                placeholder={"Webhook URL"}
-                onChange={v => {
+                value={params.url}
-                    v = url;
+                onChange={onURL}
-                    console.log(url); // why the FUCK is it undefined.
-                }}
             />
             <Forms.FormTitle className={Margins.top20}>Webhook Message</Forms.FormTitle>
             <TextInput
-                placeholder={"Hello World!"}
+                placeholder={"Content"}
-                onChange={v => {
+                value={params.content}
-                    v = message;
+                onChange={onContent}
-                }}
+            />
+            <Forms.FormTitle className={Margins.top20}>Webhook Username</Forms.FormTitle>
+            <TextInput
+                placeholder={"Username"}
+                value={params.username}
+                onChange={onUsername}
+            />
+            <Forms.FormTitle className={Margins.top20}>Webhook Avatar URL</Forms.FormTitle>
+            <TextInput
+                placeholder={"Image URL"}
+                value={params.avatarUrl}
+                onChange={onAvatar}
             />
             <Switch
                 key="wm-raw"
                 value={jsonMode}
-                onChange={v => {
+                onChange={onSwitch}
-                    v = jsonMode;
-                    console.log("hi");
-                }} // maybe switch? don't use shitcode where i make an int and set it to 2 and then check if the int is 2 thats too much shitcode.
             >Send as Raw JSON</Switch>
-            <Forms.FormTitle className={Margins.top20}>Webhook Username</Forms.FormTitle>
-            <TextInput
-                placeholder={"byeoon"}
-                onChange={v => {
-                    v = username;
-                }}
-            />
-            <Forms.FormTitle className={Margins.top20}>Webhook Avatar URL</Forms.FormTitle>
-            <TextInput
-                placeholder={"https://cdn.discordapp.com/emojis/1221015075922513990.png"}
-                onChange={v => {
-                    v = avatarUrl;
-                }}
-            />
             <Button
                 onClick={() => {
-                    Native.executeWebhook(url, {
+                    if (jsonMode != true) {
-                        content: message,
+                        Native.executeWebhook(params.url, {
-                        username: username,
+                            content: params.content,
-                        avatar_url: avatarUrl
+                            username: params.username,
-                    });
+                            avatar_url: params.avatarUrl
+                        });
+                    }
+                    else {
+                        Native.executeWebhook(params.url, {
+                            content: params.content
+                        });
+                    }
+
                 }}
             >Send Webhook</Button>
         </ModalContent>