Search fixes

src/hooks/useCommonHooks.ts

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

src/pages/homepage/components/Search/Search.tsx

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

src/pages/homepage/components/Search/components/RenderItem.tsx

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

src/pages/settings/components/Bookmarks/DebouncedGroupSettingsItem.tsx

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