Added og tags

This commit is contained in:
Justin Edmund 2022-03-04 07:55:36 -08:00
parent 1da152cbcc
commit d6695d195c
4 changed files with 39 additions and 1 deletions

View file

@ -126,6 +126,16 @@ const PartyDetails = (props: Props) => {
<Head>
<title>
{generateTitle()}
<meta property="og:title" content={generateTitle()} />
<meta property="og:description" content={ (party.description) ? party.description : '' } />
<meta property="og:url" content="https://app.granblue.team" />
<meta property="og:type" content="website" />
<meta name="twitter:card" content="summary_large_image" />
<meta property="twitter:domain" content="app.granblue.team" />
<meta name="twitter:title" content={generateTitle()} />
<meta name="twitter:description" content={ (party.description) ? party.description : '' } />
</title>
</Head>
{readOnly}

View file

@ -124,7 +124,17 @@ const ProfileRoute: React.FC = () => {
return (
<div id="Profile">
<Head>
<title>@{user.username}</title>
<title>@{user.username}'s Teams</title>
<meta property="og:title" content={`@${user.username}'s Teams`} />
<meta property="og:description" content={`Browse @${user.username}'s Teams and filter raid, element or recency`} />
<meta property="og:url" content={`https://app.granblue.team/${user.username}`} />
<meta property="og:type" content="website" />
<meta name="twitter:card" content="summary_large_image" />
<meta property="twitter:domain" content="app.granblue.team" />
<meta name="twitter:title" content={`@${user.username}'s Teams`} />
<meta name="twitter:description" content={`Browse @${user.username}'s Teams and filter raid, element or recency`} />
</Head>
<FilterBar onFilter={receiveFilters} scrolled={scrolled}>
<div className="UserInfo">

View file

@ -148,6 +148,14 @@ const SavedRoute: React.FC = () => {
<FilterBar onFilter={receiveFilters} scrolled={scrolled}>
<h1>Your saved Teams</h1>
<meta property="og:title" content="Your saved Teams" />
<meta property="og:url" content="https://app.granblue.team/saved" />
<meta property="og:type" content="website" />
<meta name="twitter:card" content="summary_large_image" />
<meta property="twitter:domain" content="app.granblue.team" />
<meta name="twitter:title" content="Your saved Teams" />
</FilterBar>
<section>

View file

@ -149,6 +149,16 @@ const TeamsRoute: React.FC = () => {
<div id="Teams">
<Head>
<title>Discover Teams</title>
<meta property="og:title" content="Discover Teams" />
<meta property="og:description" content="Find different Granblue Fantasy teams by raid, element or recency" />
<meta property="og:url" content="https://app.granblue.team/teams" />
<meta property="og:type" content="website" />
<meta name="twitter:card" content="summary_large_image" />
<meta property="twitter:domain" content="app.granblue.team" />
<meta name="twitter:title" content="Discover Teams" />
<meta name="twitter:description" content="Find different Granblue Fantasy teams by raid, element or recency" />
</Head>
<FilterBar onFilter={receiveFilters} scrolled={scrolled}>
<h1>Discover Teams</h1>