From ff3ac110715be746098dc0924338b90eab842dfd Mon Sep 17 00:00:00 2001
From: Tb Fajri <tubagus@sismedika.com>
Date: Wed, 7 Jun 2023 09:27:02 +0700
Subject: [PATCH] update icon history

---
 .../src/pages/Corporates/Benefit/List.tsx       | 15 +++++++++------
 .../dashboard/src/pages/Corporates/Index.tsx    |  4 +---
 .../src/pages/Corporates/Member/List.tsx        | 11 ++++++-----
 .../src/pages/Corporates/Plan/List.tsx          |  7 ++++---
 .../src/pages/Corporates/Services/List.tsx      | 17 ++++++++++-------
 5 files changed, 30 insertions(+), 24 deletions(-)

diff --git a/frontend/dashboard/src/pages/Corporates/Benefit/List.tsx b/frontend/dashboard/src/pages/Corporates/Benefit/List.tsx
index caebf727..36629ed9 100755
--- a/frontend/dashboard/src/pages/Corporates/Benefit/List.tsx
+++ b/frontend/dashboard/src/pages/Corporates/Benefit/List.tsx
@@ -27,6 +27,7 @@ import {
   Menu,
   ButtonGroup,
   Grid,
+  Tooltip,
 } from '@mui/material';
 import KeyboardArrowDownIcon from '@mui/icons-material/KeyboardArrowDown';
 import KeyboardArrowRightIcon from '@mui/icons-material/KeyboardArrowRight';
@@ -378,7 +379,7 @@ export default function PlanList() {
               </Button>
             )}
           </TableCell>
-          <TableCell align="center">
+          <TableCell align="right">
             <Button
               variant="outlined"
               color="success"
