DPO3DPKRT-755: collection ID added to Subject search and listing resu…

…lts (#588)
Smithsonian · May 10, 2024 · f4bbc51 · f4bbc51
1 parent c344625
commit f4bbc51
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 6 deletions.
diff --git a/client/src/pages/Ingestion/components/SubjectItem/SubjectList.tsx b/client/src/pages/Ingestion/components/SubjectItem/SubjectList.tsx
@@ -46,7 +46,7 @@ function SubjectList(props: SubjectListProps): React.ReactElement {
     const [addSubject, removeSubject] = useSubjectStore(state => [state.addSubject, state.removeSubject]);
     const classes = useStyles();
 
-    const header: string[] = ['ARK / ID', 'UNIT', 'NAME'];
+    const header: string[] = ['ARK / ID', 'UNIT', 'NAME', 'ID'];
 
     const getSubjectList = ({ id, arkId, unit, name, collectionId }: StateSubject, index: number) => (
         <SubjectListItem

diff --git a/client/src/pages/Ingestion/components/SubjectItem/SubjectListItem.tsx b/client/src/pages/Ingestion/components/SubjectItem/SubjectListItem.tsx
@@ -64,11 +64,14 @@ function SubjectListItem(props: SubjectListItemProps): React.ReactElement {
                 <Typography className={classes.label} variant='caption'>{unit}</Typography>
             </TableCell>
             <TableCell style={cellStyle} align='left'>
-                <Box display='flex' flexDirection='row' alignItems='center'>
-                    <Typography className={classes.label} variant='caption'>{name}</Typography>
-                    <Box className={classes.options}>
-                        {selected ? <MdRemoveCircleOutline className={classes.option} onClick={remove} size={20} /> : <MdAddCircleOutline className={classes.option} onClick={add} size={20} />}
-                    </Box>
+                <Typography className={classes.label} variant='caption'>{name}</Typography>
+            </TableCell>
+            <TableCell style={cellStyle} align='left'>
+                <Typography className={classes.label} variant='caption'>{collectionId}</Typography>
+            </TableCell>
+            <TableCell style={cellStyle} align='left'>
+                <Box className={classes.options}>
+                    {selected ? <MdRemoveCircleOutline className={classes.option} onClick={remove} size={20} /> : <MdAddCircleOutline className={classes.option} onClick={add} size={20} />}
                 </Box>
             </TableCell>
         </TableRow>