Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 2377 Rev 2381
Línea 1... Línea 1...
1
import React, { useState } from 'react'
1
import React, { useState } from 'react'
2
import { useSelector } from 'react-redux'
2
import { useSelector } from 'react-redux'
-
 
3
import { Box } from '@mui/material'
3
import { SendOutlined, ChatOutlined } from '@mui/icons-material'
4
import { SendOutlined, ChatOutlined } from '@mui/icons-material'
Línea 4... Línea 5...
4
 
5
 
5
import withExternalShare from '../dashboard/linkedin/withExternalShare'
6
import withExternalShare from '../dashboard/linkedin/withExternalShare'
Línea 48... Línea 49...
48
 
49
 
Línea 49... Línea 50...
49
  const ReactionButton = withReactions(Button)
50
  const ReactionButton = withReactions(Button)
50
 
51
 
51
  return (
-
 
52
    <Widget>
-
 
53
      <Widget.Media
52
  return (
54
        src={image}
-
 
55
        alt={title}
-
 
56
        styles={{
-
 
57
          width: '100%',
-
 
58
          maxHeight: '450px',
-
 
59
          objectFit: 'contain'
-
 
Línea 60... Línea 53...
60
        }}
53
    <Widget>
61
      />
54
      <Widget.Media src={image} alt={title} />
-
 
55
 
62
 
56
      <Widget.Body>
-
 
57
        <h2>{title}</h2>
63
      <Widget.Body>
58
 
64
        <h2>{title}</h2>
59
        <Paraphrase>{description}</Paraphrase>
Línea -... Línea 60...
-
 
60
 
-
 
61
        <PostFile file={file} type={type} />
-
 
62
      </Widget.Body>
65
        <Paraphrase>{description}</Paraphrase>
63
 
-
 
64
      <Box
-
 
65
        sx={{
-
 
66
          display: 'flex',
-
 
67
          justifyContent: 'space-between',
66
        <PostFile file={file} type={type} />
68
          alignItems: 'center',
Línea 67... Línea 69...
67
      </Widget.Body>
69
          padding: '0 0.5rem'
68
 
70
        }}
69
      <div className='d-flex justify-content-between align-items-center px-3'>
71
      >
70
        <FeedReactions reactions={reactions} reactionsUrl={reactions_url} />
72
        <FeedReactions reactions={reactions} reactionsUrl={reactions_url} />
Línea 71... Línea 73...
71
 
73
 
72
        {!!total_share_external && (
74
        {total_share_external ? (
73
          <span>{`${total_share_external} ${labels.sends?.toLowerCase()}`}</span>
75
          <span>{`${total_share_external} ${labels.sends?.toLowerCase()}`}</span>
74
        )}
76
        ) : null}
Línea 97... Línea 99...
97
          <SendOutlined style={{ color: 'gray' }} />
99
          <SendOutlined style={{ color: 'gray' }} />
98
          {labels.send}
100
          {labels.send}
99
        </ExternalShareButton>
101
        </ExternalShareButton>
100
      </Widget.Actions>
102
      </Widget.Actions>
Línea 101... Línea 103...
101
 
103
 
-
 
104
      {showComments ? (
-
 
105
        <Box
102
      {showComments && (
106
          sx={{
-
 
107
            padding: '0.5rem'
-
 
108
          }}
103
        <div className='px-3 pb-2'>
109
        >
104
          <CommentForm onSubmit={addComment} />
110
          <CommentForm onSubmit={addComment} />
105
          <CommentsList comments={comments} />
111
          <CommentsList comments={comments} />
106
        </div>
112
        </Box>
107
      )}
113
      ) : null}
108
    </Widget>
114
    </Widget>
109
  )
115
  )
Línea 110... Línea 116...
110
}
116
}