Brave browser issue pop-up

Author: herin7

gitforme/src/components/gitformeUi.jsx

@@ -26,6 +26,8 @@ const GitformeUi = () => {
 
   const [repoUrl, setRepoUrl] = useState('');
   const [isChatOpen, setIsChatOpen] = useState(false);
+  // Added state for Brave browser detection
+  const [isBraveBrowser, setIsBraveBrowser] = useState(false);
 
   const apiServerUrl = import.meta.env.VITE_API_URL;
 
@@ -35,6 +37,16 @@ const GitformeUi = () => {
     }
   }, [username, reponame]);
 
+  // Effect to check for Brave browser on component mount
+  useEffect(() => {
+    const checkForBrave = async () => {
+      if (navigator.brave && await navigator.brave.isBrave()) {
+        setIsBraveBrowser(true);
+      }
+    };
+    checkForBrave();
+  }, []);
+
   const handleGitHubLogin = () => {
     window.location.href = `${apiServerUrl}/api/auth/github`;
   };
@@ -75,6 +87,15 @@ const GitformeUi = () => {
         oncook={handleCookRepoUrl} 
       />
 
+      {/* Brave Browser Warning Message */}
+      {isBraveBrowser && !isAuthenticated && (
+        <div className="container mx-auto mt-2 -mb-4">
+            <div className="bg-yellow-100 border border-yellow-400 text-yellow-800 px-4 py-2 rounded-md text-center text-sm">
+                For a better experience, please avoid using the Brave browser for login due to potential compatibility issues.
+            </div>
+        </div>
+      )}
+
       <AnimatePresence mode="wait">
         <motion.div 
           key={username && reponame ? "repo-view-active" : "landing-view-active"}
@@ -139,4 +160,4 @@ const GitformeUi = () => {
   );
 };
 
-export default GitformeUi;
+export default GitformeUi;