Search updates

src/pages/homepage/components/Header/Header.tsx

@@ -83,8 +83,8 @@ function Header({
 					{greet
 						.replace('$firstName', currentUser.firstName)
 						.replace('$lastName', currentUser.lastName)
-						.replace('$firstName!', currentUser.firstName.toUpperCase())
-						.replace('$lastName!', currentUser.lastName.toUpperCase())}
+						.replace('$firstName^', currentUser.firstName.toUpperCase())
+						.replace('$lastName^', currentUser.lastName.toUpperCase())}
 				</Text>
 			</Stack>
 			<Stack

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

@@ -16,6 +16,10 @@ export default function Search({
 		endpoint: 'api/providers',
 	});
 	const [providerData, setProviderData] = useState<any>([]);
+	const { data: apps, isFetching: isAppsFetching } = useQueryAPI({
+		endpoint: 'api/apps',
+	});
+	const [applicationData, setApplicationData] = useState<any>([]);
 	const [providerModalOpened, { open: openProviderModal, close: closeProviderModal }] =
 		useDisclosure(false);
 	const {
@@ -30,6 +34,7 @@ export default function Search({
 	const handleKeyPress = (item: any) => {
 		let option = '';
 		let subtext = '';
+
 		const urlPattern = new RegExp(
 			'^(https?:\\/\\/)?' + // protocol
 				'((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.)+[a-z]{2,}|' + // domain name
@@ -58,6 +63,11 @@ export default function Search({
 				open(`${providerURL}${subtext}`, '_self');
 			} else if (providerLabel === 'Show weather') {
 				openWeatherModal();
+			} else if (providerLabel.startsWith('Launch')) {
+				open(
+					`${applicationData?.find((app: any) => app.baseUrl.substr(1).toLowerCase() === item.target.value.substr(1)).url}`,
+					'_self',
+				);
 			} else if (urlPattern.test(item.target.value)) {
 				if (/^(https?:\/\/).*/i.test(item.target.value))
 					window.location = item.target.value;
@@ -74,6 +84,11 @@ export default function Search({
 		}
 	}, [providers, providersIsFetched]);
 
+	useEffect(() => {
+		if (apps && !isAppsFetching) {
+			setApplicationData(apps);
+		}
+	}, [apps, isAppsFetching]);
 	return (
 		<Stack
 			style={{
@@ -99,7 +114,9 @@ export default function Search({
 					if (
 						item.target.value === '/?' ||
 						item.target.value === '!help' ||
-						item.target.value === '!h'
+						item.target.value === '/help' ||
+						item.target.value === '!h' ||
+						item.target.value === '/h'
 					) {
 						setProviderLabel('Show help');
 					} else if (item.target.value.startsWith('/')) {
@@ -111,6 +128,15 @@ export default function Search({
 					} else if (item.target.value.startsWith('!')) {
 						if (item.target.value === '!w' || item.target.value === '!weather') {
 							setProviderLabel('Show weather');
+						} else if (
+							applicationData?.find(
+								(app: any) =>
+									app.baseUrl.substr(1).toLowerCase() === item.target.value.substr(1),
+							)
+						) {
+							setProviderLabel(`Launch ${item.target.value.substr(1)}`);
+						} else {
+							setProviderLabel('Invalid function');
 						}
 					} else {
 						setProviderLabel('Google Search');
@@ -118,7 +144,11 @@ export default function Search({
 					}
 				}}
 				onKeyUp={(item: any) => {
-					if (providerLabel !== 'Invalid Search') {
+					if (item.code === 'Escape') {
+						setSearchValue('');
+						setProviderLabel('Google Search');
+					}
+					if (!providerLabel.startsWith('Invalid')) {
 						handleKeyPress(item);
 					}
 				}}