Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 1576 Rev 1580
Línea 1... Línea 1...
1 
import React from 'react'
 1 
import React from 'react'
2 
import { useDispatch, useSelector } from 'react-redux'
 2 
import { useDispatch, useSelector } from 'react-redux'
3 
import { Avatar, Box } from '@mui/material'
 3 
import { Avatar, Box, Typography, styled } from '@mui/material'
4 
import {
 4 
import {
5 
  Image,
 5 
  Image,
6 
  Create,
 6 
  Create,
7 
  Article,
 7 
  Article,
8 
  PostAdd,
 8 
  PostAdd,
9 
  Subscriptions
 9 
  Subscriptions
10 
} from '@mui/icons-material'
 10 
} from '@mui/icons-material'
11 
import styled from 'styled-components'
 - 
 
Línea 12... Línea 11...
12 
 
 11 
 
13 
import { openShareModal } from '../../../../redux/share-modal/shareModal.actions'
 12 
import { openShareModal } from '@app/redux/share-modal/shareModal.actions'
Línea 14... Línea -...
14 
import { shareModalTypes } from '../../../../redux/share-modal/shareModal.types'
 - 
 
15 
 
 13 
import { shareModalTypes } from '@app/redux/share-modal/shareModal.types'
16 
import Input from 'components/UI/Input'
 14 
 
17 
import WidgetWrapper from 'components/widgets/WidgetLayout'
 - 
 
18 
import ShareOption from './ShareOption'
 - 
 
19 
 
 - 
 
20 
const StyledInput = styled(Input)`
 - 
 
21 
  border: 1px solid lightgray;
 - 
 
22 
  background-color: #fff;
 - 
 
23 
  border-radius: 30px;
 - 
 
24 
  padding: 5px;
 - 
 
25 
  padding-left: 1rem;
 - 
 
Línea -... Línea 15...
- 
 
 15 
import WidgetWrapper from '@app/components/widgets/WidgetLayout'
- 
 
 16 
import Input from '@app/components/UI/Input'
- 
 
 17 
 
- 
 
 18 
const Option = styled(Box)(({ theme }) => ({
- 
 
 19 
  borderRadius: '50%',
- 
 
 20 
  cursor: 'pointer',
- 
 
 21 
  padding: 5,
26 
  flex: 1;
 22 
  h4: {
27 
  cursor: pointer;
 23 
    display: 'none'
- 
 
 24 
  },
- 
 
 25 
  '&:hover': {
- 
 
 26 
    backgroundColor: 'whitesmoke'
- 
 
 27 
  },
- 
 
 28 
  [theme.breakpoints.up('md')]: {
- 
 
 29 
    alignItems: 'center',
- 
 
 30 
    borderRadius: theme.shape.borderRadius,
- 
 
 31 
    display: 'inline-flex',
- 
 
 32 
    gap: 1,
- 
 
 33 
    flex: 1,
28 
 
 34 
    h4: {
29 
  &:hover {
 35 
      display: 'initial'
Línea 30... Línea 36...
30 
    background-color: rgba(0, 0, 0, 0.08);
 36 
    }
31 
  }
 37 
  }
32 
`
 38 
}))
Línea 47... Línea 53...
47 
            width: { xs: 40, sm: 50 },
 53 
            width: { xs: 40, sm: 50 },
48 
            height: { xs: 40, sm: 50 }
 54 
            height: { xs: 40, sm: 50 }
49 
          }}
 55 
          }}
50 
        />
 56 
        />
Línea 51... Línea 57...
51 
 
 57 
 
52 
        <StyledInput
 58 
        <Input
53 
          type='text'
 59 
          type='text'
54 
          readOnly
 60 
          readOnly
55 
          icon={Create}
 61 
          icon={Create}
56 
          placeholder={labels.what_are_you_thinking}
 62 
          placeholder={labels.what_are_you_thinking}
57 
          onClick={() => onClickHandler(shareModalTypes.POST)}
 63 
          onClick={() => onClickHandler(shareModalTypes.POST)}
58 
        />
 64 
        />
Línea 59... Línea 65...
59 
      </Box>
 65 
      </Box>
60 
 
 66 
 
61 
      <Box display='flex' gap={1} justifyContent='space-between'>
 67 
      <Box display='flex' gap={1} justifyContent='space-between'>
62 
        <ShareOption
 68 
        <Option onClick={() => onClickHandler(shareModalTypes.IMAGE)}>
63 
          icon={Image}
 69 
          <Image sx={{ color: '#7405f9' }} />
- 
 
 70 
          <Typography variant='body2'>{labels.image}</Typography>
64 
          title={labels.image}
 71 
        </Option>
65 
          color='#7405f9'
 - 
 
66 
          onClick={() => onClickHandler(shareModalTypes.IMAGE)}
 - 
 
67 
        />
 72 
 
68 
        <ShareOption
 73 
        <Option onClick={() => onClickHandler(shareModalTypes.VIDEO)}>
69 
          icon={Subscriptions}
 74 
          <Subscriptions sx={{ color: '#E7A33E' }} />
- 
 
 75 
          <Typography variant='body2'>{labels.video}</Typography>
70 
          title={labels.video}
 76 
        </Option>
71 
          color='#E7A33E'
 - 
 
72 
          onClick={() => onClickHandler(shareModalTypes.VIDEO)}
 - 
 
73 
        />
 77 
 
74 
        <ShareOption
 78 
        <Option onClick={() => onClickHandler(shareModalTypes.FILE)}>
75 
          icon={Article}
 79 
          <Article sx={{ color: '#C0C8CD' }} />
- 
 
 80 
          <Typography variant='body2'>{labels.document}</Typography>
76 
          title={labels.document}
 81 
        </Option>
77 
          color='#C0C8CD'
 - 
 
78 
          onClick={() => onClickHandler(shareModalTypes.FILE)}
 - 
 
79 
        />
 - 
 
80 
        <ShareOption
 - 
 
81 
          icon={PostAdd}
 82 
 
82 
          title={labels.write}
 83 
        <Option onClick={() => onClickHandler(shareModalTypes.POST)}>
83 
          color='#7FC15E'
 84 
          <PostAdd sx={{ color: '#7FC15E' }} />
84 
          onClick={() => onClickHandler(shareModalTypes.POST)}
 85 
          <Typography variant='body2'>{labels.write}</Typography>
85 
        />
 86 
        </Option>
86 
      </Box>
 87 
      </Box>
87 
    </WidgetWrapper>
 88 
    </WidgetWrapper>