feat: adjust meta tag title on bridge ui

Author: Quantumlyy

README.md

@@ -7,10 +7,4 @@
 
 ## Subgraphs
 
-- Ethereum Mainnet
-- Ethereum Rinkeby
-- Boba Mainnet
-  - [EIP721](https://graph.mainnet.boba.network:8000/subgraphs/name/tapioca/eip721-subgraph-boba)
-- Boba Rinkeby
-  - [EIP721](https://graph.rinkeby.boba.network:8000/subgraphs/name/tapioca/eip721-subgraph-boba)
-  - [ERC721ExchangeUpgradeable](https://graph.rinkeby.boba.network:8000/subgraphs/name/shibuidao/nft-exchange)
+Information about our subgraph can be found [here](https://docs.shibuidao.com/nft/subgraph/Exchange.html).

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shibuidao/interface",
-  "version": "0.1.2",
+  "version": "0.2.0",
   "private": true,
   "scripts": {
     "predev": "yarn meta:package",

src/next.config.js

@@ -14,6 +14,10 @@ module.exports = withPlausibleProxy()({
 			{
 				source: '/app',
 				destination: '/app/collections'
+			},
+			{
+				source: '/app/collections/index',
+				destination: '/app/collections'
 			}
 		];
 	},

src/pages/app/bridge.tsx

@@ -3,13 +3,15 @@ import { faArrowRightLong } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import FormFieldError from 'components/forms/FormFieldError';
 import FormFieldInfo from 'components/forms/FormFieldInfo';
+import Offset from 'components/Navbar/Offset';
 import { SupportedChainId } from 'constants/chains';
 import { DEFAULT_CHAIN } from 'constants/misc';
 import { Form, Formik } from 'formik';
 import { useActiveWeb3React } from 'hooks/useActiveWeb3React';
 import useForceConnectMenu from 'hooks/useForceConnectMenu';
 import useProviders from 'hooks/useProviders';
 import { NextPage } from 'next';
+import { NextSeo } from 'next-seo';
 import React from 'react';
 import { When } from 'react-if';
 import { BridgeFormSchema } from 'utils/schemas';
@@ -24,6 +26,8 @@ const TestingMetadataPage: NextPage = () => {
 
 	return (
 		<>
+			<NextSeo title="Bridge" openGraph={{ title: 'ShibuiNFT Bridge' }} />
+			<Offset />
 			<div
 				style={{
 					backgroundImage: 'url(/assets/misc/background.svg)',
@@ -38,14 +42,14 @@ const TestingMetadataPage: NextPage = () => {
 									<div className="">
 										<div className="grid grid-cols-3 gap-8 text-center">
 											<div className="flex flex-row items-center justify-center">
-												<img className="inline h-10 object-contain" src="/assets/chains/boba.svg" />
+												<img className="inline h-10 object-contain" src="/assets/chains/boba.svg" alt="Boba L2 logo" />
 												<span className="pl-2">Boba</span>
 											</div>
 											<div className="flex flex-row items-center justify-center">
 												<FontAwesomeIcon icon={faArrowRightLong} />
 											</div>
 											<div className="flex flex-row items-center justify-center">
-												<img className="inline h-10 object-contain" src="/assets/chains/mainnet.svg" />
+												<img className="inline h-10 object-contain" src="/assets/chains/ethereum.svg" alt="Ethereum logo" />
 												<span className="pl-2">Ethereum</span>
 											</div>
 										</div>

src/pages/app/testing/metadata.tsx

@@ -6,6 +6,7 @@ import { DEFAULT_CHAIN } from 'constants/misc';
 import { Form, Formik } from 'formik';
 import { useActiveWeb3React } from 'hooks/useActiveWeb3React';
 import { NextPage } from 'next';
+import { NextSeo } from 'next-seo';
 import Highlight, { defaultProps } from 'prism-react-renderer';
 import React, { useState } from 'react';
 import { useSelector } from 'react-redux';
@@ -21,6 +22,7 @@ const TestingMetadataPage: NextPage = () => {
 
 	return (
 		<>
+			<NextSeo title="Metadata Preview" openGraph={{ title: 'ShibuiNFT Metadata Preview' }} />
 			<Offset />
 			<div className="py-4">
 				<div className="flex w-full min-w-full justify-center">