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

Save extra state to server

Browse source
This commit is contained in:
Justin Edmund 2022-02-04 14:47:34 -08:00
parent b42bef99fe
commit cface6a107
2 changed files with 6 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
components/Party/index.tsx
View file

@ -57,9 +57,11 @@ const Party = (props: Props) => {
} }
// Methods: Updating the party's extra flag // Methods: Updating the party's extra flag
// Note: This doesn't save to the server yet.
function checkboxChanged(event: React.ChangeEvent<HTMLInputElement>) { function checkboxChanged(event: React.ChangeEvent<HTMLInputElement>) {
setHasExtra(event.target.checked) setHasExtra(event.target.checked)
api.endpoints.parties.update(id, {
'party': { 'is_extra': event.target.checked }
}, headers)
} }
// Methods: Navigating with segmented control // Methods: Navigating with segmented control

5
utils/api.tsx
View file

@ -8,13 +8,14 @@ type CollectionEndpoint = ({ query }: { query: AxiosRequestConfig }) => Promise<
type IdEndpoint = ({ id }: { id: string }) => Promise<AxiosResponse<any>> type IdEndpoint = ({ id }: { id: string }) => Promise<AxiosResponse<any>>
type IdWithObjectEndpoint = ({ id, object }: { id: string, object: string }) => Promise<AxiosResponse<any>> type IdWithObjectEndpoint = ({ id, object }: { id: string, object: string }) => Promise<AxiosResponse<any>>
type PostEndpoint = (object: {}, headers?: {}) => Promise<AxiosResponse<any>> type PostEndpoint = (object: {}, headers?: {}) => Promise<AxiosResponse<any>>
type PutEndpoint = (id: string, object: {}, headers?: {}) => Promise<AxiosResponse<any>>
interface EndpointMap { interface EndpointMap {
getAll: CollectionEndpoint getAll: CollectionEndpoint
getOne: IdEndpoint getOne: IdEndpoint
getOneWithObject: IdWithObjectEndpoint getOneWithObject: IdWithObjectEndpoint
create: PostEndpoint create: PostEndpoint
update: PostEndpoint update: PutEndpoint
destroy: IdEndpoint destroy: IdEndpoint
} }
@ -43,7 +44,7 @@ class Api {
getOne: ({ id }: { id: string }) => axios.get(`${resourceUrl}/${id}/`), getOne: ({ id }: { id: string }) => axios.get(`${resourceUrl}/${id}/`),
getOneWithObject: ({ id, object }: { id: string, object: string }) => axios.get(`${resourceUrl}/${id}/${object}`), getOneWithObject: ({ id, object }: { id: string, object: string }) => axios.get(`${resourceUrl}/${id}/${object}`),
create: (object: {}, headers?: {}) => axios.post(resourceUrl, object, headers), create: (object: {}, headers?: {}) => axios.post(resourceUrl, object, headers),
update: (object: {}, headers?: {}) => axios.put(resourceUrl, object, headers), update: (id: string, object: {}, headers?: {}) => axios.put(`${resourceUrl}/${id}`, object, headers),
destroy: ({ id }: { id: string }) => axios.delete(`${resourceUrl}/${id}`) destroy: ({ id }: { id: string }) => axios.delete(`${resourceUrl}/${id}`)
} as EndpointMap } as EndpointMap
} }