Files
homarr/packages/widgets/src/_inputs/widget-multiselect-input.tsx
T
Meier Lukas 1740450648 feat: Add widget integration option (#14)
* wip: add widget integrations

* feat: Add integration option to widgets

* feat: Add translation for widget integration select

* fix: formatting issue

* chore: address pull request feedback
2024-02-03 10:24:39 +01:00

26 lines
666 B
TypeScript

"use client";
import { MultiSelect } from "@homarr/ui";
import type { CommonWidgetInputProps } from "./common";
import { useWidgetInputTranslation } from "./common";
import { useFormContext } from "./form";
export const WidgetMultiSelectInput = ({
property,
sort,
options,
}: CommonWidgetInputProps<"multiSelect">) => {
const t = useWidgetInputTranslation(sort, property);
const form = useFormContext();
return (
<MultiSelect
label={t("label")}
data={options.options as unknown as string[]}
description={options.withDescription ? t("description") : undefined}
{...form.getInputProps(`options.${property}`)}
/>
);
};