mirror of
https://github.com/VOREStation/VOREStation.git
synced 2026-08-23 12:08:28 +01:00
stacking (#19604)
This commit is contained in:
@@ -16,16 +16,20 @@ export const ChemMasterBuffer = (props: {
|
||||
<Section
|
||||
title="Buffer"
|
||||
buttons={
|
||||
<Box color="label" inline>
|
||||
Transferring to
|
||||
<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>
|
||||
);
|
||||
};
|
||||
|
||||
Reference in New Issue
Block a user