icons and meta, removing unused vars

gnosisguild · Jan 20, 2024 · 016108a · 016108a · vercel · Jan 20, 2024
1 parent a9410b4
commit 016108a
Show file tree

Hide file tree

Showing 18 changed files with 238 additions and 11 deletions.
diff --git a/frontend/public/android-chrome-144x144.png b/frontend/public/android-chrome-144x144.png
diff --git a/frontend/public/apple-touch-icon.png b/frontend/public/apple-touch-icon.png
diff --git a/frontend/public/browserconfig.xml b/frontend/public/browserconfig.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <TileColor>#fac0ea</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>
diff --git a/frontend/public/favicon-16x16.png b/frontend/public/favicon-16x16.png
diff --git a/frontend/public/favicon-32x32.png b/frontend/public/favicon-32x32.png
diff --git a/frontend/public/favicon.ico b/frontend/public/favicon.ico
diff --git a/frontend/public/icon3x.png b/frontend/public/icon3x.png
diff --git a/frontend/public/index.html b/frontend/public/index.html
@@ -2,11 +2,34 @@
 <html lang="en">
   <head>
     <meta charset="utf-8" />
-    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta name="theme-color" content="#000000" />
     <meta name="description" content="Mech" />
-    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
+
+    <link
+      rel="apple-touch-icon"
+      sizes="144x144"
+      href="%PUBLIC_URL%/apple-touch-icon.png"
+    />
+    <link
+      rel="icon"
+      type="image/png"
+      sizes="32x32"
+      href="%PUBLIC_URL%/favicon-32x32.png"
+    />
+    <link
+      rel="icon"
+      type="image/png"
+      sizes="16x16"
+      href="%PUBLIC_URL%/favicon-16x16.png"
+    />
+    <link rel="manifest" href="%PUBLIC_URL%/site.webmanifest" />
+    <link
+      rel="mask-icon"
+      href="%PUBLIC_URL%/safari-pinned-tab.svg"
+      color="#fac0ea"
+    />
+    <meta name="msapplication-TileColor" content="#fac0ea" />
+    <meta name="theme-color" content="#fac0ea" />
     <!--
       manifest.json provides metadata used when your web app is installed on a
       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
@@ -21,7 +44,33 @@
       work correctly both with client-side routing and a non-root public URL.
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
-    <title>Mech</title>
+    <!-- Primary Meta Tags -->
+    <title>Mech — Inventories for NFTs</title>
+    <meta name="title" content="Mech — Inventories for NFTs" />
+    <meta
+      name="description"
+      content="Mech gives any NFT the abilities of a smart contract account — hold tokens, become a multisig owner, etc. Whoever owns that NFT becomes the operator of its Mech."
+    />
+
+    <!-- Open Graph / Facebook -->
+    <meta property="og:type" content="website" />
+    <meta property="og:url" content="https://mech.mom/" />
+    <meta property="og:title" content="Mech — Inventories for NFTs" />
+    <meta
+      property="og:description"
+      content="Mech gives any NFT the abilities of a smart contract account — hold tokens, become a multisig owner, etc. Whoever owns that NFT becomes the operator of its Mech."
+    />
+    <meta property="og:image" content="%PUBLIC_URL%/webmeta.png" />
+
+    <!-- Twitter -->
+    <meta property="twitter:card" content="summary_large_image" />
+    <meta property="twitter:url" content="https://mech.mom/" />
+    <meta property="twitter:title" content="Mech — Inventories for NFTs" />
+    <meta
+      property="twitter:description"
+      content="Mech gives any NFT the abilities of a smart contract account — hold tokens, become a multisig owner, etc. Whoever owns that NFT becomes the operator of its Mech."
+    />
+    <meta property="twitter:image" content="%PUBLIC_URL%/webmeta.png" />
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>

diff --git a/frontend/public/logo192.png b/frontend/public/logo192.png
diff --git a/frontend/public/logo310.png b/frontend/public/logo310.png
diff --git a/frontend/public/mstile-150x150.png b/frontend/public/mstile-150x150.png
diff --git a/frontend/public/safari-pinned-tab.svg b/frontend/public/safari-pinned-tab.svg
diff --git a/frontend/public/site.webmanifest b/frontend/public/site.webmanifest
@@ -0,0 +1,14 @@
+{
+    "name": "Mech",
+    "short_name": "Mech",
+    "icons": [
+        {
+            "src": "/android-chrome-144x144.png",
+            "sizes": "144x144",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#fac0ea",
+    "background_color": "#fac0ea",
+    "display": "standalone"
+}
diff --git a/frontend/public/webmeta.png b/frontend/public/webmeta.png
diff --git a/frontend/src/components/NFTGrid/index.tsx b/frontend/src/components/NFTGrid/index.tsx
@@ -17,7 +17,7 @@ interface Props {
 
 export const AccountNftGrid: React.FC<Props> = ({ address }) => {
   const chainId = useChainId()
-  const { data, isLoading, error } = useTokenBalances({
+  const { data, isLoading } = useTokenBalances({
     accountAddress: address,
     chainId,
   })

diff --git a/frontend/src/components/NFTItem/index.tsx b/frontend/src/components/NFTItem/index.tsx
@@ -1,5 +1,4 @@
 import classes from "./NFTItem.module.css"
-import { useState } from "react"
 import { shortenAddress } from "../../utils/shortenAddress"
 import copy from "copy-to-clipboard"
 import clsx from "clsx"
@@ -25,8 +24,6 @@ const NFTItem: React.FC<Props> = ({ nft, chainId }) => {
   const mechAddress = calculateMechAddress(getNFTContext(nft), chainId)
   const operatorAddress = nft.owner_of
 
-  const [imageError, setImageError] = useState(false)
-
   const {
     data,
     isLoading: mechBalancesLoading,

diff --git a/frontend/src/hooks/useCollection.ts b/frontend/src/hooks/useCollection.ts
@@ -1,5 +1,5 @@
-import { useInfiniteQuery, useQuery } from "@tanstack/react-query"
-import { MoralisApiListResponse, MoralisNFT } from "../types/Token"
+import { useInfiniteQuery } from "@tanstack/react-query"
+import { MoralisApiListResponse } from "../types/Token"
 
 interface Props {
   tokenAddress: string

diff --git a/frontend/src/routes/Collection/index.tsx b/frontend/src/routes/Collection/index.tsx
@@ -18,7 +18,7 @@ const Collection: React.FC = () => {
   } catch (error) {
     console.log(error)
   }
-  const { data, isLoading, error } = useCollectionMetadata({
+  const { data, isLoading } = useCollectionMetadata({
     tokenAddress: validAddress,
     chainId,
   })