From 02af80fbaaa4ca2f0f8fac17e4b225b3cdc51199 Mon Sep 17 00:00:00 2001
From: Doubleumc <doubleumc@comcast.net>
Date: Thu, 25 Jul 2024 02:02:55 -0400
Subject: [PATCH] Update ResinPanel.tsx

convert to the new version
---
 tgui/packages/tgui/interfaces/ResinPanel.tsx | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/tgui/packages/tgui/interfaces/ResinPanel.tsx b/tgui/packages/tgui/interfaces/ResinPanel.tsx
index 714c2e8c12..906d00eacd 100644
--- a/tgui/packages/tgui/interfaces/ResinPanel.tsx
+++ b/tgui/packages/tgui/interfaces/ResinPanel.tsx
@@ -1,7 +1,7 @@
+import { BooleanLike, classes } from 'common/react';
 import { useBackend } from 'tgui/backend';
 import { Box, Button, Dropdown, Section, Stack, Tabs } from 'tgui/components';
 import { Window } from 'tgui/layouts';
-import { BooleanLike, classes } from 'common/react';
 
 interface ResinPanelData {
   structure_list: StructureEntry[];
@@ -34,7 +34,8 @@ export const ResinPanel = () => {
       width={350}
       height={15 + structure_list.length * 80}
       title="Resin Panel"
-      theme="admin">
+      theme="admin"
+    >
       <Window.Content>
         <Section
           title="Resin"
@@ -43,10 +44,11 @@ export const ResinPanel = () => {
               <Stack.Item>
                 <Button
                   selected={build_click_intercept}
-                  content="Click Build"
                   tooltip="LMB to place, MMB to remove"
                   onClick={() => act('toggle_build_click_intercept')}
-                />
+                >
+                  Click Build
+                </Button>
               </Stack.Item>
               <Stack.Item>
                 <Dropdown
@@ -61,15 +63,15 @@ export const ResinPanel = () => {
             </Stack>
           }
           scrollable
-          fill>
+          fill
+        >
           <Tabs vertical fluid fill>
             {structure_list.map((item, index) => (
               <Tabs.Tab
                 key={index}
                 selected={item.id === selected_structure}
-                onClick={() =>
-                  act('set_selected_structure', { type: item.id })
-                }>
+                onClick={() => act('set_selected_structure', { type: item.id })}
+              >
                 <Stack align="center">
                   <Stack.Item>
                     <span