Merge pull request #1959 from ten-protocol/jennifer/1958-gateway-asse…

…ts-fix

[gateway] assets fix and clear console warnings

tools/tenscan/frontend/pages/_app.tsx

@@ -69,9 +69,25 @@ export default function App({ Component, pageProps }: AppProps) {
         ogTwitterImage={siteMetadata.siteLogo}
         ogType={"website"}
       >
-        <link rel="icon" href="/static/favicon.ico" />
-        <link rel="apple-touch-icon" href="/icons/apple-touch-icon.png" />
-        <link rel="manifest" href="/manifest.json" />
+        <link rel="icon" href="/favicon/favicon.ico" />
+        <link
+          rel="apple-touch-icon"
+          sizes="180x180"
+          href="/favicon/apple-touch-icon.png"
+        />
+        <link
+          rel="icon"
+          type="image/png"
+          sizes="32x32"
+          href="/favicon/favicon-32x32.png"
+        />
+        <link
+          rel="icon"
+          type="image/png"
+          sizes="16x16"
+          href="/favicon/favicon-16x16.png"
+        />
+        <link rel="manifest" href="/favicon/site.webmanifest" />
       </HeadSeo>
       <QueryClientProvider client={queryClient}>
         <ThemeProvider

tools/tenscan/frontend/public/favicon/site.webmanifest

@@ -0,0 +1,19 @@
+{
+  "name": "Tenscan",
+  "short_name": "Tenscan",
+  "icons": [
+    {
+      "src": "/android-chrome-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "/android-chrome-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+  ],
+  "theme_color": "#db766b",
+  "background_color": "#db766b",
+  "display": "standalone"
+}

tools/walletextension/frontend/public/favicon/site.webmanifest

@@ -0,0 +1,19 @@
+{
+  "name": "Ten Gateway",
+  "short_name": "Ten Gateway",
+  "icons": [
+    {
+      "src": "/android-chrome-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "/android-chrome-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+  ],
+  "theme_color": "#db766b",
+  "background_color": "#db766b",
+  "display": "standalone"
+}

tools/walletextension/frontend/src/components/head-seo.tsx

@@ -24,11 +24,8 @@ const HeadSeo = ({
         // @ts-ignore
         signature="_vd3udx2g2hfn9zclob5cat43b94q7fyk"
       ></meta>
-      {/* SECURITY: to prevent the page from being loaded in an iFrame */}
-      <meta http-equiv="X-Frame-Options" content="deny"></meta>
       {/* to indicate the browser shouldn't interpret the response as something other than the specified content type */}
       <meta http-equiv="X-Content-Type-Options" content="nosniff"></meta>
-      {/* The Content-Security-Policy header is used to prevent a wide range of attacks, including Cross-Site Scripting (XSS) and other cross-site injections. */}
       {/* twitter metadata */}
       <meta name="twitter:card" content="summary_large_image" />
       <meta name="twitter:site" content={siteMetadata.twitterHandle} />

tools/walletextension/frontend/src/components/layouts/header.tsx

@@ -21,7 +21,7 @@ export default function Header() {
             className="cursor-pointer dark:hidden"
           />
           <Image
-            src="/assets/images/white_logotype.png"
+            src="/static/assets/images/white_logotype.png"
             alt="Logo"
             width={150}
             height={40}

tools/walletextension/frontend/src/pages/_app.tsx

@@ -34,9 +34,25 @@ export default function App({ Component, pageProps }: AppProps) {
         ogTwitterImage={siteMetadata.siteLogo}
         ogType={"website"}
       >
-        <link rel="icon" href="/static/favicon.ico" />
-        <link rel="apple-touch-icon" href="/icons/apple-touch-icon.png" />
-        <link rel="manifest" href="/manifest.json" />
+        <link rel="icon" href="/static/favicon/favicon.ico" />
+        <link
+          rel="apple-touch-icon"
+          sizes="180x180"
+          href="/static/favicon/apple-touch-icon.png"
+        />
+        <link
+          rel="icon"
+          type="image/png"
+          sizes="32x32"
+          href="/static/favicon/favicon-32x32.png"
+        />
+        <link
+          rel="icon"
+          type="image/png"
+          sizes="16x16"
+          href="/static/favicon/favicon-16x16.png"
+        />
+        <link rel="manifest" href="/static/favicon/site.webmanifest" />
       </HeadSeo>
       <ThemeProvider
         attribute="class"

tools/walletextension/frontend/src/styles/globals.css

@@ -16,7 +16,9 @@
 
   body {
     @apply bg-background text-foreground;
-    font-feature-settings: "rlig" 1, "calt" 1;
+    font-feature-settings:
+      "rlig" 1,
+      "calt" 1;
     font-family: "Quicksand", sans-serif;
   }