Lint all files

src/renderer/features/servers/components/edit-server-form.tsx

@@ -14,157 +14,157 @@ import { api } from '/@/renderer/api';
 const localSettings = isElectron() ? window.electron.localSettings : null;
 
 interface EditServerFormProps {
-  isUpdate?: boolean;
-  onCancel: () => void;
-  password?: string;
-  server: ServerListItem;
+    isUpdate?: boolean;
+    onCancel: () => void;
+    password?: string;
+    server: ServerListItem;
 }
 
 const ModifiedFieldIndicator = () => {
-  return (
-    <Tooltip label="Field has been modified">
-      <span>
-        <RiInformationLine color="red" />
-      </span>
-    </Tooltip>
-  );
+    return (
+        <Tooltip label="Field has been modified">
+            <span>
+                <RiInformationLine color="red" />
+            </span>
+        </Tooltip>
+    );
 };
 
 export const EditServerForm = ({ isUpdate, password, server, onCancel }: EditServerFormProps) => {
-  const { updateServer } = useAuthStoreActions();
-  const focusTrapRef = useFocusTrap();
-  const [isLoading, setIsLoading] = useState(false);
+    const { updateServer } = useAuthStoreActions();
+    const focusTrapRef = useFocusTrap();
+    const [isLoading, setIsLoading] = useState(false);
 
-  const form = useForm({
-    initialValues: {
-      legacyAuth: false,
-      name: server?.name,
-      password: password || '',
-      savePassword: server.savePassword || false,
-      type: server?.type,
-      url: server?.url,
-      username: server?.username,
-    },
-  });
-
-  const isSubsonic = form.values.type === ServerType.SUBSONIC;
-  const isNavidrome = form.values.type === ServerType.NAVIDROME;
-
-  const handleSubmit = form.onSubmit(async (values) => {
-    const authFunction = api.controller.authenticate;
-
-    if (!authFunction) {
-      return toast.error({ message: 'Selected server type is invalid' });
-    }
-
-    try {
-      setIsLoading(true);
-      const data: AuthenticationResponse | undefined = await authFunction(
-        values.url,
-        {
-          legacy: values.legacyAuth,
-          password: values.password,
-          username: values.username,
+    const form = useForm({
+        initialValues: {
+            legacyAuth: false,
+            name: server?.name,
+            password: password || '',
+            savePassword: server.savePassword || false,
+            type: server?.type,
+            url: server?.url,
+            username: server?.username,
         },
-        values.type,
-      );
+    });
 
-      if (!data) {
-        return toast.error({ message: 'Authentication failed' });
-      }
+    const isSubsonic = form.values.type === ServerType.SUBSONIC;
+    const isNavidrome = form.values.type === ServerType.NAVIDROME;
 
-      const serverItem = {
-        credential: data.credential,
-        name: values.name,
-        ndCredential: data.ndCredential,
-        savePassword: values.savePassword,
-        type: values.type,
-        url: values.url,
-        userId: data.userId,
-        username: data.username,
-      };
+    const handleSubmit = form.onSubmit(async (values) => {
+        const authFunction = api.controller.authenticate;
 
-      updateServer(server.id, serverItem);
-      toast.success({ message: 'Server has been updated' });
-
-      if (localSettings) {
-        if (values.savePassword) {
-          const saved = await localSettings.passwordSet(values.password, server.id);
-          if (!saved) {
-            toast.error({ message: 'Could not save password' });
-          }
-        } else {
-          localSettings.passwordRemove(server.id);
+        if (!authFunction) {
+            return toast.error({ message: 'Selected server type is invalid' });
         }
-      }
-    } catch (err: any) {
-      setIsLoading(false);
-      return toast.error({ message: err?.message });
-    }
 
-    if (isUpdate) closeAllModals();
-    return setIsLoading(false);
-  });
+        try {
+            setIsLoading(true);
+            const data: AuthenticationResponse | undefined = await authFunction(
+                values.url,
+                {
+                    legacy: values.legacyAuth,
+                    password: values.password,
+                    username: values.username,
+                },
+                values.type,
+            );
 
-  return (
-    <form onSubmit={handleSubmit}>
-      <Stack ref={focusTrapRef}>
-        <TextInput
-          required
-          label="Name"
-          rightSection={form.isDirty('name') && <ModifiedFieldIndicator />}
-          {...form.getInputProps('name')}
-        />
-        <TextInput
-          required
-          label="Url"
-          rightSection={form.isDirty('url') && <ModifiedFieldIndicator />}
-          {...form.getInputProps('url')}
-        />
-        <TextInput
-          required
-          label="Username"
-          rightSection={form.isDirty('username') && <ModifiedFieldIndicator />}
-          {...form.getInputProps('username')}
-        />
-        <PasswordInput
-          data-autofocus
-          required
-          label="Password"
-          {...form.getInputProps('password')}
-        />
-        {localSettings && isNavidrome && (
-          <Checkbox
-            label="Save password"
-            {...form.getInputProps('savePassword', {
-              type: 'checkbox',
-            })}
-          />
-        )}
-        {isSubsonic && (
-          <Checkbox
-            label="Enable legacy authentication"
-            {...form.getInputProps('legacyAuth', {
-              type: 'checkbox',
-            })}
-          />
-        )}
-        <Group position="right">
-          <Button
-            variant="subtle"
-            onClick={onCancel}
-          >
-            Cancel
-          </Button>
-          <Button
-            loading={isLoading}
-            type="submit"
-            variant="filled"
-          >
-            Save
-          </Button>
-        </Group>
-      </Stack>
-    </form>
-  );
+            if (!data) {
+                return toast.error({ message: 'Authentication failed' });
+            }
+
+            const serverItem = {
+                credential: data.credential,
+                name: values.name,
+                ndCredential: data.ndCredential,
+                savePassword: values.savePassword,
+                type: values.type,
+                url: values.url,
+                userId: data.userId,
+                username: data.username,
+            };
+
+            updateServer(server.id, serverItem);
+            toast.success({ message: 'Server has been updated' });
+
+            if (localSettings) {
+                if (values.savePassword) {
+                    const saved = await localSettings.passwordSet(values.password, server.id);
+                    if (!saved) {
+                        toast.error({ message: 'Could not save password' });
+                    }
+                } else {
+                    localSettings.passwordRemove(server.id);
+                }
+            }
+        } catch (err: any) {
+            setIsLoading(false);
+            return toast.error({ message: err?.message });
+        }
+
+        if (isUpdate) closeAllModals();
+        return setIsLoading(false);
+    });
+
+    return (
+        <form onSubmit={handleSubmit}>
+            <Stack ref={focusTrapRef}>
+                <TextInput
+                    required
+                    label="Name"
+                    rightSection={form.isDirty('name') && <ModifiedFieldIndicator />}
+                    {...form.getInputProps('name')}
+                />
+                <TextInput
+                    required
+                    label="Url"
+                    rightSection={form.isDirty('url') && <ModifiedFieldIndicator />}
+                    {...form.getInputProps('url')}
+                />
+                <TextInput
+                    required
+                    label="Username"
+                    rightSection={form.isDirty('username') && <ModifiedFieldIndicator />}
+                    {...form.getInputProps('username')}
+                />
+                <PasswordInput
+                    data-autofocus
+                    required
+                    label="Password"
+                    {...form.getInputProps('password')}
+                />
+                {localSettings && isNavidrome && (
+                    <Checkbox
+                        label="Save password"
+                        {...form.getInputProps('savePassword', {
+                            type: 'checkbox',
+                        })}
+                    />
+                )}
+                {isSubsonic && (
+                    <Checkbox
+                        label="Enable legacy authentication"
+                        {...form.getInputProps('legacyAuth', {
+                            type: 'checkbox',
+                        })}
+                    />
+                )}
+                <Group position="right">
+                    <Button
+                        variant="subtle"
+                        onClick={onCancel}
+                    >
+                        Cancel
+                    </Button>
+                    <Button
+                        loading={isLoading}
+                        type="submit"
+                        variant="filled"
+                    >
+                        Save
+                    </Button>
+                </Group>
+            </Stack>
+        </form>
+    );
 };