TF-102 Add network config

2023-09-27 10:15:01 +03:30
parent f07c5c1b15
commit 67e1801bb5
6 changed files with 176 additions and 77 deletions
--- a/src/core/components/GlobalHead.jsx
+++ b/src/core/components/GlobalHead.jsx
@@ -0,0 +1,58 @@
+import Head from "next/head";
+
+const GlobalHead = () => {
+    return (
+        <Head>
+            <meta
+                name="application-name"
+                content={process.env.NEXT_PUBLIC_API_NAME}
+            />
+            <meta name="apple-mobile-web-app-capable" content="yes"/>
+            <meta
+                name="apple-mobile-web-app-status-bar-style"
+                content="black-translucent"
+            />
+            <meta
+                name="apple-mobile-web-app-title"
+                content={process.env.NEXT_PUBLIC_API_NAME}
+            />
+            <meta name="description" content="Marhaba does it for you"/>
+            <meta name="format-detection" content="telephone=no"/>
+            <meta name="format-detection" content="date=no"/>
+            <meta name="format-detection" content="address=no"/>
+            <meta name="format-detection" content="email=no"/>
+            <meta name="mobile-web-app-capable" content="yes"/>
+            <link rel="apple-touch-icon" href="/icons/maskable_icon_x512.png"/>
+            <link
+                rel="apple-touch-icon"
+                sizes="120x120"
+                href="/icons/maskable_icon_x128.png"
+            />
+            <link
+                rel="apple-touch-icon"
+                sizes="180x180"
+                href="/icons/maskable_icon_x192.png"
+            />
+            <meta name="google" content="notranslate"/>
+            <meta name="robots" content="noindex"/>
+            <meta
+                name="viewport"
+                content="minimum-scale=1, initial-scale=1, width=device-width, shrink-to-fit=no, user-scalable=no, viewport-fit=cover"
+            />
+            <link
+                rel="icon"
+                type="image/svg"
+                sizes="32x32"
+                href="/icons/favicon.png"
+            />
+            <link
+                rel="icon"
+                type="image/svg"
+                sizes="16x16"
+                href="/icons/favicon.png"
+            />
+        </Head>
+    )
+}
+
+export default GlobalHead
--- a/src/core/components/NetworkComponent.jsx
+++ b/src/core/components/NetworkComponent.jsx
@@ -0,0 +1,34 @@
+import useNetwork from "@/lib/app/hooks/useNetwork";
+import {useEffect, useRef} from "react";
+import {toast} from "react-toastify";
+import WifiIcon from '@mui/icons-material/Wifi';
+import WifiOffIcon from '@mui/icons-material/WifiOff';
+import {useTranslations} from "next-intl";
+
+const NetworkComponent = () => {
+    const toastId = useRef(null);
+    const network = useNetwork()
+    const t = useTranslations()
+
+    useEffect(() => {
+        if (network.online) {
+            toast.update(toastId.current, {
+                type: toast.TYPE.SUCCESS,
+                render: t('online_message'),
+                autoClose: 2000,
+                closeButton: true,
+                closeOnClick: true,
+                icon: <WifiIcon/>
+            });
+            return
+        }
+        toast.dismiss()
+        toastId.current = toast.warn(t('offline_message'), {
+            autoClose: false, closeButton: false, closeOnClick: false, icon: <WifiOffIcon/>
+        })
+    }, [network.online]);
+
+    return ''
+}
+
+export default NetworkComponent