prettier

shiptest-ss13 · Feb 26, 2024 · 4d479a4 · 4d479a4
1 parent 3246dc0
commit 4d479a4
Showing 1 changed file with 51 additions and 69 deletions.
diff --git a/tgui/packages/tgui/interfaces/Guestbook.tsx b/tgui/packages/tgui/interfaces/Guestbook.tsx
@@ -1,5 +1,5 @@
 import { useBackend } from '../backend';
-import { useLocalState } from "../backend";
+import { useLocalState } from '../backend';
 import { Stack, Button, Input, Section, Box } from '../components';
 import { Window } from '../layouts';
 
@@ -14,78 +14,60 @@ type NameData = {
 
 export const Guestbook = (props, context) => {
   const { act, data } = useBackend<Info>(context);
-  const {
-    names = [],
-  } = data;
+  const { names = [] } = data;
 
-  const [lastNameBeforeEdit, setLastNameBeforeEdit]
-  = useLocalState<string | null>(context, "lastNameBeforeEdit", null);
+  const [lastNameBeforeEdit, setLastNameBeforeEdit] = useLocalState<
+    string | null
+  >(context, 'lastNameBeforeEdit', null);
 
   return (
-    <Window
-      title="Guestbook"
-      width={400}
-      height={500}>
+    <Window title="Guestbook" width={400} height={500}>
       <Window.Content>
-        {!names.length && (
-          <Section>
-            {"No known names!"}
-          </Section>
-        )
-          || (
-            <Stack
-              vertical
-              fill
-              scrollable
-            >
-              {names.map(name => (
-                <Stack.Item
-                  key={name.real_name}
-                >
-                  <Section fill width="100%">
-                    <Button
-                      width="80%"
-                      captureKeys={lastNameBeforeEdit !== name.real_name}
-                      onClick={() => {
-                        setLastNameBeforeEdit(name.real_name);
-                      }}>
-                      {(lastNameBeforeEdit === name.real_name) && (
-                        <Input
-                          onEnter={(e, value) => {
-                            act("rename_guest", {
-                              real_name: name.real_name,
-                              new_name: value,
-                            });
-                            setLastNameBeforeEdit(null);
-                          }}
-                          onEscape={() => {
-                            setLastNameBeforeEdit(null);
-                          }}
-                          value={name.given_name}
-                        />
-                      ) || (
-                        <Box>
-                          {name.given_name}
-                        </Box>
-                      )}
-                    </Button>
-                    <Button
-                      fill
-                      icon="trash"
-                      onClick={() => {
-                        act("delete_guest", {
-                          real_name: name.real_name,
-                        });
-                      }}
-                      color={"bad"}
-                    >
-                      Forget
-                    </Button>
-                  </Section>
-                </Stack.Item>
-              ))}
-            </Stack>
-          )}
+        {(!names.length && <Section>{'No known names!'}</Section>) || (
+          <Stack vertical fill scrollable>
+            {names.map((name) => (
+              <Stack.Item key={name.real_name}>
+                <Section fill width="100%">
+                  <Button
+                    width="80%"
+                    captureKeys={lastNameBeforeEdit !== name.real_name}
+                    onClick={() => {
+                      setLastNameBeforeEdit(name.real_name);
+                    }}
+                  >
+                    {(lastNameBeforeEdit === name.real_name && (
+                      <Input
+                        onEnter={(e, value) => {
+                          act('rename_guest', {
+                            real_name: name.real_name,
+                            new_name: value,
+                          });
+                          setLastNameBeforeEdit(null);
+                        }}
+                        onEscape={() => {
+                          setLastNameBeforeEdit(null);
+                        }}
+                        value={name.given_name}
+                      />
+                    )) || <Box>{name.given_name}</Box>}
+                  </Button>
+                  <Button
+                    fill
+                    icon="trash"
+                    onClick={() => {
+                      act('delete_guest', {
+                        real_name: name.real_name,
+                      });
+                    }}
+                    color={'bad'}
+                  >
+                    Forget
+                  </Button>
+                </Section>
+              </Stack.Item>
+            ))}
+          </Stack>
+        )}
       </Window.Content>
     </Window>
   );