update UI

FRONTEND/src/pages/LeaveManagement/LeaveManagement.tsx

@@ -5,6 +5,7 @@ import {
   Box,
   Button,
   Drawer,
+  HoverCard,
   Menu,
   Select,
   Table,
@@ -385,8 +386,8 @@ const LeaveManagement = () => {
                   </Menu>
                 )
               })}
-              <Table.Th ta={'center'}>Total Leave</Table.Th>
+              <Table.Th ta={'center'}>Total</Table.Th>
-              <Table.Th ta={'center'}>Day Off</Table.Th>
+              <Table.Th ta={'center'}>Off</Table.Th>
               <Table.Th ta={'center'}>Remaining</Table.Th>
               <Table.Th ta={'center'}>Notes</Table.Th>
               <Table.Th ta={'center'}></Table.Th>
@@ -425,10 +426,25 @@ const LeaveManagement = () => {
                   <Table.Td ta={'center'}>
                     {totalDayLeave - totalDayOff}
                   </Table.Td>
-                  <Table.Td>{ld_note}</Table.Td>
+                  <Table.Td>
+                    <Box style={{display: ld_note === ""? 'none' : 'block'}}>
+                      <HoverCard width={280} shadow="md" >
+                        <HoverCard.Target>
+                          <Text fz={'sm'}>{ld_note.slice(0,25)}...</Text>
+                        </HoverCard.Target>
+                        <HoverCard.Dropdown>
+                          <Textarea size="sm" autosize>
+                            {ld_note}
+                          </Textarea>
+                        </HoverCard.Dropdown>
+                      </HoverCard>
+                    </Box>
+                  </Table.Td>
                   <Table.Td ta={'center'}>
                     <IconEdit
                       color="green"
+                      width={20}
+                      style={{cursor:'pointer'}}
                       onClick={() => {
                         let totalLeave =
                           user.leaveDay.ld_day == 0