starred/yaak-mountain-loop
1
0
Fork 0
mirror of https://github.com/mountain-loop/yaak.git synced 2026-04-20 15:51:23 +02:00
Code Issues 8 Packages Projects Releases 10 Wiki Activity

Better radio dropdown type

Browse Source
This commit is contained in:
Gregory Schier
2023-03-20 16:54:26 -07:00
parent f855d8ab16
commit 4b0793ebef
3 changed files with 17 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src-web/components/core/RadioDropdown.tsx
View File

@@ -1,26 +1,21 @@
import { memo, useMemo } from 'react';
import { useMemo } from 'react';
import type { DropdownProps } from './Dropdown';
import { Dropdown } from './Dropdown';
import { Icon } from './Icon';
export interface RadioDropdownItem {
export interface RadioDropdownItem<T> {
label: string;
value: string | null;
value: T;
}
export interface RadioDropdownProps {
value: string | null;
onChange: (value: string | null) => void;
items: RadioDropdownItem[];
export interface RadioDropdownProps<T> {
value: T;
onChange: (value: T) => void;
items: RadioDropdownItem<T>[];
children: DropdownProps['children'];
}
export const RadioDropdown = memo(function RadioDropdown({
value,
items,
onChange,
children,
}: RadioDropdownProps) {
export function RadioDropdown<T>({ value, items, onChange, children }: RadioDropdownProps<T>) {
const dropdownItems = useMemo(
() =>
items.map(({ label, value: v }) => ({
@@ -32,4 +27,4 @@ export const RadioDropdown = memo(function RadioDropdown({
);
return <Dropdown items={dropdownItems}>{children}</Dropdown>;
});
}