Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 5782 Rev 5783
Línea 52... Línea 52...
52
    comments,
52
    comments,
53
    comment_add_url,
53
    comment_add_url,
54
    feed_share_external_url,
54
    feed_share_external_url,
55
  } = feed
55
  } = feed
56
  const [totalComments, setTotalComments] = useState(comments.length)
56
  const [totalComments, setTotalComments] = useState(comments.length)
-
 
57
  const [ownerReactions, setOwnerReaction] = useState(feed.feed_reactions)
57
  const [totalReactions, setTotalReactions] = useState(0)
58
  const [totalReactions, setTotalReactions] = useState(0)
58
  const [sharedState, setSharedState] = useState(owner_shared)
59
  const [sharedState, setSharedState] = useState(owner_shared)
59
  const [shareUrl, setShareUrl] = useState('')
60
  const [shareUrl, setShareUrl] = useState('')
Línea 60... Línea 61...
60
 
61
 
Línea 124... Línea 125...
124
 
125
 
125
      if (!success) {
126
      if (!success) {
126
        dispatch(addNotification({ style: 'danger', msg: data }))
127
        dispatch(addNotification({ style: 'danger', msg: data }))
Línea -... Línea 128...
-
 
128
      }
127
      }
129
 
128
 
130
      setOwnerReaction(data)
129
      return data
131
      return data
Línea 130... Línea 132...
130
    })
132
    })
Línea 159... Línea 161...
159
  useEffect(() => setSharedState(owner_shared), [owner_shared])
161
  useEffect(() => setSharedState(owner_shared), [owner_shared])
Línea 160... Línea 162...
160
 
162
 
Línea 161... Línea 163...
161
  useEffect(() => outsideClick && setShareOptions(false), [outsideClick])
163
  useEffect(() => outsideClick && setShareOptions(false), [outsideClick])
162
 
164
 
163
  useEffect(() => {
165
  useEffect(() => {
164
    const feedReactions = feed.feed_reactions.reduce(
166
    const feedReactions = ownerReactions.reduce(
165
      (acc, reaction) => acc + Number(reaction.total),
167
      (acc, reaction) => acc + Number(reaction.total),
166
      0
168
      0
167
    )
169
    )
Línea 168... Línea 170...
168
    setTotalReactions(feedReactions)
170
    setTotalReactions(feedReactions)
169
  }, [feed.feed_reactions])
171
  }, [ownerReactions])
170
 
172
 
171
  return (
173
  return (
Línea 204... Línea 206...
204
              file_image: feed.shared_file_image,
206
              file_image: feed.shared_file_image,
205
              file_document: feed.shared_file_document,
207
              file_document: feed.shared_file_document,
206
            }}
208
            }}
207
          />
209
          />
208
        </div>
210
        </div>
209
        <div className="d-inline-flex align-items-center">
211
        <div className="reactions-counter">
210
          {reactionsOptions
212
          {reactionsOptions
211
            .filter((option) =>
213
            .filter((option) =>
212
              feed.feed_reactions.find(
214
              ownerReactions.find(
213
                (reaction) => reaction.reaction === option.type
215
                (reaction) => reaction.reaction === option.type
214
              )
216
              )
215
            )
217
            )
216
            .map((reaction) => reaction.icon)}
218
            .map((reaction) => reaction.icon)}
-
 
219
          <span>{totalReactions}</span>
217
        </div>
220
        </div>
218
        <ul className="reactions-list">
221
        <ul className="reactions-list">
219
          <li>
222
          <li>
220
            <ReactionButton
223
            <ReactionButton
221
              onSelect={saveReaction}
224
              onSelect={saveReaction}