From fceec53dca53a4e3057db5d9515d1898541168f5 Mon Sep 17 00:00:00 2001
From: Contrabang <91113370+Contrabang@users.noreply.github.com>
Date: Thu, 8 Dec 2022 16:55:13 -0500
Subject: [PATCH] removes generalized sortbutton

---
 .../tgui/interfaces/AccountsUplinkTerminal.js | 28 +++++++++++++++-
 .../tgui/interfaces/MedicalRecords.js         | 28 +++++++++++++++-
 .../tgui/interfaces/SecurityRecords.js        | 28 +++++++++++++++-
 .../tgui/interfaces/common/SortButton.js      | 33 -------------------
 4 files changed, 81 insertions(+), 36 deletions(-)
 delete mode 100644 tgui/packages/tgui/interfaces/common/SortButton.js

diff --git a/tgui/packages/tgui/interfaces/AccountsUplinkTerminal.js b/tgui/packages/tgui/interfaces/AccountsUplinkTerminal.js
index 57335faef7c..a4c5dfd7517 100644
--- a/tgui/packages/tgui/interfaces/AccountsUplinkTerminal.js
+++ b/tgui/packages/tgui/interfaces/AccountsUplinkTerminal.js
@@ -16,7 +16,6 @@ import { TableCell } from '../components/Table';
 import { Window } from '../layouts';
 import { LoginInfo } from './common/LoginInfo';
 import { LoginScreen } from './common/LoginScreen';
-import { SortButton } from './common/SortButton';
 
 export const AccountsUplinkTerminal = (properties, context) => {
   const { act, data } = useBackend(context);
@@ -174,6 +173,33 @@ const DepartmentAccountsList = (properties, context) => {
   );
 };
 
+const SortButton = (properties, context) => {
+  const [sortId, setSortId] = useLocalState(context, 'sortId', 'name');
+  const [sortOrder, setSortOrder] = useLocalState(context, 'sortOrder', true);
+  const { id, children } = properties;
+  return (
+    <Table.Cell>
+      <Button
+        color={sortId !== id && 'transparent'}
+        width="100%"
+        onClick={() => {
+          if (sortId === id) {
+            setSortOrder(!sortOrder);
+          } else {
+            setSortId(id);
+            setSortOrder(true);
+          }
+        }}
+      >
+        {children}
+        {sortId === id && (
+          <Icon name={sortOrder ? 'sort-up' : 'sort-down'} ml="0.25rem;" />
+        )}
+      </Button>
+    </Table.Cell>
+  );
+};
+
 const AccountsActions = (properties, context) => {
   const { act, data } = useBackend(context);
   const { is_printing } = data;
diff --git a/tgui/packages/tgui/interfaces/MedicalRecords.js b/tgui/packages/tgui/interfaces/MedicalRecords.js
index ed3c54363f8..4b35aebaf22 100644
--- a/tgui/packages/tgui/interfaces/MedicalRecords.js
+++ b/tgui/packages/tgui/interfaces/MedicalRecords.js
@@ -22,7 +22,6 @@ import { Window } from '../layouts';
 import { LoginInfo } from './common/LoginInfo';
 import { LoginScreen } from './common/LoginScreen';
 import { TemporaryNotice } from './common/TemporaryNotice';
-import { SortButton } from './common/SortButton';
 
 const severities = {
   'Minor': 'lightgray',
@@ -482,6 +481,33 @@ const MedicalRecordsMedbots = (_properties, context) => {
   );
 };
 
+const SortButton = (properties, context) => {
+  const [sortId, setSortId] = useLocalState(context, 'sortId', 'name');
+  const [sortOrder, setSortOrder] = useLocalState(context, 'sortOrder', true);
+  const { id, children } = properties;
+  return (
+    <Table.Cell>
+      <Button
+        color={sortId !== id && 'transparent'}
+        width="100%"
+        onClick={() => {
+          if (sortId === id) {
+            setSortOrder(!sortOrder);
+          } else {
+            setSortId(id);
+            setSortOrder(true);
+          }
+        }}
+      >
+        {children}
+        {sortId === id && (
+          <Icon name={sortOrder ? 'sort-up' : 'sort-down'} ml="0.25rem;" />
+        )}
+      </Button>
+    </Table.Cell>
+  );
+};
+
 const MedicalRecordsNavigation = (_properties, context) => {
   const { act, data } = useBackend(context);
   const { screen, general } = data;
diff --git a/tgui/packages/tgui/interfaces/SecurityRecords.js b/tgui/packages/tgui/interfaces/SecurityRecords.js
index 692e2215dbe..58a1544d34f 100644
--- a/tgui/packages/tgui/interfaces/SecurityRecords.js
+++ b/tgui/packages/tgui/interfaces/SecurityRecords.js
@@ -18,7 +18,6 @@ import { ComplexModal, modalOpen } from './common/ComplexModal';
 import { LoginInfo } from './common/LoginInfo';
 import { LoginScreen } from './common/LoginScreen';
 import { TemporaryNotice } from './common/TemporaryNotice';
-import { SortButton } from './common/SortButton';
 
 const statusStyles = {
   '*Execute*': 'execute',
@@ -162,6 +161,33 @@ const SecurityRecordsPageList = (properties, context) => {
   );
 };
 
+const SortButton = (properties, context) => {
+  const [sortId, setSortId] = useLocalState(context, 'sortId', 'name');
+  const [sortOrder, setSortOrder] = useLocalState(context, 'sortOrder', true);
+  const { id, children } = properties;
+  return (
+    <Table.Cell>
+      <Button
+        color={sortId !== id && 'transparent'}
+        width="100%"
+        onClick={() => {
+          if (sortId === id) {
+            setSortOrder(!sortOrder);
+          } else {
+            setSortId(id);
+            setSortOrder(true);
+          }
+        }}
+      >
+        {children}
+        {sortId === id && (
+          <Icon name={sortOrder ? 'sort-up' : 'sort-down'} ml="0.25rem;" />
+        )}
+      </Button>
+    </Table.Cell>
+  );
+};
+
 const SecurityRecordsActions = (properties, context) => {
   const { act, data } = useBackend(context);
   const { isPrinting } = data;
diff --git a/tgui/packages/tgui/interfaces/common/SortButton.js b/tgui/packages/tgui/interfaces/common/SortButton.js
deleted file mode 100644
index 0355326926e..00000000000
--- a/tgui/packages/tgui/interfaces/common/SortButton.js
+++ /dev/null
@@ -1,33 +0,0 @@
-import { useLocalState } from '../../backend';
-import {
-  Button,
-  Icon,
-  Table,
-} from '../../components';
-
-export const SortButton = (properties, context) => {
-  const [sortId, setSortId] = useLocalState(context, 'sortId', 'name');
-  const [sortOrder, setSortOrder] = useLocalState(context, 'sortOrder', true);
-  const { id, children } = properties;
-  return (
-    <Table.Cell>
-      <Button
-        color={sortId !== id && 'transparent'}
-        width="100%"
-        onClick={() => {
-          if (sortId === id) {
-            setSortOrder(!sortOrder);
-          } else {
-            setSortId(id);
-            setSortOrder(true);
-          }
-        }}
-      >
-        {children}
-        {sortId === id && (
-          <Icon name={sortOrder ? 'sort-up' : 'sort-down'} ml="0.25rem;" />
-        )}
-      </Button>
-    </Table.Cell>
-  );
-};