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

Move PartyContext to Party component

Browse source
This commit is contained in:
Justin Edmund 2022-02-03 19:46:26 -08:00
parent b6153a959c
commit a21a66c8ae
2 changed files with 12 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
components/Party/index.tsx
View file

@ -1,12 +1,16 @@
import React, { useEffect, useState } from 'react' import React, { useEffect, useState } from 'react'
import { useCookies } from 'react-cookie' import { useCookies } from 'react-cookie'
import PartyContext from '~context/PartyContext'
import PartySegmentedControl from '~components/PartySegmentedControl' import PartySegmentedControl from '~components/PartySegmentedControl'
import WeaponGrid from '~components/WeaponGrid' import WeaponGrid from '~components/WeaponGrid'
import SummonGrid from '~components/SummonGrid' import SummonGrid from '~components/SummonGrid'
import CharacterGrid from '~components/CharacterGrid' import CharacterGrid from '~components/CharacterGrid'
import api from '~utils/api' import api from '~utils/api'
import { TeamElement } from '~utils/enums'
import './index.scss' import './index.scss'
// GridType // GridType
@ -43,6 +47,7 @@ const Party = (props: Props) => {
// Set up states // Set up states
const [extra, setExtra] = useState<boolean>(false) const [extra, setExtra] = useState<boolean>(false)
const [currentTab, setCurrentTab] = useState<GridType>(GridType.Weapon) const [currentTab, setCurrentTab] = useState<GridType>(GridType.Weapon)
const [element, setElement] = useState<TeamElement>(TeamElement.Any)
// Set states from props // Set states from props
useEffect(() => { useEffect(() => {
@ -145,8 +150,10 @@ const Party = (props: Props) => {
return ( return (
<div> <div>
{ navigation } <PartyContext.Provider value={{ element, setElement }}>
{ currentGrid() } { navigation }
{ currentGrid() }
</PartyContext.Provider>
</div> </div>
) )
} }

11
pages/_app.tsx
View file

@ -5,24 +5,19 @@ import { CookiesProvider } from 'react-cookie'
import Layout from '~components/Layout' import Layout from '~components/Layout'
import AppContext from '~context/AppContext' import AppContext from '~context/AppContext'
import PartyContext from '~context/PartyContext'
import type { AppProps } from 'next/app' import type { AppProps } from 'next/app'
import { TeamElement } from '~utils/enums'
function MyApp({ Component, pageProps }: AppProps) { function MyApp({ Component, pageProps }: AppProps) {
const [authenticated, setAuthenticated] = useState(false) const [authenticated, setAuthenticated] = useState(false)
const [editable, setEditable] = useState(false) const [editable, setEditable] = useState(false)
const [element, setElement] = useState<TeamElement>(TeamElement.Any)
return ( return (
<CookiesProvider> <CookiesProvider>
<AppContext.Provider value={{ authenticated, setAuthenticated, editable, setEditable }}> <AppContext.Provider value={{ authenticated, setAuthenticated, editable, setEditable }}>
<PartyContext.Provider value={{ element, setElement }}> <Layout>
<Layout> <Component {...pageProps} />
<Component {...pageProps} /> </Layout>
</Layout>
</PartyContext.Provider>
</AppContext.Provider> </AppContext.Provider>
</CookiesProvider> </CookiesProvider>
) )