Dockery/Trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-10-31 10:26:08 +01:00
Code Issues Packages Projects Releases Activity

chore(react/settings): allow combo to have any possible object structure

Browse Source
This commit is contained in:
Elian Doran
2025-08-14 18:51:32 +03:00
parent d42a949602
commit 83b22b4861
1 changed files with 8 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
apps/client/src/widgets/react/FormSelect.tsx
View File

@@ -1,10 +1,12 @@
interface FormSelectProps { interface FormSelectProps<T> {
currentValue?: string; currentValue?: string;
onChange(newValue: string): void; onChange(newValue: string): void;
values: { val: string, title: string }[]; values: T[];
keyProperty: keyof T;
titleProperty: keyof T;
} }
export default function FormSelect({ currentValue, values, onChange }: FormSelectProps) { export default function FormSelect<T>({ currentValue, values, onChange, keyProperty, titleProperty }: FormSelectProps<T>) {
return ( return (
<select <select
class="form-select" class="form-select"
@@ -13,10 +15,10 @@ export default function FormSelect({ currentValue, values, onChange }: FormSelec
{values.map(item => { {values.map(item => {
return ( return (
<option <option
value={item.val} value={item[keyProperty] as any}
selected={item.val === currentValue} selected={item[keyProperty] === currentValue}
> >
{item.title} {item[titleProperty] as any}
</option> </option>
); );
})} })}