@@ -392,11 +393,13 @@ export default function PlanList() {
             >
               {openEdit ? 'Save' : 'Edit'}
             </Button>
+          </TableCell>
+          <TableCell>
+            <Tooltip title="History">
               <Link to={`/corporate/${corporate_id}/benefits/${row.id}/history`}>
-              <Button variant="outlined" color="primary" size="small" style={{marginLeft: "10px"}} startIcon={<HistoryIcon />}>
-                History
-              </Button>
-            </Link>
+                <HistoryIcon />
+              </Link>
+            </Tooltip>
           </TableCell>
         </TableRow>
         {/* COLLAPSIBLE ROW */}
@@ -824,7 +827,7 @@ export default function PlanList() {
                 <TableCell style={headStyle} align="center">
                   Status
                 </TableCell>
-                <TableCell style={headStyle} align="center">
+                <TableCell style={headStyle} colSpan={2} align="center">
                   Action
                 </TableCell>
               </TableRow>
diff --git a/frontend/dashboard/src/pages/Corporates/Index.tsx b/frontend/dashboard/src/pages/Corporates/Index.tsx
index 32fee6a8..00c4dd19 100755
--- a/frontend/dashboard/src/pages/Corporates/Index.tsx
+++ b/frontend/dashboard/src/pages/Corporates/Index.tsx
@@ -341,9 +341,7 @@ export default function Corporates() {
                 </Button>
               </Link>
               <Link to={`/corporate/${row.id}/corporate-history`}>
-              <Button variant="outlined" color="primary" size="small" startIcon={<HistoryIcon />}>
-                History
-              </Button>
+              <HistoryIcon />
               </Link>
             </Stack>
           </TableCell>
diff --git a/frontend/dashboard/src/pages/Corporates/Member/List.tsx b/frontend/dashboard/src/pages/Corporates/Member/List.tsx
index 014d880a..ee7051e3 100755
--- a/frontend/dashboard/src/pages/Corporates/Member/List.tsx
+++ b/frontend/dashboard/src/pages/Corporates/Member/List.tsx
@@ -27,6 +27,7 @@ import {
   Menu,
   ButtonGroup,
   Grid,
+  Tooltip,
 } from '@mui/material';
 import KeyboardArrowDownIcon from '@mui/icons-material/KeyboardArrowDown';
 import KeyboardArrowRightIcon from '@mui/icons-material/KeyboardArrowRight';
@@ -444,11 +445,11 @@ export default function CorporatePlanList() {
             )}
           </TableCell>
           <TableCell align="right">
-            <Link to={`/corporate/${corporate_id}/members/${row.id}/history`}>
-              <Button variant="outlined" color="primary" size="small" style={{marginLeft: "10px"}} startIcon={<HistoryIcon />}>
-                History
-              </Button>
-            </Link>
+            <Tooltip title="History">
+              <Link to={`/corporate/${corporate_id}/members/${row.id}/history`}>
+                <HistoryIcon />
+              </Link>
+            </Tooltip>
           </TableCell>
         </TableRow>
         {/* COLLAPSIBLE ROW */}
diff --git a/frontend/dashboard/src/pages/Corporates/Plan/List.tsx b/frontend/dashboard/src/pages/Corporates/Plan/List.tsx
index 01ad5264..01c015ca 100755
--- a/frontend/dashboard/src/pages/Corporates/Plan/List.tsx
+++ b/frontend/dashboard/src/pages/Corporates/Plan/List.tsx
@@ -27,6 +27,7 @@ import {
   Menu,
   ButtonGroup,
   Grid,
+  Tooltip,
 } from '@mui/material';
 import KeyboardArrowDownIcon from '@mui/icons-material/KeyboardArrowDown';
 import KeyboardArrowRightIcon from '@mui/icons-material/KeyboardArrowRight';
@@ -363,11 +364,11 @@ export default function CorporatePlanList() {
             )}
           </TableCell>
           <TableCell align="center">
+          <Tooltip title="History">
             <Link to={`/corporate/${corporate_id}/plans/${row.id}/history`}>
-              <Button variant="outlined" color="primary" size="small" style={{marginLeft: "10px"}} startIcon={<HistoryIcon />}>
-                History
-              </Button>
+              <HistoryIcon />
             </Link>
+          </Tooltip>
           </TableCell>
         </TableRow>
         {/* COLLAPSIBLE ROW */}
diff --git a/frontend/dashboard/src/pages/Corporates/Services/List.tsx b/frontend/dashboard/src/pages/Corporates/Services/List.tsx
index 3530572b..55d2c285 100755
--- a/frontend/dashboard/src/pages/Corporates/Services/List.tsx
+++ b/frontend/dashboard/src/pages/Corporates/Services/List.tsx
@@ -29,6 +29,7 @@ import {
   ButtonGroup,
   Checkbox,
   FormControlLabel,
+  Tooltip,
 } from '@mui/material';
 import KeyboardArrowDownIcon from '@mui/icons-material/KeyboardArrowDown';
 import KeyboardArrowRightIcon from '@mui/icons-material/KeyboardArrowRight';
@@ -232,17 +233,19 @@ export default function List() {
               </Button>
             )}
           </TableCell>
-          <TableCell align="right" width='25%'>
+          <TableCell align="right" width='10%'>
             <Link to={`/corporate/${corporate_id}/services/${row.service_code}`}>
               <Button variant="outlined" color="primary" size="small">
                 Config
               </Button>
             </Link>
-            <Link to={`/corporate/${corporate_id}/services/${row.id}/history`}>
-              <Button variant="outlined" color="primary" size="small" style={{marginLeft: "10px"}} startIcon={<HistoryIcon />}>
-                History
-              </Button>
-            </Link>
+            </TableCell>
+            <TableCell width='1%'>
+            <Tooltip title="History">
+              <Link to={`/corporate/${corporate_id}/services/${row.id}/history`} >
+                <HistoryIcon/>
+              </Link>
+            </Tooltip>
           </TableCell>
         </TableRow>
         {/* COLLAPSIBLE ROW */}
@@ -715,7 +718,7 @@ export default function List() {
                 <TableCell style={headStyle} align="right" width={30}>
                   Status
                 </TableCell>
-                <TableCell style={headStyle} align="right" width={30}>
+                <TableCell style={headStyle} align="center" width={30} colSpan={2}>
                   Action
                 </TableCell>
               </TableRow>