Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 2641 Rev 2642
Línea 10... Línea 10...
10
} from '@mui/icons-material'
10
} from '@mui/icons-material'
Línea 11... Línea 11...
11
 
11
 
12
import { openShareModal } from '@app/redux/share-modal/shareModal.actions'
12
import { openShareModal } from '@app/redux/share-modal/shareModal.actions'
Línea 13... Línea -...
13
import { shareModalTypes } from '@app/redux/share-modal/shareModal.types'
-
 
14
 
13
import { shareModalTypes } from '@app/redux/share-modal/shareModal.types'
-
 
14
 
Línea 15... Línea 15...
15
import WidgetWrapper from '@app/components/widgets/WidgetLayout'
15
import Input from '@app/components/UI/Input'
16
import Input from '@app/components/UI/Input'
16
import Widget from '@app/components/UI/Widget'
17
 
17
 
18
const Option = styled(Button)(({ theme }) => ({
18
const Option = styled(Button)(({ theme }) => ({
Línea 44... Línea 44...
44
 
44
 
45
  const onClickHandler = (postType) =>
45
  const onClickHandler = (postType) =>
Línea 46... Línea 46...
46
    dispatch(openShareModal(postUrl, postType, feedType))
46
    dispatch(openShareModal(postUrl, postType, feedType))
47
 
47
 
-
 
48
  return (
48
  return (
49
    <Widget>
49
    <WidgetWrapper>
50
      <Widget.Body>
50
      <Box display='flex' alignItems='center' gap={1} mb={1}>
51
        <Box display='flex' alignItems='center' gap={1} mb={1}>
51
        <Avatar
52
          <Avatar
52
          src={image}
53
            src={image}
53
          sx={{
54
            sx={{
54
            width: { xs: 40, sm: 50 },
55
              width: { xs: 40, sm: 50 },
55
            height: { xs: 40, sm: 50 }
56
              height: { xs: 40, sm: 50 }
56
          }}
57
            }}
57
        />
58
          />
58
 
59
 
59
        <Input
60
          <Input
60
          type='text'
61
            type='text'
61
          readOnly
62
            readOnly
62
          icon={Create}
63
            icon={Create}
63
          placeholder={labels.what_are_you_thinking}
64
            placeholder={labels.what_are_you_thinking}
64
          onClick={() => onClickHandler(shareModalTypes.POST)}
65
            onClick={() => onClickHandler(shareModalTypes.POST)}
65
          sx={{ width: '100%' }}
66
            sx={{ width: '100%' }}
66
          primary={false}
67
            primary={false}
67
        />
68
          />
68
      </Box>
69
        </Box>
69
 
70
 
70
      <Box display='flex' gap={1} justifyContent='space-between'>
71
        <Box display='flex' gap={1} justifyContent='space-between'>
71
        <Option onClick={() => onClickHandler(shareModalTypes.IMAGE)}>
72
          <Option onClick={() => onClickHandler(shareModalTypes.IMAGE)}>
72
          <Image sx={{ color: '#7405f9 !important' }} />
73
            <Image sx={{ color: '#7405f9 !important' }} />
73
          <Typography variant='body2'>{labels.image}</Typography>
74
            <Typography variant='body2'>{labels.image}</Typography>
74
        </Option>
75
          </Option>
75
 
76
 
76
        <Option onClick={() => onClickHandler(shareModalTypes.VIDEO)}>
77
          <Option onClick={() => onClickHandler(shareModalTypes.VIDEO)}>
77
          <Subscriptions sx={{ color: '#E7A33E !important' }} />
78
            <Subscriptions sx={{ color: '#E7A33E !important' }} />
78
          <Typography variant='body2'>{labels.video}</Typography>
79
            <Typography variant='body2'>{labels.video}</Typography>
79
        </Option>
80
          </Option>
80
 
81
 
81
        <Option onClick={() => onClickHandler(shareModalTypes.FILE)}>
82
          <Option onClick={() => onClickHandler(shareModalTypes.FILE)}>
82
          <Article sx={{ color: '#C0C8CD !important' }} />
83
            <Article sx={{ color: '#C0C8CD !important' }} />
83
          <Typography variant='body2'>{labels.document}</Typography>
84
            <Typography variant='body2'>{labels.document}</Typography>
84
        </Option>
85
          </Option>
85
 
86
 
86
        <Option onClick={() => onClickHandler(shareModalTypes.POST)}>
87
          <Option onClick={() => onClickHandler(shareModalTypes.POST)}>
87
          <PostAdd sx={{ color: '#7FC15E !important' }} />
88
            <PostAdd sx={{ color: '#7FC15E !important' }} />
88
          <Typography variant='body2'>{labels.write}</Typography>
89
            <Typography variant='body2'>{labels.write}</Typography>
-
 
90
          </Option>
89
        </Option>
91
        </Box>
90
      </Box>
92
      </Widget.Body>
91
    </WidgetWrapper>
93
    </Widget>
Línea 92... Línea 94...
92
  )
94
  )