start work on PWA check

client/src/components/Home.tsx

@@ -5,10 +5,12 @@ import { getPow } from '../utils/mine';
 import { Event } from 'nostr-tools';
 import { subGlobalFeed } from '../utils/subscriptions';
 import { uniqBy } from '../utils/utils';
+import PWAInstallPopup from './Modals/PWACheckModal';
 
 const Home = () => {
   const [events, setEvents] = useState<Event[]>([]);
   const [filterDifficulty, setFilterDifficulty] = useState(localStorage.getItem('filterDifficulty') || '20');
+  const [inBrowser, setInBrowser] = useState(false)
 
   const onEvent = (event: Event) => {
     setEvents((prevEvents) => [...prevEvents, event]);
@@ -24,6 +26,13 @@ const Home = () => {
       setFilterDifficulty(filterDifficulty);
     };
 
+    // if ((window.navigator as any).standalone || window.matchMedia('(display-mode: standalone)').matches) {
+    //   console.log('App is running in standalone mode.');
+    // } else {
+    //   console.log('App is running in a browser.');
+    //   setInBrowser(true) 
+    // }
+  
     window.addEventListener('difficultyChanged', handleDifficultyChange);
     
     return () => {
@@ -56,6 +65,7 @@ const Home = () => {
 
   return (
     <main className="bg-black text-white min-h-screen">
+      {/* {inBrowser && <PWAInstallPopup onClose={() => setInBrowser(false)} />} */}
       <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 p-4">
         <NewThreadCard />
         {filteredAndSortedEvents.map((event, index) => (

client/src/components/Modals/PWACheckModal.tsx

@@ -0,0 +1,21 @@
+// PWAInstallPopup.tsx
+import React, { useState, useEffect } from 'react';
+
+interface PWAInstallPopupProps {
+  onClose: () => void;
+}
+
+const PWAInstallPopup: React.FC<PWAInstallPopupProps> = ({ onClose }) => {
+
+  return (
+    <div className="fixed inset-0 flex items-center justify-center z-50">
+      <div className="bg-white p-4 rounded shadow-lg">
+        <h1 className="text-lg font-semibold mb-2">Install Our PWA</h1>
+        <p className="mb-4">Click "Install" to add this app to your home screen and enjoy a full-screen experience!</p>
+        <button className="bg-gray-200 px-4 py-2 rounded" onClick={onClose}>Close</button>
+      </div>
+    </div>
+  );
+};
+
+export default PWAInstallPopup;

client/src/components/Modals/TextModal.tsx

@@ -17,11 +17,11 @@ const ContentPreview = ({ key, comment }: { key: string, comment: string }) => {
   };
 
   useEffect(() => {
-    const findUrl = comment.match(/\bhttps?:\/\/\S+/gi);
+    // const findUrl = comment.match(/\bhttps?:\/\/\S+/gi);
-    if (findUrl && findUrl.length > 0) {
+    // if (findUrl && findUrl.length > 0) {
-      setUrl(findUrl[0])
+    //   setUrl(findUrl[0])
-      setFinalComment(finalComment.replace(findUrl[0], '').trim())
+    //   setFinalComment(finalComment.replace(findUrl[0], '').trim())
-    }
+    // }
 
     const match = comment.match(/\bnostr:([a-z0-9]+)/i);
     const nostrQuoteID = match && match[1];

client/src/components/Settings.tsx

@@ -20,10 +20,6 @@ const Settings = () => {
     window.dispatchEvent(event);
   };
 
-  //   useEffect(() => {
-  //     addRelay('wss://powrelay.xyz');
-  // }, []);
-
   return (
     <div className="settings-page bg-black text-white p-8 flex flex-col h-full">
       <h1 className="text-lg font-semibold mb-4">Settings</h1>