New settings pages

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

@@ -240,14 +240,18 @@ export default function Search({
 
 	const optionsFilter: OptionsFilter = ({ options, search }) => {
 		const splittedSearch = search.toLowerCase().trim().split(' ');
-		if (splittedSearch[0] === '!') {
-			return apps.map((app: any) => {
-				return {
-					label: app.name,
-					value: app.baseUrl,
-					...app,
-				};
-			});
+		if (splittedSearch[0].startsWith('!')) {
+			return apps
+				.filter((app: any) =>
+					app.name.toLowerCase().includes(splittedSearch[0].substring(1).toLowerCase()),
+				)
+				.map((app: any) => {
+					return {
+						label: app.name,
+						value: app.baseUrl,
+						...app,
+					};
+				});
 		}
 		return options
 			.filter((option: any) => {
@@ -469,6 +473,9 @@ export default function Search({
 				onKeyUp={handleKeyUp}
 			/>
 			<HelpModal
+				setSearchValue={setSearchValue}
+				setProviderLabel={setProviderLabel}
+				setProviderURL={setProviderURL}
 				providerModalOpened={providerModalOpened}
 				applicationData={applicationData}
 				providerData={providerData}