+ {
+ setShowAdvancedOptions(!showAdvancedOptions);
+ }}
+ open={showAdvancedOptions}
+ title="Advanced options"
+ >
+
+
+
+ {
+ setSpawnNumber(Math.max(minNumber, spawnNumber - 1));
+ }}
+ onIncrease={() => {
+ setSpawnNumber(Math.min(maxNumber, spawnNumber + 1));
+ }}
+ onChange={(ev) => {
+ !isNaN(Number(ev.target.value)) && setSpawnNumber(Math.max(minNumber, Math.min(maxNumber, Number(ev.target.value))));
+ }}
+ />
+
+ {props.blueprint.label}
+
+ {
+ setQuickAccessName(e.target.value);
+ }}
+ value={quickAccessName}
+ />
+ {
+ if (spawnRequestTable)
+ key in props.starredSpawns
+ ? getApp().getMap().removeStarredSpawnRequestTable(key)
+ : getApp().getMap().addStarredSpawnRequestTable(key, spawnRequestTable);
+ }}
+ tooltip="Save this spawn for quick access"
+ checked={key in props.starredSpawns}
+ icon={faStar}
+ >
+
+ {["aircraft", "helicopter"].includes(props.blueprint.category) && (
+ <>
+ {!props.airbase && (
+ Quick access:
+
+ setSpawnAltitude(Number(ev.target.value))}
+ value={spawnAltitude}
+ min={minAltitude}
+ max={maxAltitude}
+ step={altitudeStep}
+ />
+
+ )}
+
+ setSpawnAltitudeType(!spawnAltitudeType)} />
+
+
+
+ Altitude
+
+ {`${Intl.NumberFormat("en-US").format(spawnAltitude)} FT`}
+
+
+
+ Role
+
+
+ {roles.map((role) => {
+ return (
+ {
+ setSpawnRole(role);
+ setSpawnLoadout("");
+ }}
+ className={`w-full`}
+ >
+ {role}
+
+ );
+ })}
+
+
+
+
+ Weapons
+
+
+ {loadouts.map((loadout) => {
+ return (
+ {
+ setSpawnLoadout(loadout.name);
+ }}
+ className={`w-full`}
+ >
+
+ {loadout.name}
+
+
+ );
+ })}
+
+
+
+ )}
+
+
+
+
+ Livery
+
+
+ {props.blueprint.liveries &&
+ Object.keys(props.blueprint.liveries)
+ .sort((ida, idb) => {
+ if (props.blueprint.liveries) {
+ if (props.blueprint.liveries[ida].countries.length > 1) return 1;
+ return props.blueprint.liveries[ida].countries[0] > props.blueprint.liveries[idb].countries[0] ? 1 : -1;
+ } else return -1;
+ })
+ .map((id) => {
+ let country = Object.values(countryCodes).find((countryCode) => {
+ if (props.blueprint.liveries && countryCode.liveryCodes?.includes(props.blueprint.liveries[id].countries[0])) return true;
+ });
+ return (
+ {
+ setSpawnLiveryID(id);
+ }}
+ className={`w-full`}
+ >
+
+ {props.blueprint.liveries && props.blueprint.liveries[id].countries.length == 1 && (
+ }.svg`})
+ )}
+
+
+ );
+ })}
+
+
+
+ )}
+
+
+
+ {props.blueprint.liveries ? props.blueprint.liveries[id].name : ""}
+
+
+
+
+
+ Skill
+
+
+ {["Average", "Good", "High", "Excellent"].map((skill) => {
+ return (
+ {
+ setSpawnSkill(skill);
+ }}
+ className={`w-full`}
+ >
+
+
+ );
+ })}
+
+
+ {skill}
+
+
+
+ );
+ })}
+
+ {item.quantity}
+
+
+ {item.name}
+
+