Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 3481 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 3481 Rev 3694
Línea 1... Línea 1...
1 
import React from 'react';
 1 
import React from 'react';
2 
import { useNavigate } from 'react-router-dom';
 2 
import { useNavigate } from 'react-router-dom';
3 
import { Typography, Button, Box, IconButton } from '@mui/material';
 3 
import Add from '@mui/icons-material/Add';
4 
import { Add, NavigateBefore } from '@mui/icons-material';
 4 
import NavigateBefore from '@mui/icons-material/NavigateBefore';
- 
 
 5 
import { Button, styled, Typography, Box, IconButton } from '@mui/material';
- 
 
 6 
 
- 
 
 7 
const Header = styled('div')(({ theme }) => ({
- 
 
 8 
  display: 'flex',
- 
 
 9 
  justifyContent: 'space-between',
- 
 
 10 
  alignItems: 'center'
- 
 
 11 
}));
Línea 5... Línea 12...
5 
 
 12 
 
6 
export function PageHeader({ title = '', labelAdd = 'Agregar', goBack = false, onAdd }) {
 13 
export function PageHeader({ title = '', labelAdd = 'Agregar', goBack = false, onAdd }) {
Línea 7... Línea 14...
7 
  const navigate = useNavigate();
 14 
  const navigate = useNavigate();
8 
 
 15 
 
9 
  return (
 16 
  return (
10 
    <Box sx={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
 17 
    <Header>
11 
      <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>
 18 
      <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>
12 
        {goBack && (
 19 
        {goBack && (
13 
          <IconButton onClick={() => navigate(-1)}>
 20 
          <IconButton onClick={() => navigate(-1)}>
Línea 21... Línea 28...
21 
      {onAdd && (
 28 
      {onAdd && (
22 
        <Button variant='contained' startIcon={<Add />} onClick={onAdd}>
 29 
        <Button variant='contained' startIcon={<Add />} onClick={onAdd}>
23 
          {labelAdd}
 30 
          {labelAdd}
24 
        </Button>
 31 
        </Button>
25 
      )}
 32 
      )}
26 
    </Box>
 33 
    </Header>
27 
  );
 34 
  );
28 
}
 35 
}