Slight refactor

src/components/HelpModal/HelpModal.tsx

@@ -1,17 +1,11 @@
 import { Divider, Group, Modal, Stack, Text } from '@mantine/core';
-import { appTheme } from 'contexts';
-import { useAtom } from 'jotai';
+import { useCommonHooks } from 'hooks';
 import { modalClasses } from 'styles';
 
-export function HelpModal({
-	setValue,
-	setProviderLabel,
-	setProviderURL,
-	providers,
-	providerModalOpened,
-	closeProviderModal,
-}: any) {
-	const [theme, _] = useAtom(appTheme);
+export function HelpModal({ providerModalOpened, closeProviderModal }: any) {
+	const { theme, providers, setSearchValue, setProviderLabel, setProviderURL } =
+		useCommonHooks();
+
 	return (
 		<Modal.Root
 			size={'60%'}
@@ -20,7 +14,7 @@ export function HelpModal({
 			opened={providerModalOpened}
 			onClose={() => {
 				closeProviderModal();
-				setValue('');
+				setSearchValue('');
 				setProviderLabel('Google Search');
 				setProviderURL('https://www.google.com/search?q=');
 			}}