From 22d24105084e69a71b7992db341e0039a1f2990f Mon Sep 17 00:00:00 2001
From: Tb Fajri <tubagus@sismedika.com>
Date: Wed, 7 Feb 2024 10:29:20 +0700
Subject: [PATCH] bugs fix

---
 .../pages/AlarmCenter/ServiceMonitoring.tsx   | 92 ++++++++-----------
 1 file changed, 38 insertions(+), 54 deletions(-)

diff --git a/frontend/client-portal/src/pages/AlarmCenter/ServiceMonitoring.tsx b/frontend/client-portal/src/pages/AlarmCenter/ServiceMonitoring.tsx
index b6f0a312..ba5092a6 100644
--- a/frontend/client-portal/src/pages/AlarmCenter/ServiceMonitoring.tsx
+++ b/frontend/client-portal/src/pages/AlarmCenter/ServiceMonitoring.tsx
@@ -367,8 +367,15 @@ export default function ServiceMonitoring() {
                   </Grid>
                 </Grid>
               </Grid>
+              <Grid item xs={12} paddingY={2}>
+                <Typography component={'h6'} fontWeight={700} fontSize={18}>
+                  {loading ? <Skeleton animation="wave" width={175} /> : 'Detail Letter Of Guarante'}
+                </Typography>
+              </Grid>
+
             </Grid>
           </Card>
+          
         </Grid>
         <Grid item container xs={12} spacing={5}>
           <Grid item container xs={12} md={6}>
@@ -1114,60 +1121,37 @@ export default function ServiceMonitoring() {
                         key={dateIndex}
                       >
                         <Stack>
-                          <Typography variant="subtitle1">{date ? date : '-'}</Typography>
-                          {data.laboratoriumResults[date].map(
-                            (laboratoriumResult, laboratoriumResultIndex) => (
-                              <Card
-                                key={laboratoriumResultIndex}
-                                sx={{ marginTop: 3, paddingX: 2.5, paddingY: 2 }}
-                              >
-                                <Label>
-                                  {laboratoriumResult.code ? laboratoriumResult.code : '-'}
-                                </Label>
-                                <Table sx={{ marginY: 2 }}>
-                                  <TableHead>
-                                    <TableRow>
-                                      <TableCell>Date</TableCell>
-                                      <TableCell>Examination</TableCell>
-                                      <TableCell>Location</TableCell>
-                                      {/* <TableCell /> */}
-                                    </TableRow>
-                                  </TableHead>
-                                  <TableBody>
-                                    <TableRow>
-                                      <TableCell>
-                                        <Label>
-                                          {laboratoriumResult.date ? laboratoriumResult.date : '-'}
-                                        </Label>
-                                      </TableCell>
-                                      <TableCell>
-                                        {laboratoriumResult.examination
-                                          ? laboratoriumResult.examination
-                                          : '-'}
-                                      </TableCell>
-                                      <TableCell>
-                                        {laboratoriumResult.location
-                                          ? laboratoriumResult.location
-                                          : '-'}
-                                      </TableCell>
-                                      {/* <TableMoreMenu
-                                        actions={
-                                          <>
-                                            <MenuItem
-                                              onClick={() => handleDownloadClick(laboratoriumResult.file)}
-                                            >
-                                              <DownloadIcon />
-                                              Download
-                                            </MenuItem>
-                                          </>
-                                        }
-                                      /> */}
-                                    </TableRow>
-                                  </TableBody>
-                                </Table>
-                              </Card>
-                            )
-                          )}
+                            <Typography variant="subtitle1">{date ? date : '-'}</Typography>
+                            {data.laboratoriumResults[date]?.map((laboratoriumResult, laboratoriumResultIndex) => (
+                                <Card key={laboratoriumResultIndex} sx={{ marginTop: 3, paddingX: 2.5, paddingY: 2 }}>
+                                    <Label>{laboratoriumResult.code || '-'}</Label>
+                                    <Table sx={{ marginY: 2 }}>
+                                        <TableHead>
+                                            <TableRow>
+                                                <TableCell>Date</TableCell>
+                                                <TableCell>Examination</TableCell>
+                                                <TableCell>Location</TableCell>
+                                            </TableRow>
+                                        </TableHead>
+                                        <TableBody>
+                                            <TableRow>
+                                                <TableCell><Label>{laboratoriumResult.date || '-'}</Label></TableCell>
+                                                <TableCell>{laboratoriumResult.examination || '-'}</TableCell>
+                                                <TableCell>{laboratoriumResult.location || '-'}</TableCell>
+                                                {/* <TableMoreMenu
+                                                    actions={
+                                                        <>
+                                                            <MenuItem onClick={() => handleDownloadClick(laboratoriumResult.file)}>
+                                                                <DownloadIcon /> Download
+                                                            </MenuItem>
+                                                        </>
+                                                    }
+                                                /> */}
+                                            </TableRow>
+                                        </TableBody>
+                                    </Table>
+                                </Card>
+                            ))}
                         </Stack>
                       </Card>
                     ))