hensei-web/utils/appState.tsx
Justin Edmund d765b00120
Redesigned team navigation (#310)
* Add ellipsis icon

* Reduce size of tokens

* Move UpdateToast to toasts folder

* Update variables.scss

* Add reps for grid objects

These reps act like the existing PartyRep except for Characters and Summons, as well as a new component just for Weapons.

They only render the grid of objects and nothing else.

Eventually PartyRep will use WeaponRep

* Added RepSegment

This is a Character, Weapon or Summon rep wrapped with an input and label for use in a SegmentedControl

* Modify PartySegmentedControl to use RepSegments

This will not work on mobile yet, where it should gracefully degrade to a normal SegmentedControl with only text

* Extract URL copied and Remixed toasts into files

* Extract delete team alert into a file

Also, to support this:
* Added `Destructive` class to Button
* Added `primaryActionClassName` prop to Alert

* Added an alert for when remixing teams

* Began refactoring PartyDetails into several files

* PartyHeader will live at the top, above the new segmented control
* PartyDetails stays below, only showing remixed teams and the description
* PartyDropdown handles the new ... menu

* Remove duplicated code

This is description and remix code that is still in `PartyDetails`

* Small fixes for weapon grid

* Add placeholder image for guidebooks

* Add localizations

* Add Guidebook type and update other types

* Update gitignore

Don't commit guidebook images

* Indicate if a dialog is scrollable

We had broken paging in the infinite scroll component. Turning off "scrolling" at the dialog levels fixes it without adding scrollbars in environments that persistently show them

* Add ExtraContainer

This is the purple container that will contain additional weapons and sephira guidebooks

* Move ExtraWeapons to ExtraWeaponsGrid

And put it in ExtraContainer

* Added GuidebooksGrid and GuidebookUnit

These are the display components for Guidebooks in the WeaponGrid

* Visual adjustments to summon grid

* Add Empty class to weapons when unit is unfilled

* Implement GuidebooksGrid in WeaponGrid

* Remove extra switch

* Remove old dependencies and props

* Implement searching for/adding guidebooks to party

* Update styles

* Fix dependency

* Properly determine when extra container should display

* Change to 1-indexing for guidebooks

* Add support for removing guidebooks

* Display guidebook validation error

* Move read only buttons to PartyHeader

Also broke up tokens and made them easier to render

* Add guidebooks to DetailsObject

* Remove preview when on mobile sizes
2023-06-16 18:49:55 -07:00

170 lines
3.2 KiB
TypeScript

import { proxy } from 'valtio'
import { JobSkillObject, ResponseStatus } from '~types'
import { GroupedWeaponKeys } from './groupWeaponKeys'
const emptyJob: Job = {
id: '-1',
granblue_id: '-1',
row: '',
master_level: false,
ultimate_mastery: false,
order: 0,
name: {
en: '',
ja: '',
},
proficiency: {
proficiency1: 0,
proficiency2: 0,
},
accessory: false,
accessory_type: 0,
}
const emptyJobAccessory: JobAccessory = {
id: '-1',
granblue_id: '-1',
job: emptyJob,
name: {
en: '',
ja: '',
},
rarity: 0,
}
interface AppState {
[key: string]: any
party: {
id: string | undefined
shortcode: string | undefined
editable: boolean
detailsVisible: boolean
name: string | undefined
description: string | undefined
job: Job
jobSkills: JobSkillObject
accessory: JobAccessory
raid: Raid | undefined
element: number
fullAuto: boolean
autoGuard: boolean
chargeAttack: boolean
clearTime: number
buttonCount?: number
turnCount?: number
chainCount?: number
extra: boolean
guidebooks: GuidebookList
user: User | undefined
favorited: boolean
remix: boolean
remixes: Party[]
sourceParty?: Party
created_at: string
updated_at: string
}
grid: {
weapons: {
mainWeapon: GridWeapon | undefined
allWeapons: GridArray<GridWeapon>
}
summons: {
mainSummon: GridSummon | undefined
friendSummon: GridSummon | undefined
allSummons: GridArray<GridSummon>
}
characters: GridArray<GridCharacter>
}
search: {
recents: {
characters: Character[]
weapons: Weapon[]
summons: Summon[]
}
}
raids: Raid[]
jobs: Job[]
jobSkills: JobSkill[]
weaponKeys: GroupedWeaponKeys
version: AppUpdate
status?: ResponseStatus
}
export const initialAppState: AppState = {
party: {
id: undefined,
shortcode: '',
editable: false,
detailsVisible: false,
name: undefined,
description: undefined,
job: emptyJob,
jobSkills: {
0: undefined,
1: undefined,
2: undefined,
3: undefined,
},
accessory: emptyJobAccessory,
raid: undefined,
fullAuto: false,
autoGuard: false,
chargeAttack: true,
clearTime: 0,
buttonCount: undefined,
turnCount: undefined,
chainCount: undefined,
element: 0,
extra: false,
guidebooks: {
0: undefined,
1: undefined,
2: undefined,
},
user: undefined,
favorited: false,
remix: false,
remixes: [],
sourceParty: undefined,
created_at: '',
updated_at: '',
},
grid: {
weapons: {
mainWeapon: undefined,
allWeapons: {},
},
summons: {
mainSummon: undefined,
friendSummon: undefined,
allSummons: {},
},
characters: {},
},
search: {
recents: {
characters: [],
weapons: [],
summons: [],
},
},
raids: [],
jobs: [],
jobSkills: [],
weaponKeys: {
pendulum: [],
chain: [],
teluma: [],
gauph: [],
emblem: [],
},
version: {
version: '0.0',
update_type: '',
updated_at: '',
},
status: undefined,
}
export const appState = proxy(initialAppState)