Merge pull request #11717 from PersianXerxes/oopsPHManBad

Chem Dispensers and Heaters now show pH again

tgui-next/packages/tgui/interfaces/ChemDispenser.js

@@ -150,7 +150,7 @@ export const ChemDispenser = props => {
                     <AnimatedNumber
                       initial={0}
                       value={data.beakerCurrentVolume} />
-                    /{data.beakerMaxVolume} units
+                    /{data.beakerMaxVolume} units, {data.beakerCurrentpH} pH
                   </Fragment>
                 )
               || 'No beaker'}

tgui-next/packages/tgui/interfaces/ChemHeater.js

@@ -11,6 +11,7 @@ export const ChemHeater = props => {
     isActive,
     isBeakerLoaded,
     currentTemp,
+    currentpH,
     beakerCurrentVolume,
     beakerMaxVolume,
     beakerContents = [],
@@ -40,7 +41,7 @@ export const ChemHeater = props => {
                 target: value,
               })} />
           </LabeledList.Item>
-          <LabeledList.Item label="Reading">
+          <LabeledList.Item label="Temperature">
             <Box
               width="60px"
               textAlign="right">
@@ -51,6 +52,17 @@ export const ChemHeater = props => {
               ) || '—'}
             </Box>
           </LabeledList.Item>
+          <LabeledList.Item label="pH">
+            <Box
+              width="60px"
+              textAlign="right">
+              {isBeakerLoaded && (
+                <AnimatedNumber
+                  value={currentpH}
+                  format={value => toFixed(value) + ' pH'} />
+              ) || '-'}
+            </Box>
+          </LabeledList.Item>
         </LabeledList>
       </Section>
       <Section

tgui-next/packages/tgui/interfaces/common/BeakerContents.js

@@ -15,7 +15,7 @@ export const BeakerContents = props => {
       )}
       {beakerContents.map(chemical => (
         <Box key={chemical.name} color="label">
-          {chemical.volume} units of {chemical.name}
+          {chemical.volume} units of {chemical.name}, Purity: {chemical.purity}
         </Box>
       ))}
     </Box>