Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

metatags #83

Open
wants to merge 2 commits into
base: staging
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
24 changes: 24 additions & 0 deletions webapps/world-builder-dashboard/package-lock.json

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

1 change: 1 addition & 0 deletions webapps/world-builder-dashboard/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -22,6 +22,7 @@
"prettier-plugin-tailwindcss": "^0.6.5",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-helmet-async": "^2.0.5",
"react-query": "^3.39.3",
"react-router-dom": "^6.11.2",
"summon-ui": "^0.21.0"
Expand Down
53 changes: 28 additions & 25 deletions webapps/world-builder-dashboard/src/App.tsx
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
import { HelmetProvider } from 'react-helmet-async'
import { QueryClient, QueryClientProvider } from 'react-query'
import { RouterProvider } from 'react-router-dom'
import { FIVE_MINUTES } from '../constants'
Expand Down Expand Up @@ -50,30 +51,32 @@ const { name, lang, uiTheme } = TENANT_CONFIG

export default function App() {
return (
<QueryClientProvider client={queryClient}>
<BlockchainProvider>
<UISettingsProvider>
<AssetsProvider tenant={name as Tenant}>
<IntlProvider
intlConf={{
currentLang: lang as LangKey,
messagesConf: {
...enMessages
}
}}
>
<ThemeProvider uiTheme={uiTheme}>
<BridgeNotificationsProvider>
<Notifications position='top-right' zIndex={1000} styles={NOTIFICATIONS_STYLES} />
<AuthProvider>
<RouterProvider router={router} />
</AuthProvider>
</BridgeNotificationsProvider>
</ThemeProvider>
</IntlProvider>
</AssetsProvider>
</UISettingsProvider>
</BlockchainProvider>
</QueryClientProvider>
<HelmetProvider>
<QueryClientProvider client={queryClient}>
<BlockchainProvider>
<UISettingsProvider>
<AssetsProvider tenant={name as Tenant}>
<IntlProvider
intlConf={{
currentLang: lang as LangKey,
messagesConf: {
...enMessages
}
}}
>
<ThemeProvider uiTheme={uiTheme}>
<BridgeNotificationsProvider>
<Notifications position='top-right' zIndex={1000} styles={NOTIFICATIONS_STYLES} />
<AuthProvider>
<RouterProvider router={router} />
</AuthProvider>
</BridgeNotificationsProvider>
</ThemeProvider>
</IntlProvider>
</AssetsProvider>
</UISettingsProvider>
</BlockchainProvider>
</QueryClientProvider>
</HelmetProvider>
)
}
Original file line number Diff line number Diff line change
@@ -1,5 +1,6 @@
// React and related libraries
import React from 'react'
import { Helmet } from 'react-helmet-async'
import { Outlet } from 'react-router-dom'

// Styles
Expand Down Expand Up @@ -32,6 +33,14 @@ const MainLayout: React.FC<MainLayoutProps> = ({}) => {
const smallView = useMediaQuery('(max-width: 1199px)')
return (
<div className={styles.container}>
<Helmet>
<meta name='title' content='G7 Network Developer Hub' />
<meta
name='description'
content='Launch your game on G7 network and gain access to the growing Game7 community of players and tools'
/>
<meta name='robots' content='index, follow' />
</Helmet>
{smallView ? (
<MobileSidebar navigationItems={NAVIGATION_ITEMS} />
) : (
Expand Down
Original file line number Diff line number Diff line change
@@ -1,5 +1,6 @@
// React and hooks
import { useEffect, useState } from 'react'
import { Helmet } from 'react-helmet-async'
import { useQueryClient } from 'react-query'
import { useLocation, useNavigate } from 'react-router-dom'
// Styles
Expand Down Expand Up @@ -43,6 +44,11 @@ const BridgePage = () => {

return (
<div className={styles.container}>
<Helmet>
<meta name='title' content='The official G7 bridge' />
<meta name='description' content='Bridge tokens to and from the G7 network through the G7 official bridge.' />
<meta name='robots' content='index, follow' />
</Helmet>
<div className={styles.top}>
<div className={styles.headerContainer}>
{notifications.data && <FloatingNotification notifications={newNotifications} />}
Expand Down
Original file line number Diff line number Diff line change
@@ -1,5 +1,6 @@
// React and hooks
import { useEffect, useState } from 'react'
import { Helmet } from 'react-helmet-async'
import { useQueryClient } from 'react-query'
// Styles
import bridgeStyles from '../BridgePage/BridgePage.module.css'
Expand Down Expand Up @@ -34,6 +35,11 @@ const BridgePage = () => {

return (
<div className={bridgeStyles.container}>
<Helmet>
<meta name='title' content='G7 Sepolia faucet' />
<meta name='description' content='Get G7 testnet tokens and begin participating in the Game7 network.' />
<meta name='robots' content='index, follow' />
</Helmet>
<div className={bridgeStyles.top}>
<div className={bridgeStyles.headerContainer}>
{notifications.data && <FloatingNotification notifications={newNotifications} />}
Expand Down