- {label}
- {tooltip && (
- {tooltip}
- )}
+ {tooltip ? (
+ {tooltip}
+ ) : label}
{sublabel}
@@ -74,4 +73,4 @@ const CheckboxField = ({
);
-export { ErrorField, RequiredField, CheckboxField };
\ No newline at end of file
+export { ErrorField, RequiredField, CheckboxField };
diff --git a/web/src/components/inputs/input.tsx b/web/src/components/inputs/input.tsx
index cf795fe..d013a2b 100644
--- a/web/src/components/inputs/input.tsx
+++ b/web/src/components/inputs/input.tsx
@@ -9,7 +9,7 @@ import { EyeIcon, EyeSlashIcon, CheckCircleIcon, XCircleIcon } from "@heroicons/
import TextareaAutosize from "react-textarea-autosize";
import { useToggle } from "@hooks/hooks";
-import { CustomTooltip } from "@components/tooltips/CustomTooltip";
+import { DocsTooltip } from "@components/tooltips/DocsTooltip";
import { classNames } from "@utils";
type COL_WIDTHS = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
@@ -46,10 +46,9 @@ export const TextField = ({
{label && (
- {label}
-
{tooltip && {tooltip} }
+
+ {tooltip ? (
+ {tooltip}
+ ) : label}
)}
@@ -412,10 +413,9 @@ export const TextArea = ({
{label && (
- {label}
- {tooltip && (
- {tooltip}
- )}
+ {tooltip ? (
+ {tooltip}
+ ) : label}
)}
@@ -484,10 +484,9 @@ export const TextAreaAutoResize = ({
{label && (
- {label}
- {tooltip && (
- {tooltip}
- )}
+ {tooltip ? (
+ {tooltip}
+ ) : label}
)}
@@ -630,8 +629,9 @@ export const NumberField = ({
className="flex float-left mb-2 text-xs font-bold text-gray-700 dark:text-gray-200 uppercase tracking-wide"
>
- {label}
- {tooltip && {tooltip} }
+ {tooltip ? (
+ {tooltip}
+ ) : label}
diff --git a/web/src/components/inputs/input_wide.tsx b/web/src/components/inputs/input_wide.tsx
index 669d130..33dacfb 100644
--- a/web/src/components/inputs/input_wide.tsx
+++ b/web/src/components/inputs/input_wide.tsx
@@ -12,7 +12,7 @@ import { Switch } from "@headlessui/react";
import { ErrorField, RequiredField } from "./common";
import Select, { components, ControlProps, InputProps, MenuProps, OptionProps } from "react-select";
import { SelectFieldProps } from "./select";
-import { CustomTooltip } from "@components/tooltips/CustomTooltip";
+import { DocsTooltip } from "@components/tooltips/DocsTooltip";
interface TextFieldWideProps {
name: string;
@@ -43,7 +43,9 @@ export const TextFieldWide = ({
- {label} {tooltip && ({tooltip} )}
+ {tooltip ? (
+ {tooltip}
+ ) : label}
@@ -108,7 +110,9 @@ export const PasswordFieldWide = ({
- {label} {tooltip && ({tooltip} )}
+ {tooltip ? (
+ {tooltip}
+ ) : label}
@@ -172,7 +176,9 @@ export const NumberFieldWide = ({
className="block text-sm font-medium text-gray-900 dark:text-white sm:mt-px sm:pt-2"
>
- {label} {tooltip && ({tooltip} )}
+ {tooltip ? (
+ {tooltip}
+ ) : label}
@@ -232,10 +238,11 @@ export const SwitchGroupWide = ({
-
+
- {label} {tooltip && ({tooltip} )}
+ {tooltip ? (
+ {tooltip}
+ ) : label}
{description && (
@@ -396,8 +403,9 @@ export const SelectFieldWide = ({
className="flex text-sm font-medium text-gray-900 dark:text-white"
>
- {label}
- {tooltip && ({tooltip} )}
+ {tooltip ? (
+ {tooltip}
+ ) : label}
- {label}
- {tooltip && (
- {tooltip}
- )}
+ {tooltip ? (
+ {tooltip}
+ ) : label}
@@ -297,10 +296,9 @@ export const Select = ({
<>
- {label}
- {tooltip && (
- {tooltip}
- )}
+ {tooltip ? (
+ {tooltip}
+ ) : label}
diff --git a/web/src/components/inputs/select_wide.tsx b/web/src/components/inputs/select_wide.tsx
index d3d57ae..2846e01 100644
--- a/web/src/components/inputs/select_wide.tsx
+++ b/web/src/components/inputs/select_wide.tsx
@@ -8,7 +8,7 @@ import { Field } from "formik";
import Select, { components, ControlProps, InputProps, MenuProps, OptionProps } from "react-select";
import { OptionBasicTyped } from "@domain/constants";
import CreatableSelect from "react-select/creatable";
-import { CustomTooltip } from "@components/tooltips/CustomTooltip";
+import { DocsTooltip } from "@components/tooltips/DocsTooltip";
interface SelectFieldProps
{
name: string;
@@ -29,7 +29,9 @@ export function SelectFieldCreatable({ name, label, help, placeholder, toolti
className="block text-sm font-medium text-gray-900 dark:text-white sm:pt-2"
>
- {label} {tooltip && ({tooltip} )}
+ {tooltip ? (
+ {tooltip}
+ ) : label}
({ name, label, help, placeholder, tooltip, d
className="block text-sm font-medium text-gray-900 dark:text-white sm:pt-2"
>
- {label} {tooltip && ({tooltip} )}
+ {tooltip ? (
+ {tooltip}
+ ) : label}
diff --git a/web/src/components/inputs/switch.tsx b/web/src/components/inputs/switch.tsx
index a2b69b6..6ff3335 100644
--- a/web/src/components/inputs/switch.tsx
+++ b/web/src/components/inputs/switch.tsx
@@ -9,7 +9,7 @@ import { Field } from "formik";
import { Switch as HeadlessSwitch } from "@headlessui/react";
import { classNames } from "@utils";
-import { CustomTooltip } from "@components/tooltips/CustomTooltip";
+import { DocsTooltip } from "@components/tooltips/DocsTooltip";
type SwitchProps
= {
label?: string
@@ -88,13 +88,18 @@ const SwitchGroup = ({
}: SwitchGroupProps) => (
{label &&
-
+
- {label}
- {tooltip && (
- {tooltip}
- )}
+ {tooltip ? (
+ {tooltip}
+ ) : label}
{description && (
diff --git a/web/src/components/tooltips/CustomTooltip.css b/web/src/components/tooltips/CustomTooltip.css
deleted file mode 100644
index 3fc83de..0000000
--- a/web/src/components/tooltips/CustomTooltip.css
+++ /dev/null
@@ -1,16 +0,0 @@
-/*
- * Copyright (c) 2021 - 2023, Ludvig Lundgren and the autobrr contributors.
- * SPDX-License-Identifier: GPL-2.0-or-later
- */
-
-.react-tooltip code {
- background-color: rgb(63, 71, 94);
- padding-left: 4px;
- padding-right: 4px;
- padding-top: 2px;
- padding-bottom: 2px;
-}
-
-.react-tooltip a:hover {
- text-decoration-line: underline;
-}
diff --git a/web/src/components/tooltips/CustomTooltip.tsx b/web/src/components/tooltips/CustomTooltip.tsx
deleted file mode 100644
index 51058c6..0000000
--- a/web/src/components/tooltips/CustomTooltip.tsx
+++ /dev/null
@@ -1,40 +0,0 @@
-/*
- * Copyright (c) 2021 - 2023, Ludvig Lundgren and the autobrr contributors.
- * SPDX-License-Identifier: GPL-2.0-or-later
- */
-
-import { PlacesType, Tooltip } from "react-tooltip";
-import "./CustomTooltip.css";
-
-
-interface CustomTooltipProps {
- anchorId: string;
- children?: React.ReactNode;
- clickable?: boolean;
- place?: PlacesType;
- }
-
-export const CustomTooltip = ({
- anchorId,
- children,
- clickable = true,
- place = "top"
-}: CustomTooltipProps) => {
- const id = `${anchorId}-tooltip`;
- return (
-
- );
-};
diff --git a/web/src/components/tooltips/DocsTooltip.tsx b/web/src/components/tooltips/DocsTooltip.tsx
new file mode 100644
index 0000000..48f6870
--- /dev/null
+++ b/web/src/components/tooltips/DocsTooltip.tsx
@@ -0,0 +1,25 @@
+/*
+ * Copyright (c) 2021 - 2023, Ludvig Lundgren and the autobrr contributors.
+ * SPDX-License-Identifier: GPL-2.0-or-later
+ */
+
+import { Tooltip } from "./Tooltip";
+
+interface DocsTooltipProps {
+ label?: React.ReactNode;
+ children?: React.ReactNode;
+}
+
+export const DocsTooltip = ({ label, children }: DocsTooltipProps) => (
+
+ {label ?? null}
+ ) => void;
title?: ReactNode;
maxWidth?: string;
+ requiresClick?: boolean;
children: ReactNode;
}
+// NOTE(stacksmash76): onClick is not propagated
+// to the label (always-visible) component, so you will have
+// to use the `onLabelClick` prop in this case.
export const Tooltip = ({
label,
+ onLabelClick,
title,
children,
+ requiresClick,
maxWidth = "max-w-sm"
}: TooltipProps) => {
const {
@@ -28,22 +36,46 @@ export const Tooltip = ({
setTriggerRef,
visible
} = usePopperTooltip({
- trigger: ["click"],
- interactive: false
+ trigger: requiresClick ? ["click"] : ["click", "hover"],
+ interactive: !requiresClick,
+ delayHide: 200
});
+ if (!children || Array.isArray(children) && !children.length) {
+ return null;
+ }
+
return (
<>
-
+
{
+ e.preventDefault();
+ e.stopPropagation();
+ e.nativeEvent.stopImmediatePropagation();
+
+ onLabelClick?.(e);
+ }}
+ >
{label}
- {visible && (
+
@@ -55,13 +87,13 @@ export const Tooltip = ({
{children}
);
-};
\ No newline at end of file
+};
diff --git a/web/src/forms/settings/DownloadClientForms.tsx b/web/src/forms/settings/DownloadClientForms.tsx
index deadc8c..c06d479 100644
--- a/web/src/forms/settings/DownloadClientForms.tsx
+++ b/web/src/forms/settings/DownloadClientForms.tsx
@@ -26,6 +26,7 @@ import {
} from "@components/inputs";
import { clientKeys } from "@screens/settings/DownloadClient";
import { SelectFieldWide } from "@components/inputs/input_wide";
+import { DocsLink, ExternalLink } from "@components/ExternalLink";
interface InitialValuesSettings {
basic?: {
@@ -54,7 +55,6 @@ interface InitialValues {
settings: InitialValuesSettings;
}
-
function FormFieldsDeluge() {
const {
values: { tls }
@@ -63,11 +63,20 @@ function FormFieldsDeluge() {
return (
}
- required={true}
+ tooltip={
+
+
See guides for how to connect to Deluge for various server types in our docs.
+
+
Dedicated servers:
+
+
Shared seedbox providers:
+
+
+ }
/>
See guides for how to connect to the *arr suite for various server types in our docs.
Dedicated servers:
https://autobrr.com/configuration/download-clients/dedicated/ Shared seedbox providers:
https://autobrr.com/configuration/download-clients/shared-seedboxes
+
See guides for how to connect to the *arr suite for various server types in our docs.
+
+
Dedicated servers:
+
+
Shared seedbox providers:
+
+
+
+
See guides for how to connect to qBittorrent for various server types in our docs.
+
+
Dedicated servers:
+
+
Shared seedbox providers:
+
+
+
See guides for how to connect to rTorrent for various server types in our docs.
+
+
Dedicated servers:
+
+
Shared seedbox providers:
+
+
+
See guides for how to connect to Transmission for various server types in our docs.
+
+
Dedicated servers:
+
+
Shared seedbox providers:
+
+
+
See our guides on how to connect to qBittorrent for various server types in our docs.
+
+
Dedicated servers:
+
+
Shared seedbox providers:
+
+
-
+
{settings && settings.rules?.enabled === true && (
-
Limit the amount of active downloads (0 is unlimited), to give the maximum amount of bandwidth and disk for the downloads.
https://autobrr.com/configuration/download-clients/dedicated#deluge-rules See recommendations for various server types here:
https://autobrr.com/filters/examples#build-buffer } />
+
+ Limit the amount of active downloads (0 is unlimited), to give the maximum amount of bandwidth and disk for the downloads.
+ See recommendations for various server types here:
+ Limit the amount of active downloads (0 is unlimited), to give the maximum amount of bandwidth and disk for the downloads.
https://autobrr.com/configuration/download-clients/dedicated#qbittorrent-rules See recommendations for various server types here:
https://autobrr.com/filters/examples#build-buffer } />
+ tooltip={
+ <>
+ Limit the amount of active downloads (0 is unlimited), to give the maximum amount of bandwidth and disk for the downloads.
+ See recommendations for various server types here:
+ Limit the amount of active downloads (0 is unlimited), to give the maximum amount of bandwidth and disk for the downloads.
https://autobrr.com/configuration/download-clients/dedicated#transmission-rules See recommendations for various server types here:
https://autobrr.com/filters/examples#build-buffer }
+ tooltip={
+ <>
+ Limit the amount of active downloads (0 is unlimited), to give the maximum amount of bandwidth and disk for the downloads.
+ See recommendations for various server types here:
+ );
+ toast.custom((t) => );
+ toast.custom((t) =>
-
+
-
-
+ );
+ toast.custom((t) => );
+ toast.custom((t) =>
-
+
-
-
+ {
{ind.irc.settings.map((f: IndexerSetting, idx: number) => {
switch (f.type) {
- case "text":
- return Please read our IRC guide if you are unfamiliar with IRC.
https://autobrr.com/configuration/irc
+ Please read our IRC guide if you are unfamiliar with IRC.
+
+ }
+ />
+ );
+ case "secret":
+ if (f.name === "invite_command") {
+ return
;
+ }
+ return
;
}
return null;
})}
@@ -224,7 +241,21 @@ const SettingFields = (ind: IndexerDefinition, indexer: string) => {
);
case "secret":
return (
-
This field does not take a full URL. Only use alphanumeric strings like uqcdi67cibkx3an8cmdm.
https://autobrr.com/faqs#common-action-rejections
+ This field does not take a full URL. Only use alphanumeric strings like uqcdi67cibkx3an8cmdm.
+
{settings.map((f: IndexerSetting, idx: number) => {
switch (f.type) {
- case "text":
- return (
-
- );
- case "secret":
- return (
-
This field does not take a full URL. Only use alphanumeric strings like uqcdi67cibkx3an8cmdm.
https://autobrr.com/faqs#common-action-rejections
+ This field does not take a full URL. Only use alphanumeric strings like uqcdi67cibkx3an8cmdm.
+
+ }
+ />
+ );
}
return null;
})}
diff --git a/web/src/forms/settings/NotificationForms.tsx b/web/src/forms/settings/NotificationForms.tsx
index 7f3edec..c47c124 100644
--- a/web/src/forms/settings/NotificationForms.tsx
+++ b/web/src/forms/settings/NotificationForms.tsx
@@ -20,6 +20,7 @@ import Toast from "@components/notifications/Toast";
import { SlideOver } from "@components/panels";
import { componentMapType } from "./DownloadClientForms";
import { notificationKeys } from "@screens/settings/Notifications";
+import { ExternalLink } from "@components/ExternalLink";
const Input = (props: InputProps) => {
return (
@@ -68,7 +69,14 @@ function FormFieldsDiscord() {
Settings
- Create a webhook integration in your server.
+ {"Create a "}
+
+ webhook integration
+
+ {" in your server."}
@@ -107,7 +115,14 @@ function FormFieldsTelegram() {
Settings
- Read how to create a bot .
+ {"Read how to "}
+
+ create a bot
+
+ {"."}
@@ -136,7 +151,14 @@ function FormFieldsPushover() {
Settings
- Register a new application and add its API Token here.
+ {"Register a new "}
+
+ application
+
+ {" and add its API Token here."}
diff --git a/web/src/index.tsx b/web/src/index.tsx
index 2794033..97ab311 100644
--- a/web/src/index.tsx
+++ b/web/src/index.tsx
@@ -8,7 +8,6 @@ import { createRoot } from "react-dom/client";
import { Buffer } from "buffer";
import "./index.css";
-import "react-tooltip/dist/react-tooltip.css";
import { App } from "./App";
import { InitializeGlobalContext } from "./utils/Context";
diff --git a/web/src/screens/Releases.tsx b/web/src/screens/Releases.tsx
index 894b9d8..f929181 100644
--- a/web/src/screens/Releases.tsx
+++ b/web/src/screens/Releases.tsx
@@ -7,6 +7,7 @@ import { useState } from "react";
import { ChevronUpIcon, ChevronDownIcon } from "@heroicons/react/24/solid";
import { ReleaseTable } from "./releases/ReleaseTable";
+import { ExternalLink } from "@components/ExternalLink";
const Code = ({ children }: { children: React.ReactNode }) => (
@@ -45,7 +46,7 @@ export const Releases = () => {
Search tips
-
+
You can use
2 special
wildcard characters for the purpose of pattern matching.
- Percent (
%) - for matching any
sequence of characters (equivalent to
* in Regex)
@@ -75,14 +76,14 @@ export const Releases = () => {
- As always, please refer to our
Search function usage
- documentation page to keep up with the latest examples and information.
+
+ {" documentation page to keep up with the latest examples and information."}
- Forgot?
+
+ Forgot?
+ }
+ >
+ If you forget your password you can reset it via the terminal: autobrrctl --config /home/username/.config/autobrr change-password $USERNAME
+
Set a custom save path for this action. Automatic Torrent Management will take care of this if using qBittorrent with categories.
The field can use macros to transform/add values from metadata:
https://autobrr.com/filters/actions#macros
+
Set a custom save path for this action. Automatic Torrent Management will take care of this if using qBittorrent with categories.
+
+
The field can use macros to transform/add values from metadata:
+
+
+
The field can use macros to transform/add values from metadata:
+
+
The field can use macros to transform/add values from metadata:
https://autobrr.com/filters/actions#macros } />
+ tooltip={
+
+
The field can use macros to transform/add values from metadata:
+
+
@@ -282,7 +303,14 @@ const TypeForm = ({ action, idx, clients }: TypeFormProps) => {
Choose to ignore rules set in
} />
+ tooltip={
+
+
+ Choose to ignore rules set in
+
Number of seconds to wait before running actions.
https://autobrr.com/filters#rules } />
- Filters are checked in order of priority. Higher number = higher priority.
https://autobrr.com/filters#rules } />
- Number of max downloads as specified by the respective unit.
https://autobrr.com/filters#rules } />
- The unit of time for counting the maximum downloads per filter.
https://autobrr.com/filters#rules } />
+
+ Supports units such as MB, MiB, GB, etc.
+
+ Supports units such as MB, MiB, GB, etc.
+
+ Number of seconds to wait before running actions.
+
+ Filters are checked in order of priority. Higher number = higher priority.
+
+ Number of max downloads as specified by the respective unit.
+
+ The unit of time for counting the maximum downloads per filter.
+
+ You can use basic filtering like wildcards * or replace single characters with ?
+
+ This field takes a range of years and/or comma separated single years.
+
+ See docs for information about how to only grab season packs:
+
+ See docs for information about how to only grab episodes:
+
-
} />
+
+ Will match releases which contain any of the selected resolutions.
+
+ Will match releases which contain any of the selected sources.
+ Will match releases which contain any of the selected containers.
https://autobrr.com/filters#quality } />
+
+ Will match releases which contain any of the selected codecs.
+
+ Will match releases which contain any of the selected containers.
+ Won't match releases which contain any of the selected HDR designations (takes priority over Match HDR).
https://autobrr.com/filters#quality } />
+
+ Will match releases which contain any of the selected HDR designations.
+
+ Won't match releases which contain any of the selected HDR designations (takes priority over Match HDR).
+ Won't match releases which contain any of the selected Other designations (takes priority over Match Other).
https://autobrr.com/filters#quality } />
+
+ Will match releases which contain any of the selected designations.
+
+ Won't match releases which contain any of the selected Other designations (takes priority over Match Other).
+ This field takes a range of years and/or comma separated single years.
https://autobrr.com/filters#music } />
+
+ You can use basic filtering like wildcards * or replace single characters with ?
+
+ You can use basic filtering like wildcards * or replace single characters with ?
+
+ This field takes a range of years and/or comma separated single years.
+ Will only match releases with any of the selected types.
https://autobrr.com/filters#quality-1 } />
-
-
- } />
-
-
-
-
-
-
-
-
- {/*
*/}
-
+
+ Will only match releases with any of the selected formats. This is overridden by Perfect FLAC.
+
-
+ }
+ />
+
+ Will only match releases with any of the selected qualities. This is overridden by Perfect FLAC.
+
+ }
+ />
+
+
+ Will only match releases with any of the selected sources. This is overridden by Perfect FLAC.
+
+ Will only match releases with any of the selected types.
+
+
+ Log scores go from 0 to 100. This is overridden by Perfect FLAC.
+
+
+
+
+
+
+ Override all options about quality, source, format, and cue/log/log score.
+
+ }
+ />
+ This field has full regex support (Golang flavour).
+ Remember to tick Use Regex below if using more than * and ?.
+
+ }
+ />
+
+ This field has full regex support (Golang flavour).
+ Remember to tick Use Regex below if using more than * and ?.
+
+ }
+ />
{values.match_releases ? (
Do you have a good reason to use Match releases instead of one of the other tabs?
+ <>
+ Do you have a good reason to use Match releases instead of one of the other tabs?
+
}
colors="text-cyan-700 bg-cyan-100 dark:bg-cyan-200 dark:text-cyan-800"
/>
@@ -600,7 +951,9 @@ export function Advanced({ values }: AdvancedProps) {
Do you have a good reason to use Except releases instead of one of the other tabs?
+ <>
+ Do you have a good reason to use Except releases instead of one of the other tabs?
+
}
colors="text-fuchsia-700 bg-fuchsia-100 dark:bg-fuchsia-200 dark:text-fuchsia-800"
/>
@@ -611,42 +964,215 @@ export function Advanced({ values }: AdvancedProps) {
-
- Comma separated list of release groups to match.
https://autobrr.com/filters#advanced } />
- Comma separated list of release groups to ignore (takes priority over Match releases).
https://autobrr.com/filters#advanced } />
+
+
+ Comma separated list of release groups to match.
+
+ Comma separated list of release groups to ignore (takes priority over Match releases).
+
-
- Comma separated list of categories to match.
https://autobrr.com/filters/categories } />
- Comma separated list of categories to ignore (takes priority over Match releases).
https://autobrr.com/filters/categories } />
+
+
+ Comma separated list of categories to match.
+
+ Comma separated list of categories to ignore (takes priority over Match releases).
+ Comma separated list of tags to match.
https://autobrr.com/filters#advanced } />
- Logic used to match filter tags.
https://autobrr.com/filters#advanced } />
- Comma separated list of tags to ignore (takes priority over Match releases).
hhttps://autobrr.com/filters#advanced } />
- Logic used to match except tags.
https://autobrr.com/filters#advanced } />
+
+ Comma separated list of tags to match.
+
+ Logic used to match filter tags.
+
+ Comma separated list of tags to ignore (takes priority over Match releases).
+
+ Logic used to match except tags.
+
-
- Comma separated list of uploaders to match.
https://autobrr.com/filters#advanced } />
- Comma separated list of uploaders to ignore (takes priority over Match releases).
https://autobrr.com/filters#advanced } />
+
+
+ Comma separated list of uploaders to match.
+
+ Comma separated list of uploaders to ignore (takes priority over Match releases).
+
+
-
-
+
-
-
+
-
+
-
-
+
+
-
+
{/*} />
- This field has full regex support (Golang flavour).
https://autobrr.com/filters#advanced Remember to tick Use Regex below if using more than * and ?.
} />
+
+ This field has full regex support (Golang flavour).
+ Remember to tick Use Regex below if using more than * and ?.
+
+ }
+ />
+
+ This field has full regex support (Golang flavour).
+ Remember to tick Use Regex below if using more than * and ?.
+
+ }
+ />
{/**/}
@@ -665,12 +1225,53 @@ export function Advanced({ values }: AdvancedProps) {
-
+
-
Freeleech may be announced as a binary true/false value or as a percentage, depending on the indexer. Use either or both, depending on the indexers you use.
See who uses what in the documentation: https://autobrr.com/filters/freeleech
+
+ Freeleech may be announced as a binary true/false value or as
+ a percentage, depending on the indexer. Use either or both,
+ depending on the indexers you use.
+
+
+ See who uses what in the documentation:{" "}
+
+
+ }
+ />
- Freeleech may be announced as a binary true/false value or as a percentage, depending on the indexer. Use either or both, depending on the indexers you use.
See who uses what in the documentation: https://autobrr.com/filters/freeleech
} columns={6} placeholder="eg. 50,75-100" />
+
+
+ Freeleech may be announced as a binary true/false value or as a
+ percentage, depending on the indexer. Use either or both,
+ depending on the indexers you use.
+
+
+ See who uses what in the documentation:{" "}
+
+
+ }
+ columns={6}
+ placeholder="eg. 50,75-100"
+ />
);
diff --git a/web/src/screens/filters/External.tsx b/web/src/screens/filters/External.tsx
index efc455c..7198cd7 100644
--- a/web/src/screens/filters/External.tsx
+++ b/web/src/screens/filters/External.tsx
@@ -19,6 +19,7 @@ import {
import { ChevronRightIcon } from "@heroicons/react/24/solid";
import { DeleteModal } from "@components/modals";
import { ArrowDownIcon, ArrowUpIcon } from "@heroicons/react/24/outline";
+import { DocsLink } from "@components/ExternalLink";
export function External() {
const { values } = useFormikContext();
@@ -261,11 +262,7 @@ const TypeForm = ({ external, idx }: TypeFormProps) => {
For custom commands you should specify the full path to the binary/program
you want to run. And you can include your own static variables:
- https://autobrr.com/filters/actions#custom-commands--exec
-
+
+
Filters
{({ open }) => (
@@ -635,49 +635,30 @@ function FilterListItem({ filter, values, idx }: FilterListItemProps) {
Priority: {filter.priority}
-
-
-
+
+
Actions: {filter.actions_count}
-
- {filter.actions_count === 0 && (
- <>
+ {!filter.actions_count && (
-
-
- You need to setup an action in the filter otherwise you will not get any snatches.
-
-
-
- )}
-
-
+ )}
+
+ }
+ >
+ {!filter.actions_count ? (
+ <>{"You need to setup an action in the filter otherwise you will not get any snatches."}
+ ) : null}
+
{props.row.original.download_url && (
-
+
)}
{props.row.original.info_url && (
-
+
+
)}
{value}
{newUpdate && newUpdate.html_url && (
-
- {newUpdate.name} available!
+
+ {newUpdate.name} available!
+
)}
@@ -184,10 +188,12 @@ function ApplicationSettings() {
setSettings({
- ...settings,
- debug: newValue
- })}
+ setValue={
+ (newValue: boolean) => setSettings((prevState) => ({
+ ...prevState,
+ debug: newValue
+ }))
+ }
/>
@@ -205,15 +211,16 @@ function ApplicationSettings() {
label="Dark theme"
description="Switch between dark and light theme."
value={settings.darkTheme}
- setValue={(newValue: boolean) => setSettings({
- ...settings,
- darkTheme: newValue
- })}
+ setValue={
+ (newValue: boolean) => setSettings((prevState) => ({
+ ...prevState,
+ darkTheme: newValue
+ }))
+ }
/>
-
);
}
diff --git a/web/src/screens/settings/Feed.tsx b/web/src/screens/settings/Feed.tsx
index 061f429..d8d626c 100644
--- a/web/src/screens/settings/Feed.tsx
+++ b/web/src/screens/settings/Feed.tsx
@@ -24,6 +24,7 @@ import { FeedUpdateForm } from "@forms/settings/FeedForms";
import { EmptySimple } from "@components/emptystates";
import { ImplementationBadges } from "./Indexer";
import { ArrowPathIcon } from "@heroicons/react/24/solid";
+import { ExternalLink } from "@components/ExternalLink";
export const feedKeys = {
all: ["feeds"] as const,
@@ -354,10 +355,8 @@ const FeedItemDropdown = ({
{({ active }) => (
-