From 7eacd719f235eb013ee310fe04e07489140ce254 Mon Sep 17 00:00:00 2001
From: John Doe <gamingskeleton3@gmail.com>
Date: Wed, 11 Oct 2023 17:41:53 -0700
Subject: [PATCH] linters stop screaming

---
 .../packages/tgui/interfaces/TutorialList.tsx | 68 -------------------
 .../packages/tgui/interfaces/TutorialMenu.tsx |  4 +-
 2 files changed, 3 insertions(+), 69 deletions(-)
 delete mode 100644 tgui/packages/tgui/interfaces/TutorialList.tsx

diff --git a/tgui/packages/tgui/interfaces/TutorialList.tsx b/tgui/packages/tgui/interfaces/TutorialList.tsx
deleted file mode 100644
index 7e5a5a228391..000000000000
--- a/tgui/packages/tgui/interfaces/TutorialList.tsx
+++ /dev/null
@@ -1,68 +0,0 @@
-import { useBackend } from '../backend';
-import { Box, Button, Divider, Section, Stack, Tabs, Collapsible } from '../components';
-import { Window } from '../layouts';
-
-type Tutorial = {
-  name: string;
-  path: string;
-  id: string;
-};
-
-type TutorialCategory = {
-  tutorials: Tutorial[];
-  name: string;
-};
-
-type BackendContext = {
-  tutorial_categories: TutorialCategory[];
-  completed_tutorials: string[];
-};
-
-const TutList = (props, context) => {
-  const { data, act } = useBackend<BackendContext>(context);
-  const { tutorial_categories, completed_tutorials } = data;
-  return (
-    <Stack fill vertical>
-      <Stack.Item>
-        <div
-          style={{
-            'display': 'flex',
-            'align-content': 'center',
-            'flex-wrap': 'wrap',
-          }}>
-          {tutorial_categories.map((category) => (
-            <div style={{ 'width': '100%' }}>
-              <Collapsible title={category.name} open>
-                {category.tutorials.map((tutorial) => (
-                  <>
-                    <div style={{ 'padding': '2px' }} />
-                    <Button
-                      content={tutorial.name}
-                      color={completed_tutorials.indexOf(tutorial.id) === -1 ? "green" : "default"}
-                      onClick={() =>
-                        act('select_tutorial', {
-                          tutorial_path: tutorial.path,
-                        })
-                      }
-                    />
-                  </>
-                ))}
-              </Collapsible>
-              <div style={{ 'padding': '8px' }} />
-            </div>
-          ))}
-        </div>
-      </Stack.Item>
-    </Stack>
-  );
-};
-
-export const TutorialList = (props, context) => {
-  return (
-    <Window width={300} height={400} title="Tutorial List">
-      <Window.Content>
-        <TutList />
-      </Window.Content>
-    </Window>
-  );
-};
diff --git a/tgui/packages/tgui/interfaces/TutorialMenu.tsx b/tgui/packages/tgui/interfaces/TutorialMenu.tsx
index a3ff8827d482..ee22f1a02996 100644
--- a/tgui/packages/tgui/interfaces/TutorialMenu.tsx
+++ b/tgui/packages/tgui/interfaces/TutorialMenu.tsx
@@ -65,7 +65,9 @@ export const TutorialMenu = (props, context) => {
                   (tutorial_category) =>
                     tutorial_category.name === categoryIndex &&
                     tutorial_category.tutorials.map((tutorial) => (
-                      <div style={{ 'padding-bottom': '12px' }}>
+                      <div
+                        style={{ 'padding-bottom': '12px' }}
+                        key={tutorial.id}>
                         <Button
                           fontSize="15px"
                           textAlign="center"