idanoo/autobrr
1
0
Fork 0
mirror of https://github.com/idanoo/autobrr synced 2025-07-24 17:29:12 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

refactor: web api client and cleanup (#128)

Browse source 
refactor: refactored APIClient.ts with a new fetch wrapper and changed it into an explicit-import.

chore: modified package.json not to start browser on "npm run start"

chore: cleaned up code, deleted 2mo+ useless old comments.

fix: fixed parameter collision in screens/filters/details.tsx

fix: override react-select's Select component style to make it consistent. addresses #116

Co-authored-by: anonymous <anonymous>
This commit is contained in:
stacksmash76 2022-02-10 17:47:05 +01:00 • committed by GitHub
parent 6d68a5c3b7
commit b60e5f61c6
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
17 changed files with 381 additions and 793 deletions
Download patch file Download diff file Expand all files Collapse all files

23
web/src/forms/settings/IndexerForms.tsx
View file

@ -11,7 +11,7 @@ import { Dialog, Transition } from "@headlessui/react";
import { sleep } from "../../utils";
import { queryClient } from "../../App";
import DEBUG from "../../components/debug";
import APIClient from "../../api/APIClient";
import { APIClient } from "../../api/APIClient";
import {
TextFieldWide,
PasswordFieldWide,
@ -48,13 +48,22 @@ const Menu = (props: any) => {
);
}
const Option = (props: any) => {
return (
<components.Option
{...props}
className="dark:text-gray-400 dark:bg-gray-800 dark:hover:bg-gray-900 dark:focus:bg-gray-900"
/>
);
}
interface AddProps {
isOpen: boolean;
toggle: any;
}
export function IndexerAddForm({ isOpen, toggle }: AddProps) {
const { data } = useQuery<IndexerDefinition[], Error>('indexerDefinition', APIClient.indexers.getSchema,
const { data } = useQuery('indexerDefinition', APIClient.indexers.getSchema,
{
enabled: isOpen,
refetchOnWindowFocus: false
@ -237,8 +246,14 @@ export function IndexerAddForm({ isOpen, toggle }: AddProps) {
<Select {...field}
isClearable={true}
isSearchable={true}
components={{ Input, Control, Menu }}
components={{ Input, Control, Menu, Option }}
placeholder="Choose an indexer"
styles={{
singleValue: (base) => ({
...base,
color: "unset"
})
}}
value={field?.value && field.value.value}
onChange={(option: any) => {
setFieldValue("name", option?.label ?? "")
@ -248,7 +263,7 @@ export function IndexerAddForm({ isOpen, toggle }: AddProps) {
label: v.name,
value: v.identifier
}))}
/>
/>
)}
</Field>