Use props instead of appState

This commit is contained in:
Justin Edmund 2023-01-31 02:55:14 -08:00
parent ce3d0d73a2
commit 37181d898b

View file

@ -14,11 +14,11 @@ import api from '~utils/api'
import { appState, initialAppState } from '~utils/appState' import { appState, initialAppState } from '~utils/appState'
import { GridType } from '~utils/enums' import { GridType } from '~utils/enums'
import { retrieveCookies } from '~utils/retrieveCookies' import { retrieveCookies } from '~utils/retrieveCookies'
import { accountCookie, setEditKey, unsetEditKey } from '~utils/userToken'
import type { DetailsObject } from '~types' import type { DetailsObject } from '~types'
import './index.scss' import './index.scss'
import { accountCookie } from '~utils/userToken'
import { getCookie } from 'cookies-next'
// Props // Props
interface Props { interface Props {
@ -103,7 +103,7 @@ const Party = (props: Props) => {
// Methods: Updating the party's details // Methods: Updating the party's details
async function updateDetails(details: DetailsObject) { async function updateDetails(details: DetailsObject) {
if (!appState.party.id) return await createParty(details) if (!props.team) return await createParty(details)
else updateParty(details) else updateParty(details)
} }
@ -130,9 +130,9 @@ const Party = (props: Props) => {
async function updateParty(details: DetailsObject) { async function updateParty(details: DetailsObject) {
const payload = formatDetailsObject(details) const payload = formatDetailsObject(details)
if (appState.party.id) { if (props.team && props.team.id) {
return await api.endpoints.parties return await api.endpoints.parties
.update(appState.party.id, payload) .update(props.team.id, payload)
.then((response) => storeParty(response.data.party)) .then((response) => storeParty(response.data.party))
} }
} }
@ -141,8 +141,8 @@ const Party = (props: Props) => {
appState.party.extra = event.target.checked appState.party.extra = event.target.checked
// Only save if this is a saved party // Only save if this is a saved party
if (appState.party.id) { if (props.team && props.team.id) {
api.endpoints.parties.update(appState.party.id, { api.endpoints.parties.update(props.team.id, {
party: { extra: event.target.checked }, party: { extra: event.target.checked },
}) })
} }
@ -150,9 +150,9 @@ const Party = (props: Props) => {
// Deleting the party // Deleting the party
function deleteTeam() { function deleteTeam() {
if (appState.party.editable && appState.party.id) { if (props.team && editable) {
api.endpoints.parties api.endpoints.parties
.destroy({ id: appState.party.id }) .destroy({ id: props.team.id })
.then(() => { .then(() => {
// Push to route // Push to route
if (cookies && cookies.account.username) { if (cookies && cookies.account.username) {