granblue.team/hensei-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge pull request #23 from jedmund/titles

Browse source 
Hacky first pass at titles
This commit is contained in:
Justin Edmund 2022-03-04 05:54:41 -08:00 committed by GitHub
commit 682738eacc
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
6 changed files with 28 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
components/PartyDetails/index.tsx
View file

@ -1,4 +1,5 @@
import React, { useState } from 'react' import React, { useState } from 'react'
import Head from 'next/head'
import { useSnapshot } from 'valtio' import { useSnapshot } from 'valtio'
import classNames from 'classnames' import classNames from 'classnames'
@ -106,6 +107,11 @@ const PartyDetails = (props: Props) => {
return ( return (
<div> <div>
<Head>
<title>
{ (appSnapshot.party.name != null) ? appSnapshot.party.name : 'Untitled team'} by { (appSnapshot.party.user != null) ? `@${appSnapshot.party.user?.username}` : 'Anonymous' }
</title>
</Head>
{readOnly} {readOnly}
{editable} {editable}
</div> </div>

4
pages/[username].tsx
View file

@ -1,4 +1,5 @@
import React, { useCallback, useEffect, useState } from 'react' import React, { useCallback, useEffect, useState } from 'react'
import Head from 'next/head'
import { useRouter } from 'next/router' import { useRouter } from 'next/router'
import { useCookies } from 'react-cookie' import { useCookies } from 'react-cookie'
@ -117,6 +118,9 @@ const ProfileRoute: React.FC = () => {
return ( return (
<div id="Profile"> <div id="Profile">
<Head>
<title>@{user.username}</title>
</Head>
<FilterBar onFilter={receiveFilters} scrolled={scrolled}> <FilterBar onFilter={receiveFilters} scrolled={scrolled}>
<div className="UserInfo"> <div className="UserInfo">
<img <img

4
pages/new/index.tsx
View file

@ -1,4 +1,5 @@
import React from 'react' import React from 'react'
import Head from 'next/head'
import Party from '~components/Party' import Party from '~components/Party'
const NewRoute = () => { const NewRoute = () => {
@ -9,6 +10,9 @@ const NewRoute = () => {
return ( return (
<div id="Content"> <div id="Content">
<Head>
<title>New Team</title>
</Head>
<Party new={true} pushHistory={callback} /> <Party new={true} pushHistory={callback} />
</div> </div>
) )

4
pages/p/[party].tsx
View file

@ -1,4 +1,5 @@
import React from 'react' import React from 'react'
import Head from 'next/head'
import { useRouter } from 'next/router' import { useRouter } from 'next/router'
import Party from '~components/Party' import Party from '~components/Party'
@ -8,6 +9,9 @@ const PartyRoute: React.FC = () => {
return ( return (
<div id="Content"> <div id="Content">
<Head>
<title>Party</title>
</Head>
<Party slug={slug as string} /> <Party slug={slug as string} />
</div> </div>
) )

7
pages/saved.tsx
View file

@ -1,4 +1,5 @@
import React, { useCallback, useEffect, useState } from 'react' import React, { useCallback, useEffect, useState } from 'react'
import Head from 'next/head'
import { useRouter } from 'next/router' import { useRouter } from 'next/router'
import { useCookies } from 'react-cookie' import { useCookies } from 'react-cookie'
import clonedeep from 'lodash.clonedeep' import clonedeep from 'lodash.clonedeep'
@ -141,8 +142,12 @@ const SavedRoute: React.FC = () => {
return ( return (
<div id="Teams"> <div id="Teams">
<Head>
<title>Your saved Teams</title>
</Head>
<FilterBar onFilter={receiveFilters} scrolled={scrolled}> <FilterBar onFilter={receiveFilters} scrolled={scrolled}>
<h1>Your saved teams</h1> <h1>Your saved Teams</h1>
</FilterBar> </FilterBar>
<section> <section>

4
pages/teams.tsx
View file

@ -1,4 +1,5 @@
import React, { useCallback, useEffect, useState } from 'react' import React, { useCallback, useEffect, useState } from 'react'
import Head from 'next/head'
import { useRouter } from 'next/router' import { useRouter } from 'next/router'
import { useCookies } from 'react-cookie' import { useCookies } from 'react-cookie'
import clonedeep from 'lodash.clonedeep' import clonedeep from 'lodash.clonedeep'
@ -141,6 +142,9 @@ const TeamsRoute: React.FC = () => {
return ( return (
<div id="Teams"> <div id="Teams">
<Head>
<title>Discover Teams</title>
</Head>
<FilterBar onFilter={receiveFilters} scrolled={scrolled}> <FilterBar onFilter={receiveFilters} scrolled={scrolled}>
<h1>Discover Teams</h1> <h1>Discover Teams</h1>
</FilterBar> </FilterBar>