diff --git a/code/modules/power/batteryrack.dm b/code/modules/power/batteryrack.dm index 62b162a1d9..200021543d 100644 --- a/code/modules/power/batteryrack.dm +++ b/code/modules/power/batteryrack.dm @@ -268,6 +268,7 @@ cell["slot"] = cell_index + 1 cell["used"] = 1 cell["percentage"] = round(C.percent(), 0.01) + cell["name"] = C.name cell["id"] = C.c_uid cell_index++ cells += list(cell) diff --git a/tgui/packages/tgui/interfaces/Batteryrack.tsx b/tgui/packages/tgui/interfaces/Batteryrack.tsx index 0adbbbbf16..27ba0a46a4 100644 --- a/tgui/packages/tgui/interfaces/Batteryrack.tsx +++ b/tgui/packages/tgui/interfaces/Batteryrack.tsx @@ -1,10 +1,12 @@ import { BooleanLike } from 'common/react'; +import { capitalize } from 'common/string'; import { useBackend } from '../backend'; import { AnimatedNumber, Box, Button, + Flex, LabeledList, ProgressBar, Section, @@ -24,7 +26,8 @@ type Data = { cells_list: { slot: number; used: BooleanLike; - percentage: number; + percentage: number | undefined; + name: string | undefined; id: number; }[]; }; @@ -100,12 +103,20 @@ export const Batteryrack = (props) => { Cell {cell.slot} - {cell.used ? cell.percentage + '%' : 'N/C'} + + + {!!cell.name && capitalize(cell.name)} + + + + {cell.used ? cell.percentage + '%' : 'N/C'} + +