Fetch PR data once user accepts the warning conditions

src/app/page.tsx

@@ -1,16 +1,25 @@
 // src/app/page.tsx
 'use client';
 
-import * as React from 'react';
 import { GithubAccessPopup } from '@/components/GithubAccessPopup';
+import * as React from 'react';
+import { useState } from 'react';
 import { AppLayout } from '../components/AppLayout';
 import { Index } from '../components/Dashboard';
 
 const HomePage: React.FC = () => {
+  const [isWarningConditionAccepted, setIsWarningConditionAccepted] = useState<boolean>(false);
+
+  const handleWarningConditionAccepted = () => {
+    if (!isWarningConditionAccepted) {
+      setIsWarningConditionAccepted(true);
+    }
+  };
+
   return (
     <AppLayout>
-      <GithubAccessPopup />
-      <Index />
+      <GithubAccessPopup onAccept={handleWarningConditionAccepted} />
+      {isWarningConditionAccepted && <Index />}
     </AppLayout>
   );
 };

src/components/GithubAccessPopup/index.tsx

@@ -7,7 +7,10 @@ import { Modal } from '@patternfly/react-core/dist/dynamic/components/Modal';
 import { ModalVariant } from '@patternfly/react-core/dist/dynamic/components/Modal';
 import { Button } from '@patternfly/react-core/dist/dynamic/components/Button';
 
-const GithubAccessPopup: React.FunctionComponent = () => {
+interface Props {
+  onAccept: () => void;
+}
+const GithubAccessPopup: React.FunctionComponent<Props> = ({ onAccept }) => {
   const [isOpen, setIsOpen] = React.useState(false);
 
   React.useEffect(() => {
@@ -16,13 +19,19 @@ const GithubAccessPopup: React.FunctionComponent = () => {
       const envConfig = await res.json();
       if (envConfig.DEPLOYMENT_TYPE === 'dev') {
         setIsOpen(false);
+        onAccept();
       } else {
         setIsOpen(true);
       }
     };
     showPopupWarning();
   }, []);
 
+  const setDecisionAndClose = () => {
+    setIsOpen(false);
+    onAccept();
+  };
+
   return (
     <Modal
       variant={ModalVariant.medium}
@@ -31,7 +40,7 @@ const GithubAccessPopup: React.FunctionComponent = () => {
       isOpen={isOpen}
       onClose={() => setIsOpen(false)}
       actions={[
-        <Button key="confirm" variant="primary" onClick={() => setIsOpen(false)}>
+        <Button key="confirm" variant="primary" onClick={() => setDecisionAndClose()}>
           Accept
         </Button>,
         <Button key="cancel" variant="secondary" onClick={() => signOut()}>