mirror of
https://github.com/quotefox/Hyper-Station-13.git
synced 2026-08-29 15:46:22 +01:00
make all uis resizable again
This commit is contained in:
@@ -9,7 +9,7 @@ export const Bepis = (props, context) => {
|
||||
amount,
|
||||
} = data;
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content>
|
||||
<Section title="Business Exploration Protocol Incubation Sink">
|
||||
<Section
|
||||
|
||||
@@ -5,7 +5,7 @@ import { Window } from '../../layouts';
|
||||
export const ChemAcclimator = (props, context) => {
|
||||
const { act, data } = useBackend(context);
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content>
|
||||
<Section title="Acclimator">
|
||||
<LabeledList>
|
||||
|
||||
@@ -13,7 +13,7 @@ export const ChemDebugSynthesizer = (props, context) => {
|
||||
beakerContents = [],
|
||||
} = data;
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content>
|
||||
<Section
|
||||
title="Recipient"
|
||||
|
||||
@@ -11,7 +11,7 @@ export const ChemPress = (props, context) => {
|
||||
pill_styles = [],
|
||||
} = data;
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content>
|
||||
<Section>
|
||||
<LabeledList>
|
||||
|
||||
@@ -11,7 +11,7 @@ export const ChemSplitter = (props, context) => {
|
||||
max_transfer,
|
||||
} = data;
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content>
|
||||
<Section>
|
||||
<LabeledList>
|
||||
|
||||
@@ -8,7 +8,7 @@ export const DecalPainter = (props, context) => {
|
||||
const color_list = data.color_list || [];
|
||||
const dir_list = data.dir_list || [];
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content>
|
||||
<Section title="Decal Type">
|
||||
{decal_list.map(decal => {
|
||||
|
||||
@@ -6,7 +6,7 @@ import { Window } from '../../layouts';
|
||||
export const MedicalKiosk = (props, context) => {
|
||||
const { act, data } = useBackend(context);
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content>
|
||||
<Section title="Health Kiosk"
|
||||
textAlign="center"
|
||||
|
||||
@@ -5,7 +5,7 @@ import { NtosWindow, Window } from '../../layouts';
|
||||
export const NtosArcade = (props, context) => {
|
||||
const { act, data } = useBackend(context);
|
||||
return (
|
||||
<NtosWindow>
|
||||
<NtosWindow resizable>
|
||||
<NtosWindow.Content>
|
||||
<Section
|
||||
title="Outbomb Cuban Pete Ultra"
|
||||
|
||||
@@ -15,7 +15,7 @@ export const PortableGenerator = (props, context) => {
|
||||
stackPercentState = 'bad';
|
||||
}
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content>
|
||||
{!data.anchored && (
|
||||
<NoticeBox>Generator not anchored.</NoticeBox>
|
||||
|
||||
@@ -149,7 +149,7 @@ export const SyndContractor = (props, context) => {
|
||||
}
|
||||
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content>
|
||||
{errorPane}
|
||||
<SyndPane state={props.state} />
|
||||
|
||||
@@ -6,7 +6,7 @@ import { Window } from '../../layouts';
|
||||
export const VaultController = (props, context) => {
|
||||
const { act, data } = useBackend(context);
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content>
|
||||
<Section
|
||||
title="Lock Status: "
|
||||
|
||||
@@ -24,7 +24,7 @@ export const Vending = (props, context) => {
|
||||
];
|
||||
}
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content>
|
||||
{data.onstation && (
|
||||
<Section title="User">
|
||||
|
||||
@@ -23,7 +23,7 @@ export const AiAirlock = (props, context) => {
|
||||
const statusBackup = dangerMap[data.power.backup] || dangerMap[0];
|
||||
const statusElectrify = dangerMap[data.shock] || dangerMap[0];
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content>
|
||||
<Section title="Power Status">
|
||||
<LabeledList>
|
||||
|
||||
@@ -9,7 +9,7 @@ export const AirAlarm = (props, context) => {
|
||||
const locked = data.locked && !data.siliconUser;
|
||||
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content scrollable>
|
||||
<InterfaceLockNoticeBox
|
||||
siliconUser={data.siliconUser}
|
||||
|
||||
@@ -48,7 +48,7 @@ export const AirlockElectronics = (props, context) => {
|
||||
};
|
||||
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content>
|
||||
<Section title="Main">
|
||||
<LabeledList>
|
||||
|
||||
@@ -73,7 +73,7 @@ export const Apc = (props, context) => {
|
||||
}
|
||||
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content>
|
||||
<InterfaceLockNoticeBox
|
||||
siliconUser={data.siliconUser}
|
||||
|
||||
@@ -7,7 +7,7 @@ export const AtmosAlertConsole = (props, context) => {
|
||||
const priorityAlerts = data.priority || [];
|
||||
const minorAlerts = data.minor || [];
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content scrollable>
|
||||
<Section title="Alarms">
|
||||
<ul>
|
||||
|
||||
@@ -8,7 +8,7 @@ export const AtmosControlConsole = (props, context) => {
|
||||
const { act, data } = useBackend(context);
|
||||
const sensors = data.sensors || [];
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content scrollable>
|
||||
<Section
|
||||
title={!!data.tank && sensors[0].long_name}>
|
||||
|
||||
@@ -7,7 +7,7 @@ export const AtmosFilter = (props, context) => {
|
||||
const { act, data } = useBackend(context);
|
||||
const filterTypes = data.filter_types || [];
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content>
|
||||
<Section>
|
||||
<LabeledList>
|
||||
|
||||
@@ -5,7 +5,7 @@ import { Window } from '../layouts';
|
||||
export const AtmosMixer = (props, context) => {
|
||||
const { act, data } = useBackend(context);
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content>
|
||||
<Section>
|
||||
<LabeledList>
|
||||
|
||||
@@ -5,7 +5,7 @@ import { Window } from '../layouts';
|
||||
export const AtmosPump = (props, context) => {
|
||||
const { act, data } = useBackend(context);
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content>
|
||||
<Section>
|
||||
<LabeledList>
|
||||
|
||||
@@ -5,7 +5,7 @@ import { Window } from '../layouts';
|
||||
export const AtmosRelief = (props, context) => {
|
||||
const { act, data } = useBackend(context);
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content>
|
||||
<Section>
|
||||
<LabeledList>
|
||||
|
||||
@@ -10,7 +10,7 @@ export const BankMachine = (props, context) => {
|
||||
station_name,
|
||||
} = data;
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content>
|
||||
<Section title={station_name + ' Vault'}>
|
||||
<LabeledList>
|
||||
|
||||
@@ -12,7 +12,7 @@ export const BluespaceArtillery = (props, context) => {
|
||||
target,
|
||||
} = data;
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content>
|
||||
{!!notice && (
|
||||
<NoticeBox>
|
||||
|
||||
@@ -13,7 +13,7 @@ export const BorgPanel = (props, context) => {
|
||||
const ais = data.ais || [];
|
||||
const laws = data.laws || [];
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content scrollable>
|
||||
<Section
|
||||
title={borg.name}
|
||||
|
||||
@@ -6,7 +6,7 @@ import { Window } from '../layouts';
|
||||
export const BrigTimer = (props, context) => {
|
||||
const { act, data } = useBackend(context);
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content>
|
||||
<Section
|
||||
title="Cell Timer"
|
||||
|
||||
@@ -5,7 +5,7 @@ import { Window } from '../layouts';
|
||||
export const Canister = (props, context) => {
|
||||
const { act, data } = useBackend(context);
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content>
|
||||
<NoticeBox>
|
||||
The regulator {data.hasHoldingTank ? 'is' : 'is not'} connected
|
||||
|
||||
@@ -7,7 +7,7 @@ import { Window } from '../layouts';
|
||||
export const Canvas = (props, context) => {
|
||||
const { act, data } = useBackend(context);
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content>
|
||||
<Box textAlign="center">
|
||||
<PaintCanvas
|
||||
|
||||
@@ -45,7 +45,7 @@ export const Cargo = (props, context) => {
|
||||
);
|
||||
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content scrollable>
|
||||
<Section
|
||||
title="Cargo"
|
||||
|
||||
@@ -24,7 +24,7 @@ export const CargoExpress = (props, context) => {
|
||||
const supplies = Object.values(data.supplies);
|
||||
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content scrollable>
|
||||
<InterfaceLockNoticeBox
|
||||
siliconUser={siliconUser}
|
||||
|
||||
@@ -7,7 +7,7 @@ export const CellularEmporium = (props, context) => {
|
||||
const { act, data } = useBackend(context);
|
||||
const { abilities } = data;
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content scrollable>
|
||||
<Section>
|
||||
<LabeledList>
|
||||
|
||||
@@ -21,7 +21,7 @@ import { CPLTimers } from './CentcomPodLauncher/CPLTimers';
|
||||
export const CentcomPodLauncher = (props, context) => {
|
||||
const { act, data } = useBackend(context);
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content>
|
||||
<NoticeBox>
|
||||
To use this, simply spawn the atoms you want in one of the five
|
||||
|
||||
@@ -26,7 +26,7 @@ export const ChemDispenser = (props, context) => {
|
||||
|| data.beakerContents
|
||||
|| [];
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content scrollable>
|
||||
<Section
|
||||
title="Status"
|
||||
|
||||
@@ -18,7 +18,7 @@ export const ChemHeater = (props, context) => {
|
||||
beakerContents = [],
|
||||
} = data;
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content scrollable>
|
||||
<Section
|
||||
title="Thermostat"
|
||||
|
||||
@@ -25,7 +25,7 @@ export const ChemMaster = (props, context) => {
|
||||
return <AnalysisResults />;
|
||||
}
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content scrollable>
|
||||
<Section
|
||||
title="Beaker"
|
||||
|
||||
@@ -12,7 +12,7 @@ export const ChemSynthesizer = (props, context) => {
|
||||
possible_amounts = [],
|
||||
} = data;
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content scrollable>
|
||||
<Section>
|
||||
<Box>
|
||||
|
||||
@@ -48,7 +48,7 @@ export const CodexGigas = (props, context) => {
|
||||
"Jr.",
|
||||
];
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content>
|
||||
<Section>
|
||||
{data.name}
|
||||
|
||||
@@ -8,7 +8,7 @@ export const ComputerFabricator = (props, context) => {
|
||||
const { state } = props;
|
||||
const { act, data } = useBackend(context);
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content>
|
||||
<Section italic fontSize="20px">
|
||||
Your perfect device, only three steps away...
|
||||
|
||||
@@ -7,7 +7,7 @@ export const Crayon = (props, context) => {
|
||||
const capOrChanges = data.has_cap || data.can_change_colour;
|
||||
const drawables = data.drawables || [];
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content scrollable>
|
||||
{!!capOrChanges && (
|
||||
<Section title="Basic">
|
||||
|
||||
@@ -7,7 +7,7 @@ export const CrewConsole = (props, context) => {
|
||||
const { act, data } = useBackend(context);
|
||||
const sensors = data.sensors || [];
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content scrollable>
|
||||
<Section minHeight={90}>
|
||||
<Table>
|
||||
|
||||
@@ -25,7 +25,7 @@ export const Cryo = (props, context) => {
|
||||
},
|
||||
];
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content>
|
||||
<Section title="Occupant">
|
||||
<LabeledList>
|
||||
|
||||
@@ -23,7 +23,7 @@ export const DisposalUnit = (props, context) => {
|
||||
stateText = 'Off';
|
||||
}
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content>
|
||||
<Section>
|
||||
<LabeledList>
|
||||
|
||||
@@ -17,7 +17,7 @@ export const DnaVault = (props, context) => {
|
||||
animals_max,
|
||||
} = data;
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content>
|
||||
<Section title="DNA Vault Database">
|
||||
<LabeledList>
|
||||
|
||||
@@ -14,7 +14,7 @@ export const EightBallVote = (props, context) => {
|
||||
|
||||
if (!shaking) {
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content>
|
||||
<NoticeBox>
|
||||
No question is currently being asked.
|
||||
@@ -25,7 +25,7 @@ export const EightBallVote = (props, context) => {
|
||||
}
|
||||
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content>
|
||||
<Section>
|
||||
<Box
|
||||
|
||||
@@ -15,7 +15,7 @@ export const EmergencyShuttleConsole = (props, context) => {
|
||||
} = data;
|
||||
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content>
|
||||
<Section>
|
||||
<Box
|
||||
|
||||
@@ -18,7 +18,7 @@ export const EngravedMessage = (props, context) => {
|
||||
realdate,
|
||||
} = data;
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content>
|
||||
<Section>
|
||||
<Box
|
||||
|
||||
@@ -37,7 +37,7 @@ export const Gps = (props, context) => {
|
||||
signal => signal.entrytag),
|
||||
])(data.signals || []);
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content scrollable>
|
||||
<Section
|
||||
title="Control"
|
||||
|
||||
@@ -12,7 +12,7 @@ export const GravityGenerator = (props, context) => {
|
||||
operational,
|
||||
} = data;
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content>
|
||||
<Section>
|
||||
{!operational && (
|
||||
|
||||
@@ -6,7 +6,7 @@ export const GulagItemReclaimer = (props, context) => {
|
||||
const { act, data } = useBackend(context);
|
||||
const mobs = data.mobs || [];
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content scrollable>
|
||||
<Section title="Stored Items">
|
||||
<Table>
|
||||
|
||||
@@ -21,7 +21,7 @@ export const GulagTeleporterConsole = (props, context) => {
|
||||
} = data;
|
||||
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content>
|
||||
<Section
|
||||
title="Teleporter Console"
|
||||
|
||||
@@ -12,7 +12,7 @@ export const Holodeck = (props, context) => {
|
||||
program,
|
||||
} = data;
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content scrollable>
|
||||
<Section
|
||||
title="Default Programs"
|
||||
|
||||
@@ -5,7 +5,7 @@ import { Window } from '../layouts';
|
||||
export const ImplantChair = (props, context) => {
|
||||
const { act, data } = useBackend(context);
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content>
|
||||
<Section
|
||||
title="Occupant Information"
|
||||
|
||||
@@ -19,7 +19,7 @@ export const Intellicard = (props, context) => {
|
||||
} = data;
|
||||
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content scrollable>
|
||||
<Section
|
||||
title={name || "Empty Card"}
|
||||
|
||||
@@ -6,7 +6,7 @@ import { Window } from '../layouts';
|
||||
export const KeycardAuth = (props, context) => {
|
||||
const { act, data } = useBackend(context);
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content>
|
||||
<Section>
|
||||
<Box>
|
||||
|
||||
@@ -13,7 +13,7 @@ export const LaborClaimConsole = (props, context) => {
|
||||
unclaimed_points,
|
||||
} = data;
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content>
|
||||
<Section>
|
||||
<LabeledList>
|
||||
|
||||
@@ -13,7 +13,7 @@ export const LanguageMenu = (props, context) => {
|
||||
unknown_languages = [],
|
||||
} = data;
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content scrollable>
|
||||
<Section title="Known Languages">
|
||||
<LabeledList>
|
||||
|
||||
@@ -12,7 +12,7 @@ export const LaunchpadConsole = (props, context) => {
|
||||
|
||||
if (launchpads.length <= 0) {
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content scrollable>
|
||||
<NoticeBox>
|
||||
No Pads Connected
|
||||
@@ -23,7 +23,7 @@ export const LaunchpadConsole = (props, context) => {
|
||||
}
|
||||
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content scrollable>
|
||||
<Section>
|
||||
<Grid>
|
||||
|
||||
@@ -8,7 +8,7 @@ export const MechBayPowerConsole = (props, context) => {
|
||||
const mech = recharge_port && recharge_port.mech;
|
||||
const cell = mech && mech.cell;
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content>
|
||||
<Section
|
||||
title="Mech status"
|
||||
|
||||
@@ -28,7 +28,7 @@ export const Mule = (props, context) => {
|
||||
} = data;
|
||||
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content>
|
||||
<InterfaceLockNoticeBox
|
||||
siliconUser={siliconUser}
|
||||
|
||||
@@ -19,7 +19,7 @@ export const NaniteChamberControl = (props, context) => {
|
||||
|
||||
if (status_msg) {
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content scrollable>
|
||||
<NoticeBox textAlign="center">
|
||||
{status_msg}
|
||||
@@ -32,7 +32,7 @@ export const NaniteChamberControl = (props, context) => {
|
||||
const mob_programs = data.mob_programs || [];
|
||||
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content scrollable>
|
||||
<Section
|
||||
title={'Chamber: ' + occupant_name}
|
||||
|
||||
@@ -15,7 +15,7 @@ export const NaniteCloudControl = (props, context) => {
|
||||
} = data;
|
||||
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content scrollable>
|
||||
<Section
|
||||
title="Program Disk"
|
||||
|
||||
@@ -21,7 +21,7 @@ export const NaniteProgramHub = (props, context) => {
|
||||
const activeCategory = programs !== null ? programs[activeCategoryKey] : null;
|
||||
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content scrollable>
|
||||
<Section
|
||||
title="Program Disk"
|
||||
|
||||
@@ -19,7 +19,7 @@ export const NaniteProgrammer = (props, context) => {
|
||||
|
||||
if (!has_disk) {
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content scrollable>
|
||||
<NoticeBox textAlign="center">
|
||||
Insert a nanite program disk
|
||||
@@ -43,7 +43,7 @@ export const NaniteProgrammer = (props, context) => {
|
||||
}
|
||||
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content scrollable>
|
||||
<Section
|
||||
title={name}
|
||||
|
||||
@@ -25,7 +25,7 @@ export const NaniteRemote = (props, context) => {
|
||||
|
||||
if (locked) {
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content scrollable>
|
||||
<NoticeBox>
|
||||
This interface is locked.
|
||||
@@ -36,7 +36,7 @@ export const NaniteRemote = (props, context) => {
|
||||
}
|
||||
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content scrollable>
|
||||
<Section
|
||||
title="Nanite Control"
|
||||
|
||||
@@ -19,7 +19,7 @@ export const NotificationPreferences = (props, context) => {
|
||||
});
|
||||
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content scrollable>
|
||||
<Section title="Ghost Role Notifications">
|
||||
{ignores.map(ignore => (
|
||||
|
||||
@@ -13,7 +13,7 @@ export const NtnetRelay = (props, context) => {
|
||||
} = data;
|
||||
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content scrollable>
|
||||
<Section
|
||||
title="Network Buffer"
|
||||
|
||||
@@ -16,7 +16,7 @@ export const NtosAiRestorer = (props, context) => {
|
||||
} = data;
|
||||
|
||||
return (
|
||||
<NtosWindow>
|
||||
<NtosWindow resizable>
|
||||
<NtosWindow.Content scrollable>
|
||||
<Section title="Insert AI">
|
||||
<Box>
|
||||
|
||||
@@ -25,7 +25,7 @@ export const NtosCard = (props, context) => {
|
||||
const [tab, setTab] = useLocalState(context, 'tab', 0);
|
||||
|
||||
return (
|
||||
<NtosWindow>
|
||||
<NtosWindow resizable>
|
||||
<NtosWindow.Content scrollable>
|
||||
<Tabs>
|
||||
{!!have_id_slot && (
|
||||
|
||||
@@ -16,7 +16,7 @@ export const NtosConfiguration = (props, context) => {
|
||||
} = data;
|
||||
|
||||
return (
|
||||
<NtosWindow>
|
||||
<NtosWindow resizable>
|
||||
<NtosWindow.Content scrollable>
|
||||
<Section
|
||||
title="Power Supply"
|
||||
|
||||
@@ -13,7 +13,7 @@ export const NtosFileManager = (props, context) => {
|
||||
|
||||
if (error) {
|
||||
return (
|
||||
<NtosWindow>
|
||||
<NtosWindow resizable>
|
||||
<NtosWindow.Content scrollable>
|
||||
<NoticeBox danger>
|
||||
{error}
|
||||
@@ -26,7 +26,7 @@ export const NtosFileManager = (props, context) => {
|
||||
}
|
||||
|
||||
return (
|
||||
<NtosWindow>
|
||||
<NtosWindow resizable>
|
||||
<NtosWindow.Content scrollable>
|
||||
<Section title="Available files (local)">
|
||||
<Table>
|
||||
|
||||
@@ -24,7 +24,7 @@ export const NtosMain = (props, context) => {
|
||||
comp_light_color,
|
||||
} = data;
|
||||
return (
|
||||
<NtosWindow>
|
||||
<NtosWindow resizable>
|
||||
<NtosWindow.Content scrollable>
|
||||
{!!has_light && (
|
||||
<Section>
|
||||
|
||||
@@ -24,7 +24,7 @@ export const NtosNetChat = (props, context) => {
|
||||
const authorized = (authed || adminmode);
|
||||
|
||||
return (
|
||||
<NtosWindow>
|
||||
<NtosWindow resizable>
|
||||
<NtosWindow.Content>
|
||||
<Section
|
||||
height="600px">
|
||||
|
||||
@@ -14,7 +14,7 @@ export const NtosNetDownloader = (props, context) => {
|
||||
hackedavailable,
|
||||
} = data;
|
||||
return (
|
||||
<NtosWindow>
|
||||
<NtosWindow resizable>
|
||||
<NtosWindow.Content scrollable>
|
||||
{!!error && (
|
||||
<NoticeBox>
|
||||
|
||||
@@ -19,7 +19,7 @@ export const NtosNetMonitor = (props, context) => {
|
||||
ntnetmaxlogs,
|
||||
} = data;
|
||||
return (
|
||||
<NtosWindow>
|
||||
<NtosWindow resizable>
|
||||
<NtosWindow.Content scrollable>
|
||||
<NoticeBox>
|
||||
WARNING: Disabling wireless transmitters when using
|
||||
|
||||
@@ -11,7 +11,7 @@ export const NtosRbmkStats = (props, context) => {
|
||||
const tempInputData = data.tempInputData.map((value, i) => [i, value]);
|
||||
const tempOutputdata = data.tempOutputdata.map((value, i) => [i, value]);
|
||||
return (
|
||||
<NtosWindow>
|
||||
<NtosWindow resizable>
|
||||
<NtosWindow.Content scrollable>
|
||||
<Section title="Reactor Management">
|
||||
<Section title="Legend:" buttons={
|
||||
|
||||
@@ -16,7 +16,7 @@ export const NtosSupermatterMonitor = (props, context) => {
|
||||
} = data;
|
||||
if (!active) {
|
||||
return (
|
||||
<NtosWindow>
|
||||
<NtosWindow resizable>
|
||||
<NtosWindow.Content>
|
||||
<SupermatterList />
|
||||
</NtosWindow.Content>
|
||||
@@ -29,7 +29,7 @@ export const NtosSupermatterMonitor = (props, context) => {
|
||||
])(data.gases || []);
|
||||
const gasMaxAmount = Math.max(1, ...gases.map(gas => gas.amount));
|
||||
return (
|
||||
<NtosWindow>
|
||||
<NtosWindow resizable>
|
||||
<NtosWindow.Content scrollable>
|
||||
<Flex spacing={1}>
|
||||
<Flex.Item width="270px">
|
||||
|
||||
@@ -33,7 +33,7 @@ export const OperatingComputer = (props, context) => {
|
||||
const [tab, setTab] = useLocalState(context, 'tab', 'state');
|
||||
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content scrollable>
|
||||
<Tabs>
|
||||
<Tabs.Tab
|
||||
|
||||
@@ -7,7 +7,7 @@ export const OreBox = (props, context) => {
|
||||
const { data, act } = useBackend(context);
|
||||
const { materials } = data;
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content scrollable>
|
||||
<Section
|
||||
title="Ores"
|
||||
|
||||
@@ -14,7 +14,7 @@ export const OreRedemptionMachine = (props, context) => {
|
||||
hasDisk,
|
||||
} = data;
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content scrollable>
|
||||
<Section>
|
||||
<BlockQuote mb={1}>
|
||||
|
||||
@@ -8,7 +8,7 @@ export const Pandemic = (props, context) => {
|
||||
const { data } = useBackend(context);
|
||||
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content scrollable>
|
||||
<PandemicBeakerDisplay state={props.state} />
|
||||
{!!data.has_blood && (
|
||||
|
||||
@@ -44,7 +44,7 @@ export const PersonalCrafting = (props, context) => {
|
||||
);
|
||||
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content scrollable>
|
||||
{busyBox}
|
||||
<Section
|
||||
|
||||
@@ -13,7 +13,7 @@ export const PortablePump = (props, context) => {
|
||||
} = data;
|
||||
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content>
|
||||
<PortableBasicInfo state={props.state} />
|
||||
<Section
|
||||
|
||||
@@ -12,7 +12,7 @@ export const PortableScrubber = (props, context) => {
|
||||
const filter_types = data.filter_types || [];
|
||||
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content>
|
||||
<PortableBasicInfo state={props.state} />
|
||||
<Section title="Filters">
|
||||
|
||||
@@ -44,7 +44,7 @@ export const PowerMonitor = (props, context) => {
|
||||
|
||||
|
||||
return (
|
||||
<NtosWindow>
|
||||
<NtosWindow resizable>
|
||||
<NtosWindow.Content scrollable>
|
||||
<Flex spacing={1}>
|
||||
<Flex.Item width="200px">
|
||||
|
||||
@@ -26,7 +26,7 @@ export const Radio = (props, context) => {
|
||||
status: !!value,
|
||||
}))(data.channels);
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content>
|
||||
<Section>
|
||||
<LabeledList>
|
||||
|
||||
@@ -70,7 +70,7 @@ export const RapidPipeDispenser = (props, context) => {
|
||||
});
|
||||
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content scrollable>
|
||||
<Section>
|
||||
<LabeledList>
|
||||
|
||||
@@ -9,7 +9,7 @@ export const RbmkControlRods = (props, context) => {
|
||||
const k = data.k;
|
||||
const desiredK = data.desiredK;
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content>
|
||||
<Section title="Control Rod Management:">
|
||||
Control Rod Insertion:
|
||||
|
||||
@@ -10,7 +10,7 @@ export const RbmkStats = (props, context) => {
|
||||
const tempInputData = data.tempInputData.map((value, i) => [i, value]);
|
||||
const tempOutputdata = data.tempOutputdata.map((value, i) => [i, value]);
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content>
|
||||
<Section title="RBMK Stats:">
|
||||
<Section title="Legend:">
|
||||
|
||||
@@ -7,7 +7,7 @@ export const SatelliteControl = (props, context) => {
|
||||
const { act, data } = useBackend(context);
|
||||
const satellites = data.satellites || [];
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content>
|
||||
{data.meteor_shield && (
|
||||
<Section>
|
||||
|
||||
@@ -15,7 +15,7 @@ export const ShuttleManipulator = (props, context) => {
|
||||
const [tab, setTab] = useLocalState(context, 'tab', 'status');
|
||||
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content scrollable>
|
||||
<Tabs>
|
||||
<Tabs.Tab
|
||||
|
||||
@@ -13,7 +13,7 @@ export const Signaler = (props, context) => {
|
||||
} = data;
|
||||
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content>
|
||||
<Grid>
|
||||
<Grid.Column size={1.4} color="label">
|
||||
|
||||
@@ -57,7 +57,7 @@ export const Sleeper = (props, context) => {
|
||||
];
|
||||
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content>
|
||||
<Section
|
||||
title={occupant.name ? occupant.name : 'No Occupant'}
|
||||
|
||||
@@ -11,7 +11,7 @@ export const SlimeBodySwapper = (props, context) => {
|
||||
} = data;
|
||||
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content scrollable>
|
||||
<Section>
|
||||
{bodies.map(body => (
|
||||
|
||||
@@ -6,7 +6,7 @@ import { Window } from '../layouts';
|
||||
export const SmartVend = (props, context) => {
|
||||
const { act, data } = useBackend(context);
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content scrollable>
|
||||
<Section
|
||||
title="Storage"
|
||||
|
||||
@@ -27,7 +27,7 @@ export const Smes = (props, context) => {
|
||||
}
|
||||
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content>
|
||||
<Section title="Stored Energy">
|
||||
<ProgressBar
|
||||
|
||||
@@ -13,7 +13,7 @@ export const SmokeMachine = (props, context) => {
|
||||
maxSetting = [],
|
||||
} = data;
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content>
|
||||
<Section title="Dispersal Tank"
|
||||
buttons={(
|
||||
|
||||
@@ -14,7 +14,7 @@ export const SolarControl = (props, context) => {
|
||||
connected_tracker,
|
||||
} = data;
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content>
|
||||
<Section
|
||||
title="Status"
|
||||
|
||||
@@ -6,7 +6,7 @@ import { Window } from '../layouts';
|
||||
export const SpaceHeater = (props, context) => {
|
||||
const { act, data } = useBackend(context);
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content>
|
||||
<Section
|
||||
title="Power"
|
||||
|
||||
@@ -7,7 +7,7 @@ export const SpawnersMenu = (props, context) => {
|
||||
const { act, data } = useBackend(context);
|
||||
const spawners = data.spawners || [];
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content scrollable>
|
||||
<Section>
|
||||
{spawners.map(spawner => (
|
||||
|
||||
@@ -5,7 +5,7 @@ import { Window } from '../layouts';
|
||||
|
||||
export const StationAlertConsole = (props, context) => {
|
||||
return (
|
||||
<Window>
|
||||
<Window resizable>
|
||||
<Window.Content scrollable>
|
||||
<StationAlertConsoleContent />
|
||||
</Window.Content>
|
||||
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user