Feat Se Añade Total a Canillas Page

Frontend/src/pages/Distribucion/GestionarEntradasSalidasCanillaPage.tsx

@@ -348,6 +348,10 @@ const GestionarEntradasSalidasCanillaPage: React.FC = () => {
     displayData.filter(m => !m.liquidado).reduce((sum, item) => sum + item.montoARendir, 0)
     , [displayData]);
 
+  const montoARendirAll = useMemo(() =>
+    movimientos.reduce((sum, item) => sum + item.montoARendir, 0)
+    , [movimientos]);
+
   if (!puedeVer) {
     return (
       <Box sx={{ p: 2 }}>
@@ -442,10 +446,17 @@ const GestionarEntradasSalidasCanillaPage: React.FC = () => {
       {!loading && movimientos.length > 0 && (
         <Paper sx={{ p: 1.5, mb: 2, mt: 1, backgroundColor: 'grey.100' }}>
           <Box sx={{ display: 'flex', justifyContent: 'flex-end', alignItems: 'center' }}>
-                <Typography variant="subtitle1" sx={{mr:2}}>
+            <Typography variant="subtitle1" sx={{ mr: 1 }}>
+              Total:
+            </Typography>
+            <Typography variant="h6" sx={{ paddingRight: '5px', fontWeight: 'bold', color: 'text.main' }}>
+              {montoARendirAll.toLocaleString('es-AR', { style: 'currency', currency: 'ARS' })}
+            </Typography>
+            -
+            <Typography variant="subtitle1" sx={{ mr: 1, paddingLeft: '5px', }}>
               Total a Liquidar:
             </Typography>
-                <Typography variant="h6" sx={{fontWeight: 'bold', color: 'error.main'}}>
+            <Typography variant="h6" sx={{ fontWeight: 'bold', color: totalARendirVisible > 0 ? 'error.main' : 'green' }}>
               {totalARendirVisible.toLocaleString('es-AR', { style: 'currency', currency: 'ARS' })}
             </Typography>
           </Box>