Bundle Copy

tgui/packages/tgui_ch/interfaces/Fax.js

@@ -0,0 +1,74 @@
+import { useBackend } from '../backend';
+import { Box, Button, LabeledList, NoticeBox, Section } from '../components';
+import { Window } from '../layouts';
+import { LoginInfo } from './common/LoginInfo';
+import { LoginScreen } from './common/LoginScreen';
+
+export const Fax = (props, context) => {
+  const { data } = useBackend(context);
+
+  const { authenticated } = data;
+
+  if (!authenticated) {
+    return (
+      <Window width={600} height={250} resizable>
+        <Window.Content>
+          <RemoveItem />
+          <LoginScreen />
+        </Window.Content>
+      </Window>
+    );
+  }
+
+  return (
+    <Window width={600} height={250} resizable>
+      <Window.Content>
+        <RemoveItem />
+        <LoginInfo />
+        <FaxContent />
+      </Window.Content>
+    </Window>
+  );
+};
+
+export const FaxContent = (props, context) => {
+  const { act, data } = useBackend(context);
+
+  const { bossName, copyItem, cooldown, destination } = data;
+
+  return (
+    <Section>
+      {!!cooldown && <NoticeBox info>Transmitter arrays realigning. Please stand by.</NoticeBox>}
+      <LabeledList>
+        <LabeledList.Item label="Network">{bossName} Quantum Entanglement Network</LabeledList.Item>
+      </LabeledList>
+      {(copyItem && (
+        <Box mt={1}>
+          <LabeledList>
+            <LabeledList.Item label="Currently Sending">{copyItem}</LabeledList.Item>
+            <LabeledList.Item label="Sending To">
+              <Button icon="map-marker-alt" content={destination} onClick={() => act('dept')} />
+            </LabeledList.Item>
+          </LabeledList>
+          <Button icon="share-square" onClick={() => act('send')} content="Send" fluid />
+        </Box>
+      )) || <Box mt={1}>Please insert item to transmit.</Box>}
+    </Section>
+  );
+};
+
+const RemoveItem = (props, context) => {
+  const { act, data } = useBackend(context);
+
+  const { copyItem } = data;
+
+  if (!copyItem) {
+    return null;
+  }
+
+  return (
+    <Box>
+      <Button fluid icon="eject" onClick={() => act('remove')} content="Remove Item" />
+    </Box>
+  );
+};