The weeb for the next gen discord boat - Wamellow
wamellow.com
bot
discord
disable create notification submit on empty fields
+11
-13
+4
-6
app/dashboard/[guildId]/notifications/create-bluesky.component.tsx
+4
-6
app/dashboard/[guildId]/notifications/create-bluesky.component.tsx
···
6
6
import DumbTextInput from "@/components/inputs/dumb-text-input";
7
7
import SelectMenu from "@/components/inputs/select-menu";
8
8
import Modal from "@/components/modal";
9
+
import { Section } from "@/components/section";
9
10
import { type ApiV1GuildsModulesNotificationsGetResponse, NotificationType } from "@/typings";
10
11
import { createSelectableItems } from "@/utils/create-selectable-items";
11
12
···
78
79
setName("");
79
80
setChannelId(null);
80
81
}}
82
+
isDisabled={!name || !channelId}
81
83
>
82
84
<DumbTextInput
83
85
name="Bluesky user"
···
96
98
}}
97
99
/>
98
100
99
-
<div className="mt-4">
100
-
<span className="text-lg dark:text-neutral-300 text-neutral-700 font-medium">How to get a user's handle</span>
101
-
<br />
102
-
101
+
<Section tight title="How to get a users handle">
103
102
Your handle is likely something like <code className="break-all">tolgchu.bsky.social</code>, some others may have a handle like <code>shi.gg</code>.
104
103
<br />
105
104
<br />
106
105
107
106
Though, you can also use the link of the user's profile.
108
-
</div>
109
-
107
+
</Section>
110
108
</Modal>
111
109
</>);
112
110
}
+5
-7
app/dashboard/[guildId]/notifications/create-reddit.component.tsx
+5
-7
app/dashboard/[guildId]/notifications/create-reddit.component.tsx
···
6
6
import DumbTextInput from "@/components/inputs/dumb-text-input";
7
7
import SelectMenu from "@/components/inputs/select-menu";
8
8
import Modal from "@/components/modal";
9
+
import { Section } from "@/components/section";
9
10
import { type ApiV1GuildsModulesNotificationsGetResponse, NotificationType } from "@/typings";
10
11
import { createSelectableItems } from "@/utils/create-selectable-items";
11
12
···
69
70
setName("");
70
71
setChannelId(null);
71
72
}}
73
+
isDisabled={!name || !channelId}
72
74
>
73
75
<DumbTextInput
74
76
name="Subreddit"
···
87
89
}}
88
90
/>
89
91
90
-
<div className="mt-4">
91
-
<span className="text-lg dark:text-neutral-300 text-neutral-700 font-medium">How to get a subreddits' name</span>
92
-
<br />
93
-
94
-
The subreddit name is the string with the leading <code className="break-all">r/</code>, such as <code>r/wamellow</code>.
92
+
<Section tight title="How to get a users name">
93
+
The name is the string with the leading <code className="break-all">r/</code>, such as <code>r/wamellow</code>.
95
94
<br />
96
95
<br />
97
96
98
97
Though, you can also use the link of the subreddit.
99
-
</div>
100
-
98
+
</Section>
101
99
</Modal>
102
100
</>);
103
101
}
+1
app/dashboard/[guildId]/notifications/create-twitch.component.tsx
+1
app/dashboard/[guildId]/notifications/create-twitch.component.tsx