import { useState } from 'react'; import { Stack, Group, Checkbox } from '@mantine/core'; import { Button, PasswordInput, SegmentedControl, TextInput } from '/@/renderer/components'; import { useForm } from '@mantine/form'; import { useFocusTrap } from '@mantine/hooks'; import { closeAllModals } from '@mantine/modals'; import { nanoid } from 'nanoid/non-secure'; import { jellyfinApi } from '/@/renderer/api/jellyfin.api'; import { navidromeApi } from '/@/renderer/api/navidrome.api'; import { subsonicApi } from '/@/renderer/api/subsonic.api'; import { AuthenticationResponse } from '/@/renderer/api/types'; import { toast } from '/@/renderer/components'; import { useAuthStoreActions } from '/@/renderer/store'; import { ServerType } from '/@/renderer/types'; const SERVER_TYPES = [ { label: 'Jellyfin', value: ServerType.JELLYFIN }, { label: 'Navidrome', value: ServerType.NAVIDROME }, { label: 'Subsonic', value: ServerType.SUBSONIC }, ]; const AUTH_FUNCTIONS = { [ServerType.JELLYFIN]: jellyfinApi.authenticate, [ServerType.NAVIDROME]: navidromeApi.authenticate, [ServerType.SUBSONIC]: subsonicApi.authenticate, }; interface AddServerFormProps { onCancel: () => void; } export const AddServerForm = ({ onCancel }: AddServerFormProps) => { const focusTrapRef = useFocusTrap(true); const [isLoading, setIsLoading] = useState(false); const { addServer } = useAuthStoreActions(); const form = useForm({ initialValues: { legacyAuth: false, name: '', password: '', type: ServerType.JELLYFIN, url: 'http://', username: '', }, }); const isSubmitDisabled = !form.values.name || !form.values.url || !form.values.username || !form.values.password; const handleSubmit = form.onSubmit(async (values) => { const authFunction = AUTH_FUNCTIONS[values.type]; if (!authFunction) { return toast.error({ message: 'Selected server type is invalid' }); } try { setIsLoading(true); const data: AuthenticationResponse = await authFunction(values.url, { legacy: values.legacyAuth, password: values.password, username: values.username, }); addServer({ credential: data.credential, id: nanoid(), name: values.name, ndCredential: data.ndCredential, type: values.type, url: values.url, userId: data.userId, username: data.username, }); toast.success({ message: 'Server added' }); closeAllModals(); } catch (err: any) { setIsLoading(false); return toast.error({ message: err?.message }); } return setIsLoading(false); }); return (
{form.values.type === ServerType.SUBSONIC && ( )}
); };