From 3a760b8ef8f26d111b51a3e638768761dfb08eb2 Mon Sep 17 00:00:00 2001
From: Aylong <alexanderkitsa@gmail.com>
Date: Tue, 3 Dec 2024 13:49:09 +0200
Subject: [PATCH] Fixin it

---
 tgui/packages/tgui/bandastation/ImageButton.tsx           | 7 ++++---
 tgui/packages/tgui/bandastation/ItemDisplay220.tsx        | 8 ++++----
 .../interfaces/PreferencesMenu/loadout/ItemDisplay.tsx    | 3 ++-
 3 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/tgui/packages/tgui/bandastation/ImageButton.tsx b/tgui/packages/tgui/bandastation/ImageButton.tsx
index 6e95319cfdcd0..785b98ed0d267 100644
--- 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
index 244c936850798..b3847d85117fe 100644
--- 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
index 25b69645316ce..90e4c3750b348 100644
--- 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}
         />