starred/yaak-mountain-loop
1
0
Fork 0
mirror of https://github.com/mountain-loop/yaak.git synced 2026-03-26 03:11:12 +01:00
Code Issues 8 Packages Projects Releases 10 Wiki Activity

A bit more chaining cleanup

Browse Source
This commit is contained in:
Gregory Schier
2024-08-19 16:38:28 -07:00
parent bd02206df2
commit 323e27a047
16 changed files with 173 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src-web/components/core/Select.tsx
View File

@@ -38,6 +38,8 @@ export function Select<T extends string>({
const osInfo = useOsInfo();
const [focused, setFocused] = useState<boolean>(false);
const id = `input-${name}`;
const isInvalidSelection = options.find((o) => 'value' in o && o.value === value) == null;
return (
<div
className={classNames(
@@ -67,6 +69,7 @@ export function Select<T extends string>({
'pl-2',
'border',
focused ? 'border-border-focus' : 'border-border',
isInvalidSelection && 'border-danger',
size === 'xs' && 'h-xs',
size === 'sm' && 'h-sm',
size === 'md' && 'h-md',
@@ -81,6 +84,7 @@ export function Select<T extends string>({
onBlur={() => setFocused(false)}
className={classNames('pr-7 w-full outline-none bg-transparent')}
>
{isInvalidSelection && <option value={'__NONE__'}>-- Select an Option --</option>}
{options.map((o) => {
if (o.type === 'separator') return null;
return (