Proyectos de Subversion LeadersLinked - Backend

import React, { useEffect } from 'react'

import { useDispatch } from 'react-redux'

import { setTimelineUrl } from '../../redux/feed/feed.actions'

import ContentTitle from '../../shared/ContentTitle'

import ShareModal from '../../shared/ShareModal'

import SurveyModal from '../components/survey/SurveyModal'

import FeedSection from '../components/FeedSection'

import FeedShare from '../components/FeedShare'

import styled from 'styled-components'

const StyledSection = styled.div`

  display: flex;

  flex-direction: column;

  gap: 1rem;

  flex: 1;

`

const FeedView = ({ timeLineUrl }) => {

  const dispatch = useDispatch()

  useEffect(() => {

    dispatch(setTimelineUrl(timeLineUrl))

  }, [])

  return (

    <ContentTitle title="Publicaciones">

      <div className="row">

        <div className="col-lg-3"></div>

        <StyledSection className="col-lg-6">

          <FeedShare post_url="/feeds/add" />

          <FeedSection timeLineUrl={timeLineUrl} />

        </StyledSection>

        <div className="col-lg-3"></div>

      </div>

      <ShareModal />

      <SurveyModal />

    </ContentTitle>

  )

}

export default FeedView