smedmunds/TriggerFrontend
1
0
Fork 0
Code Issues Pull Requests Actions Projects Releases Wiki Activity

Search fixes
All checks were successful
Deploy to production / build (push) Successful in 17s
Details

Browse Source
This commit is contained in:
Sean Edmunds
2026-07-14 23:13:04 -05:00
parent 4b6458dd6f
commit 0685488252
4 changed files with 27 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/hooks/useCommonHooks.ts
View File

@@ -73,7 +73,7 @@ export function useCommonHooks() {
key: 'timeFormat', key: 'timeFormat',
defaultValue: '12h', defaultValue: '12h',
}); });
const [searchValue, setSearchValue] = useState<string | number>(''); const [searchValue, setSearchValue] = useState<string>('');
const [providerLabel, setProviderLabel] = useState(defaultProviderLabel); const [providerLabel, setProviderLabel] = useState(defaultProviderLabel);
const [providerURL, setProviderURL] = useState(defaultProviderURL); const [providerURL, setProviderURL] = useState(defaultProviderURL);
const [providerPrefix, setProviderPrefix] = useState(defaultProviderPrefix); const [providerPrefix, setProviderPrefix] = useState(defaultProviderPrefix);

1
src/pages/homepage/components/Search/Search.tsx
View File

@@ -534,6 +534,7 @@ export function Search({
'aria-label': 'Clear search', 'aria-label': 'Clear search',
c: 'var(--mantine-color-accent-0)', c: 'var(--mantine-color-accent-0)',
bg: 'transparent', bg: 'transparent',
display: searchValue.length === 0 ? 'none' : 'flex',
}} }}
scrollAreaProps={{ viewportRef: ref }} scrollAreaProps={{ viewportRef: ref }}
renderOption={(item: any) => ( renderOption={(item: any) => (

2
src/pages/homepage/components/Search/components/RenderItem.tsx
View File

@@ -18,7 +18,7 @@ export default function RenderItem({
allIcons: any; allIcons: any;
providers: Provider[]; providers: Provider[];
searchValue: string | number; searchValue: string | number;
setSearchValue: React.Dispatch<React.SetStateAction<string | number>>; setSearchValue: React.Dispatch<React.SetStateAction<string>>;
personal: PersonalData; personal: PersonalData;
handleGuacamoleClientLaunchItem: ({ option }: { option: any }) => void; handleGuacamoleClientLaunchItem: ({ option }: { option: any }) => void;
setHistoryMultiplier: React.Dispatch<React.SetStateAction<number>>; setHistoryMultiplier: React.Dispatch<React.SetStateAction<number>>;

46
src/pages/settings/components/Bookmarks/DebouncedGroupSettingsItem.tsx
View File

@@ -208,33 +208,35 @@ function DebouncedGroupSettingsItem({
</Card.Section> </Card.Section>
<Card.Section mt={'1rem'} p={'1rem'}> <Card.Section mt={'1rem'} p={'1rem'}>
<Stack pos={'relative'}> <Stack pos={'relative'}>
{group?.categoryName &&<Group {group?.categoryName && (
style={{ <Group
position: 'absolute',
width: '100%',
right: '6rem',
top: '-3.25rem',
}}
>
<Box
style={{ style={{
position: 'absolute', position: 'absolute',
right: '1rem', width: '100%',
top: '.5rem', right: '6rem',
top: '-3.25rem',
}} }}
> >
<ManagementPill <Box
enabled={group?.enabled} style={{
onChange={(event: React.ChangeEvent<HTMLInputElement>) => { position: 'absolute',
setUpdate({ right: '1rem',
...group, top: '.5rem',
enabled: event.target.checked ? 1 : 0,
});
}} }}
openModal={openModal} >
/> <ManagementPill
</Box> enabled={group?.enabled}
</Group>} onChange={(event: React.ChangeEvent<HTMLInputElement>) => {
setUpdate({
...group,
enabled: event.target.checked ? 1 : 0,
});
}}
openModal={openModal}
/>
</Box>
</Group>
)}
<DragDropContext onDragEnd={onDragEnd}> <DragDropContext onDragEnd={onDragEnd}>
<Droppable droppableId={`${bookmarkGroup?.id}`}> <Droppable droppableId={`${bookmarkGroup?.id}`}>
{(provided: DroppableProvided) => ( {(provided: DroppableProvided) => (