adding number of items on each row

KaplanOpenSource · Nov 19, 2024 · ec59382 · ec59382
1 parent f1e7c61
commit ec59382
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 11 deletions.
diff --git a/client/src/App/TreeSublist.jsx b/client/src/App/TreeSublist.jsx
@@ -16,6 +16,7 @@ export const TreeSublist = ({
     components,
     children,
     noAddButton,
+    textOnRow
 }) => {
     const {
         addExpandedNode,
@@ -24,6 +25,7 @@ export const TreeSublist = ({
     const items = data[fieldName] || [];
     const key = parentKey + '_' + fieldName;
 
+    const niceName = camelCaseToWords(fieldName);
     return (
         <TreeItem
             key={key}
@@ -42,7 +44,7 @@ export const TreeSublist = ({
                         fontWeight: 'inherit',
                         //  flexGrow: 1
                     }}>
-                        {camelCaseToWords(fieldName)}
+                        {niceName}
                     </Typography>
                     {noAddButton ? null :
                         <Tooltip title="Add New" placement="right">
@@ -67,6 +69,7 @@ export const TreeSublist = ({
                             </IconButton>
                         </Tooltip>
                     }
+                    <Typography>{items.length} {niceName} {textOnRow}</Typography>
                     {components}
                 </Box>
             }

diff --git a/client/src/Experiment/DeviceTypesList.jsx b/client/src/Experiment/DeviceTypesList.jsx
@@ -27,11 +27,7 @@ export const DeviceTypesList = ({ data, setData }) => {
                     ]
                 }
             }}
-            components={<>
-                <Typography>
-                    {deviceTypes.length} Types {devicesNum} Devices
-                </Typography>
-            </>}
+            textOnRow={devicesNum + ' Devices'}
         >
             {deviceTypes.map(itemData => (
                 <DeviceType

diff --git a/client/src/Experiment/TrialTypesList.jsx b/client/src/Experiment/TrialTypesList.jsx
@@ -28,11 +28,7 @@ export const TrialTypesList = ({ data, setData }) => {
                     ]
                 }
             }}
-            components={<>
-                <Typography>
-                    {trialTypes.length} Types {trialsNum} Trials
-                </Typography>
-            </>}
+            textOnRow={trialsNum + ' Trials'}
         >
             {trialTypes.map(itemData => (
                 <TrialType