Fixin it

ss220club · Dec 3, 2024 · 3a760b8 · 3a760b8
1 parent 188a4d8
commit 3a760b8
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 8 deletions.
diff --git a/tgui/packages/tgui/bandastation/ImageButton.tsx b/tgui/packages/tgui/bandastation/ImageButton.tsx
@@ -5,14 +5,15 @@
  */
 
 import './ImageButton.scss';
-import { Placement } from '@popperjs/core';
 
-import { ReactNode } from 'react';
+import { Placement } from '@popperjs/core';
 import { BooleanLike, classes } from 'common/react';
+import { ReactNode } from 'react';
+
 import { BoxProps, computeBoxProps } from '../components/Box';
+import { DmIcon } from '../components/DmIcon';
 import { Icon } from '../components/Icon';
 import { Image } from '../components/Image';
-import { DmIcon } from '../components/DmIcon';
 import { Stack } from '../components/Stack';
 import { Tooltip } from '../components/Tooltip';
 

diff --git a/tgui/packages/tgui/bandastation/ItemDisplay220.tsx b/tgui/packages/tgui/bandastation/ItemDisplay220.tsx
@@ -1,12 +1,12 @@
-import { useBackend } from '../backend';
 import { Box, Button } from 'tgui-core/components';
-import { ImageButton } from './ImageButton';
+
+import { useBackend } from '../backend';
 import { LoadoutItem } from '../interfaces/PreferencesMenu/loadout/base';
+import { ImageButton } from './ImageButton';
 
 export const ItemDisplay220 = (props: {
   active: boolean;
   item: LoadoutItem;
-  scale?: number;
 }) => {
   const { act } = useBackend();
   const { active, item } = props;
@@ -54,7 +54,7 @@ export const ItemDisplay220 = (props: {
 
   return (
     <ImageButton
-      key={item.path}
+      key={item.name}
       imageSize={89}
       selected={active}
       dmIcon={icon}

diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/loadout/ItemDisplay.tsx b/tgui/packages/tgui/interfaces/PreferencesMenu/loadout/ItemDisplay.tsx
@@ -1,5 +1,6 @@
 import { createSearch } from '../../../../common/string';
 import { useBackend } from '../../../backend';
+import { ItemDisplay220 } from '../../../bandastation/ItemDisplay220';
 import {
   Box,
   Button,
@@ -8,7 +9,6 @@ import {
   Icon,
   NoticeBox,
 } from '../../../components';
-import { ItemDisplay220 } from '../../../bandastation/ItemDisplay220';
 import { LoadoutCategory, LoadoutItem, LoadoutManagerData } from './base';
 
 export const ItemIcon = (props: { item: LoadoutItem; scale?: number }) => {
@@ -99,6 +99,7 @@ const ItemListDisplay = (props: { items: LoadoutItem[] }) => {
     <div style={{ display: `flex`, flexWrap: `wrap` }}>
       {props.items.map((item) => (
         <ItemDisplay220
+          key={item.name}
           item={item}
           active={loadout_list && loadout_list[item.path] !== undefined}
         />