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

Reset the state when a new party is loaded

Browse source
This commit is contained in:
Justin Edmund 2022-02-27 00:39:04 -08:00
parent 7d663a0979
commit bf85f9d99c
1 changed files with 9 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
components/Party/index.tsx
View file

@ -1,6 +1,7 @@
import React, { useEffect, useState } from 'react'
import { useSnapshot } from 'valtio'
import { useCookies } from 'react-cookie'
import clonedeep from 'lodash.clonedeep'
import PartySegmentedControl from '~components/PartySegmentedControl'
import PartyDetails from '~components/PartyDetails'
@ -9,7 +10,7 @@ import SummonGrid from '~components/SummonGrid'
import CharacterGrid from '~components/CharacterGrid'
import api from '~utils/api'
import { appState } from '~utils/appState'
import { appState, initialAppState } from '~utils/appState'
import { GridType, TeamElement } from '~utils/enums'
import './index.scss'
@ -34,6 +35,12 @@ const Party = (props: Props) => {
const { party } = useSnapshot(appState)
const [currentTab, setCurrentTab] = useState<GridType>(GridType.Weapon)
// Reset state on first load
useEffect(() => {
const resetState = clonedeep(initialAppState)
appState.grid = resetState.grid
}, [])
// Fetch data from the server
useEffect(() => {
const shortcode = (props.slug) ? props.slug : undefined
@ -193,4 +200,4 @@ const Party = (props: Props) => {
)
}
export default Party
export default Party