Update the Web Banner (#3563)

Update the Web Banner #3503

src/components/DownloadAppBanner.tsx

@@ -52,24 +52,17 @@ const DownloadAppBanner = () => {
             </a>{' '}
             to download the app for the best experience.
           </p>
-          <p className="mt-6">
+          {!navigator?.userAgent.includes('Chrome') && <p className="mt-6">
-            If you're on Linux and the browser is your only way to use the app,
+            If you want to stay here on the web-app, we currently only support Chrome. Please use{' '}
-            you can permanently dismiss this banner by{' '}
             <a
-              onClick={() => {
+              href="https://www.google.com/chrome/"
-                setIsBannerDismissed(true)
+              rel="noopener noreferrer"
-                settings.send({
+              target="_blank"
-                  type: 'set.app.dismissWebBanner',
-                  data: { level: 'user', value: true },
-                })
-              }}
-              href="/"
               className="!text-warn-80 dark:!text-warn-80 dark:hover:!text-warn-70 underline"
             >
-              toggling the App &gt; Dismiss Web Banner setting
+              this link
-            </a>
+            </a> to download it.
-            .
+          </p>}
-          </p>
         </div>
       </Dialog.Panel>
     </Dialog>