Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 2917 | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 2917 Rev 3719
Línea 1... Línea 1...
1 
import React from 'react'
 1 
import React from 'react';
2 
import { Avatar, Box, Typography } from '@mui/material'
 2 
import { Avatar, Box, Typography } from '@mui/material';
3 
 
 3 
 
4 
import Widget from '@components/UI/Widget'
 4 
import Widget from '@components/UI/Widget';
5 
 
 5 
 
6 
export default function AppsWidget({ microlearning }) {
 6 
export default function AppsWidget({ microlearning }) {
7 
  return (
 7 
  return (
8 
    <Widget>
 8 
    <Widget>
9 
      <Widget.Body styles={{ display: 'grid', placeItems: 'center' }}>
 9 
      <Widget.Body styles={{ display: 'grid', placeItems: 'center' }}>
10 
        <Box
 10 
        <Box
11 
          sx={{
 11 
          sx={{
12 
            display: 'flex',
 12 
            display: 'flex',
13 
            alignItems: 'center',
 13 
            alignItems: 'center',
14 
            justifyContent: 'center',
 14 
            justifyContent: 'center',
15 
            gap: 0.5
 15 
            gap: 0.5
16 
          }}
 16 
          }}
17 
        >
 17 
        >
18 
          <a href={microlearning.playStore} target='_blank' rel='noreferrer'>
 18 
          <a href={microlearning.playStore} target='_blank' rel='noreferrer'>
19 
            <Avatar
 - 
 
20 
              src='/images/logo-leaderslinked-apple.png'
 19 
            <Avatar src='/images/logo-leaderslinked-apple.png' sx={{ borderRadius: '0' }} />
21 
              sx={{ borderRadius: '0' }}
 - 
 
22 
            />
 - 
 
23 
          </a>
 20 
          </a>
24 
 
 21 
 
25 
          <a href={microlearning.appStore} target='_blank' rel='noreferrer'>
 22 
          <a href={microlearning.appStore} target='_blank' rel='noreferrer'>
26 
            <Avatar
 - 
 
27 
              src='/images/logo-leaderslinked-android.png'
 23 
            <Avatar src='/images/logo-leaderslinked-android.png' sx={{ borderRadius: '0' }} />
28 
              sx={{ borderRadius: '0' }}
 - 
 
29 
            />
 - 
 
30 
          </a>
 24 
          </a>
31 
        </Box>
 25 
        </Box>
32 
 
 26 
 
33 
        <Typography
 - 
 
34 
          variant='overline'
 - 
 
35 
          sx={{ textAlign: 'center', display: 'flex' }}
 27 
        <Typography variant='overline' sx={{ textAlign: 'center', display: 'flex' }}>
36 
        >
 - 
 
37 
          {microlearning.name}
 28 
          {microlearning.name}
38 
        </Typography>
 29 
        </Typography>
39 
      </Widget.Body>
 30 
      </Widget.Body>
40 
    </Widget>
 31 
    </Widget>
41 
  )
 32 
  );
42 
}
 33 
}