fankes/beszel
2
0
Fork 0
mirror of https://github.com/fankes/beszel.git synced 2025-10-20 02:09:28 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

focus on input when new webhook added

Browse Source
This commit is contained in:
Henry Dollman
2024-09-15 11:31:44 -04:00
parent 3aeca6af2f
commit bd43a2a2c2
1 changed files with 9 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
beszel/site/src/components/routes/settings/notifications.tsx
View File

@@ -29,7 +29,14 @@ const SettingsNotificationsPage = ({ userSettings }: { userSettings: UserSetting
const [emails, setEmails] = useState<string[]>(userSettings.emails ?? []) const [emails, setEmails] = useState<string[]>(userSettings.emails ?? [])
const [isLoading, setIsLoading] = useState(false) const [isLoading, setIsLoading] = useState(false)
const addWebhook = () => setWebhooks([...webhooks, '']) const addWebhook = () => {
setWebhooks([...webhooks, ''])
// focus on the new input
queueMicrotask(() => {
const inputs = document.querySelectorAll('#webhooks input') as NodeListOf<HTMLInputElement>
inputs[inputs.length - 1]?.focus()
})
}
const removeWebhook = (index: number) => setWebhooks(webhooks.filter((_, i) => i !== index)) const removeWebhook = (index: number) => setWebhooks(webhooks.filter((_, i) => i !== index))
const updateWebhook = (index: number, value: string) => { const updateWebhook = (index: number, value: string) => {
@@ -112,7 +119,7 @@ const SettingsNotificationsPage = ({ userSettings }: { userSettings: UserSetting
</p> </p>
</div> </div>
{webhooks.length > 0 && ( {webhooks.length > 0 && (
<div className="grid gap-2.5"> <div className="grid gap-2.5" id="webhooks">
{webhooks.map((webhook, index) => ( {webhooks.map((webhook, index) => (
<ShoutrrrUrlCard <ShoutrrrUrlCard
key={index} key={index}