This commit is contained in:
Kashargul
2026-07-11 22:54:41 +02:00
committed by GitHub
parent 45264a7c11
commit 8ddaa5f96f
2 changed files with 42 additions and 32 deletions
@@ -16,16 +16,20 @@ export const ChemMasterBuffer = (props: {
<Section
title="Buffer"
buttons={
<Box color="label" inline>
Transferring to&nbsp;
<Button
icon={mode ? 'flask' : 'trash'}
color={!mode && 'bad'}
onClick={() => act('toggle')}
>
{mode ? 'Beaker' : 'Disposal'}
</Button>
</Box>
<Stack>
<Stack.Item>
<Box color="label">Transferring to</Box>
</Stack.Item>
<Stack.Item>
<Button
icon={mode ? 'flask' : 'trash'}
color={!mode && 'bad'}
onClick={() => act('toggle')}
>
{mode ? 'Beaker' : 'Disposal'}
</Button>
</Stack.Item>
</Stack>
}
>
{bufferReagents.length > 0 ? (
@@ -1,6 +1,6 @@
import { useBackend } from 'tgui/backend';
import { modalOpen } from 'tgui/interfaces/common/ComplexModal';
import { Box, Button, Section } from 'tgui-core/components';
import { Box, Button, Section, Stack } from 'tgui-core/components';
import type { BooleanLike } from 'tgui-core/react';
export const ChemMasterCustomization = (props: {
@@ -28,27 +28,33 @@ export const ChemMasterCustomization = (props: {
return (
<Section title="Pill Bottle Customization">
<Button
disabled={!loaded_pill_bottle}
onClick={() => modalOpen('change_pill_bottle_style')}
>
Customize Bottle Color
</Button>
<Button
disabled={!loaded_pill_bottle}
icon="eject"
mb="0.5rem"
onClick={() => act('ejectp')}
>
{loaded_pill_bottle
? loaded_pill_bottle_name +
' (' +
loaded_pill_bottle_contents_len +
'/' +
loaded_pill_bottle_storage_slots +
')'
: 'None loaded'}
</Button>
<Stack>
<Stack.Item>
<Button
disabled={!loaded_pill_bottle}
onClick={() => modalOpen('change_pill_bottle_style')}
>
Customize Bottle Color
</Button>
</Stack.Item>
<Stack.Item>
<Button
disabled={!loaded_pill_bottle}
icon="eject"
mb="0.5rem"
onClick={() => act('ejectp')}
>
{loaded_pill_bottle
? loaded_pill_bottle_name +
' (' +
loaded_pill_bottle_contents_len +
'/' +
loaded_pill_bottle_storage_slots +
')'
: 'None loaded'}
</Button>
</Stack.Item>
</Stack>
</Section>
);
};