fixes

Author: Chetan11-dev

src/renderer/app/components/InputComponent/InputComponent.tsx

@@ -26,6 +26,7 @@ import TextField from '../inputs/TextField';
 import { useRouter } from '../Link';
 import ScraperSelector from '../ScraperSelector/ScraperSelector';
 import { Container } from '../Wrappers';
+import { useGoogleChromeRequiredModal } from '../useGoogleChromeRequiredModal'
 
 import DragDropFileUploader from '../inputs/DragDropFileUploader'
 
@@ -508,8 +509,11 @@ const ScraperFormContainer = ({ scrapers, enable_cache }) => {
           }
         }        
         } catch (error:any) {
-          throw error;
-        }
+          if (error.message && error.message.includes('GOOGLE_CHROME_REQUIRED')) {
+            showGoogleChromeRequiredModal()
+          } else {
+            throw error;
+          }        }
         } else {
         const rs = { ...accords }
 
@@ -525,6 +529,7 @@ const ScraperFormContainer = ({ scrapers, enable_cache }) => {
         setaccords(rs)
         }
         }
+        const { modal:googleChromeRequiredModal, showModal:showGoogleChromeRequiredModal } = useGoogleChromeRequiredModal()
 
 // @ts-ignore
 if (!controls.controls.length) {
@@ -534,6 +539,7 @@ return <EmptyInputs />
   const showCache = enable_cache === true
 return (
 <>
+{googleChromeRequiredModal}
 {scrapers.length <= 1 || typeof window === 'undefined' ? null : (
 <ScraperSelector
   scrapers={scrapers}

src/renderer/app/components/useGoogleChromeRequiredModal.tsx

@@ -0,0 +1,41 @@
+import { EuiModal } from '@elastic/eui/optimize/es/components/modal/modal';
+import { EuiModalBody } from '@elastic/eui/optimize/es/components/modal/modal_body';
+import { EuiModalHeader } from  '@elastic/eui/optimize/es/components/modal/modal_header';
+import { EuiModalHeaderTitle } from  '@elastic/eui/optimize/es/components/modal/modal_header_title';
+import { useState } from 'react';
+import ClickOutside from './ClickOutside/ClickOutside'
+import MarkdownComponent from './MarkdownComponent/MarkdownComponent'
+
+export function useGoogleChromeRequiredModal() {
+  const [isModalVisible, setIsModalVisible] = useState(false)
+  
+    const toggleModal = () => {
+      setIsModalVisible(!isModalVisible)
+    }
+  
+    const modal = isModalVisible && (
+      <ClickOutside
+      exceptions={['euiModal']}
+          handleClickOutside={() => {
+            toggleModal()
+          }}>
+      <EuiModal className="max-w-xl " onClose={toggleModal}>
+        
+            <EuiModalHeader className="justify-center">
+              <EuiModalHeaderTitle>⚠️ Google Chrome Required</EuiModalHeaderTitle>
+            </EuiModalHeader>
+            <EuiModalBody>
+              <MarkdownComponent use_target_blank={true} content={`Google Chrome is not installed on your system. This tool requires Google Chrome to run. 
+Please visit [https://www.google.com/chrome/](https://www.google.com/chrome/) to download and install Google Chrome.`}>
+
+                
+              </MarkdownComponent>
+            
+            </EuiModalBody>
+        
+      </EuiModal>
+      </ClickOutside>
+    )
+  
+    return { showModal: () => setIsModalVisible(true), modal }
+  }