pwease

AetherStation · Jun 20, 2024 · 5c293fa · 5c293fa
1 parent a675724
commit 5c293fa
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 25 deletions.
diff --git a/tgui/packages/tgui/interfaces/ComponentPrinter.tsx b/tgui/packages/tgui/interfaces/ComponentPrinter.tsx
@@ -105,7 +105,7 @@ export const ComponentPrinter = (props) => {
                         }
                       }, [CATEGORY_ALL]).sort().map(category => {
                         return (
-                          <Tabs.Tab key={category}
+                          <Tabs.Tab
                             onClick={() => setCurrentCategory(category)}
                             selected={category === currentCategory}
                             fluid

diff --git a/tgui/packages/tgui/interfaces/ExodroneConsole.tsx b/tgui/packages/tgui/interfaces/ExodroneConsole.tsx
@@ -4,7 +4,7 @@ import { Fragment } from 'react';
 import { resolveAsset } from '../assets';
 import nt_logo from '../assets/bg-nanotrasen.svg';
 import { useBackend, useLocalState } from '../backend';
-import { BlockQuote, Box, Button, Dimmer, Icon, LabeledList, Modal, ProgressBar, Section, Stack } from '../components';
+import { BlockQuote, Box, Button, Dimmer, Icon, LabeledList, Modal, ProgressBar, Section, Stack, Image } from '../components';
 import { formatTime } from '../format';
 import { Window } from '../layouts';
 
@@ -235,7 +235,7 @@ const ToolSelectionModal = (props) => {
         <Stack.Item>
           <Stack textAlign="center">
             {!!toolData && toolData.map(tool_name => (
-              <Stack.Item key={tool_name}>
+              <Stack.Item>
                 <Button
                   onClick={() => {
                     setChoosingTools(false);
@@ -708,12 +708,9 @@ const EventScreen = (props) => {
         <Stack.Item>
           <Stack fill>
             <Stack.Item>
-              <img src={resolveAsset(event.image)}
+              <Image src={resolveAsset(event.image)}
                 height="125px"
-                width="250px"
-                style={{
-                  '-ms-interpolation-mode': 'nearest-neighbor',
-                }} />
+                width="250px" />
             </Stack.Item>
             <Stack.Item >
               <BlockQuote preserveWhitespace>
@@ -772,13 +769,10 @@ export const AdventureScreen = (props: AdventureScreenProps) => {
         </Stack.Item>
         <Stack.Divider />
         <Stack.Item>
-          <img
+          <Image
             src={imgSource}
             height="100px"
-            width="200px"
-            style={{
-              '-ms-interpolation-mode': 'nearest-neighbor',
-            }} />
+            width="200px" />
           <Stack vertical>
             <Stack.Divider />
             <Stack.Item grow />
@@ -838,16 +832,12 @@ const ExodroneConsoleContent = (props) => {
   return (
     <Stack fill vertical>
       <Stack.Item grow>
-        <Stack vertical fill grow={2}>
-          <Stack.Item grow>
-            <Stack fill>
-              <Stack.Item>
-                <EquipmentGrid />
-              </Stack.Item>
-              <Stack.Item grow basis={0}>
-                <DroneScreen />
-              </Stack.Item>
-            </Stack>
+        <Stack fill>
+          <Stack.Item>
+            <EquipmentGrid drone={data} />
+          </Stack.Item>
+          <Stack.Item grow basis={0}>
+            <DroneScreen drone={data} />
           </Stack.Item>
         </Stack>
       </Stack.Item>

diff --git a/tgui/packages/tgui/interfaces/Vending.tsx b/tgui/packages/tgui/interfaces/Vending.tsx
@@ -93,7 +93,6 @@ const VendingRow = (props) => {
             src={`data:image/jpeg;base64,${product.img}`}
             style={{
               'verticalAlign': 'middle',
-              'horizontalAlign': 'middle',
             }} />
         ) || (
           <span
@@ -103,7 +102,6 @@ const VendingRow = (props) => {
             ])}
             style={{
               'verticalAlign': 'middle',
-              'horizontalAlign': 'middle',
             }} />
         )}
       </Table.Cell>

diff --git a/tgui/packages/tgui/interfaces/common/Materials.tsx b/tgui/packages/tgui/interfaces/common/Materials.tsx
@@ -63,6 +63,7 @@ const EjectMaterial = (props: {
         animated
         value={removeMaterials}
         minValue={1}
+        step={1}
         maxValue={sheets || 1}
         onDrag={(val) => {
           setRemoveMaterials(val);