ui: show all details automatically

[#OCD-4538]
mattystank · Apr 2, 2024 · fb0e6b7 · fb0e6b7
1 parent 2a425b1
commit fb0e6b7
Showing 1 changed file with 3 additions and 29 deletions.
diff --git a/src/app/components/activity/system-maintenance-activity-details.jsx b/src/app/components/activity/system-maintenance-activity-details.jsx
@@ -1,7 +1,5 @@
 import React, { useEffect, useState } from 'react';
 import {
-  Box,
-  Button,
   Typography,
   makeStyles,
 } from '@material-ui/core';
@@ -12,7 +10,6 @@ import {
   TimelineItem,
   TimelineSeparator,
 } from '@material-ui/lab';
-import ExpandMoreIcon from '@material-ui/icons/ExpandMore';
 import { bool, object } from 'prop-types';
 
 import compareSystemMaintenance from './services/system-maintenance.service';
@@ -32,13 +29,8 @@ const useStyles = makeStyles({
 
 function ChplSystemMaintenanceActivityDetails({ activity, last }) {
   const [details, setDetails] = useState([]);
-  const [isDetailsOpen, setIsDetailsOpen] = useState(false);
   const classes = useStyles();
 
-  const handleButtonClick = () => {
-    setIsDetailsOpen(!isDetailsOpen);
-  };
-
   const { data, isError, isLoading } = useFetchActivity({
     id: activity.id,
     isEnabled: true,
@@ -67,32 +59,14 @@ function ChplSystemMaintenanceActivityDetails({ activity, last }) {
       </TimelineSeparator>
       <TimelineContent>
         <span style={{ fontWeight: 'bold' }}>
-          {activity.responsibleUser.fullName}
+          {activity.description}
         </span>
-        :
-        {' '}
-        {activity.description}
+        {` (${activity.responsibleUser.fullName})`}
         <br />
         <Typography variant="body2" className={classes.dateText}>{ getDisplayDateFormat(activity.date) }</Typography>
         { activity.id && details?.length > 0
           && (
-            <>
-              <Button
-                className={classes.buttonActivity}
-                variant="text"
-                onClick={handleButtonClick}
-                color="primary"
-                endIcon={<ExpandMoreIcon color="primary" />}
-              >
-                <strong>Activity Details</strong>
-              </Button>
-              { isDetailsOpen
-                && (
-                  <Box>
-                    <ul dangerouslySetInnerHTML={{ __html: details }} />
-                  </Box>
-                )}
-            </>
+            <ul dangerouslySetInnerHTML={{ __html: details }} />
           )}
       </TimelineContent>
     </TimelineItem>