Proyectos de Subversion LeadersLinked - Backend

Rev

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

Rev 16725 Rev 16726
Línea 1... Línea 1...
1 
import React, { useEffect, useState } from 'react'
 1 
import React, { useEffect, useState } from 'react'
2 
import { deleteFeed } from '../../redux/feed/feed.actions'
 2 
import parse from 'html-react-parser'
- 
 
 3 
 
3 
import DeleteModal from '../../shared/DeleteModal'
 4 
import SurveyForm from './SurveyForm'
4 
import CommentForm from './CommentForm'
 5 
import CommentForm from './CommentForm'
5 
import CommentsList from './CommentsList'
 6 
import CommentsList from './CommentsList'
6 
import parse from 'html-react-parser'
 - 
 
7 
import styles from './feeds.module.scss'
 - 
 
8 
import Options from '../../shared/options/Options'
 7 
import Options from '../../shared/options/Options'
- 
 
 8 
import DeleteModal from '../../shared/DeleteModal'
- 
 
 9 
 
- 
 
 10 
import { deleteFeed } from '../../redux/feed/feed.actions'
- 
 
 11 
 
- 
 
 12 
import styles from './feeds.module.scss'
Línea 9... Línea 13...
9 
 
 13 
 
10 
const FeedTemplate = ({ feed }) => {
 14 
const FeedTemplate = ({ feed }) => {
11 
  const [comments, setComments] = useState(feed.comments)
 15 
  const [comments, setComments] = useState(feed.comments)
12 
  const [totalComments, setTotalComments] = useState(feed.owner_comments)
 16 
  const [totalComments, setTotalComments] = useState(feed.owner_comments)
Línea 135... Línea 139...
135 
  return (
 139 
  return (
136 
    <div className={styles.feed_content}>
 140 
    <div className={styles.feed_content}>
137 
      {type !== 'fast-survey' ? (
 141 
      {type !== 'fast-survey' ? (
138 
        htmlParsedText(description)
 142 
        htmlParsedText(description)
139 
      ) : (
 143 
      ) : (
140 
        <SurveyTemplate
 144 
        <SurveyForm
141 
          active={description.active}
 145 
          active={description.active}
142 
          question={description.question}
 146 
          question={description.question}
143 
          answers={[
 147 
          answers={[
144 
            description.answer1,
 148 
            description.answer1,
145 
            description.answer2,
 149 
            description.answer2,
Línea 167... Línea 171...
167 
      {feedShared.owner_description && <FeedTemplate feed={feedShared} />}
 171 
      {feedShared.owner_description && <FeedTemplate feed={feedShared} />}
168 
    </div>
 172 
    </div>
169 
  )
 173 
  )
170 
}
 174 
}
Línea 171... Línea -...
171 
 
 - 
 
172 
const SurveyTemplate = ({ question, answers = [], active, time }) => {
 - 
 
173 
  const [isActive, setIsActive] = useState(true)
 - 
 
174 
 
 - 
 
175 
  useEffect(() => {
 - 
 
176 
    setIsActive(Boolean(active))
 - 
 
177 
  }, [active])
 - 
 
178 
 
 - 
 
179 
  return (
 - 
 
180 
    <form action="">
 - 
 
181 
      <h3>{question}</h3>
 - 
 
182 
      {answers.map((option, index) => (
 - 
 
183 
        <div className="survey_input" key={index}>
 - 
 
184 
          <label htmlFor={`option-${index + 1}`}>{option}</label>
 - 
 
185 
          <input
 - 
 
186 
            type="radio"
 - 
 
187 
            name="option"
 - 
 
188 
            id={`option-${index + 1}`}
 - 
 
189 
            disabled={!isActive || !Boolean(time)}
 - 
 
190 
          />
 - 
 
191 
        </div>
 - 
 
192 
      ))}
 - 
 
193 
    </form>
 - 
 
194 
  )
 - 
 
195 
}
 - 
 
196 
 
 175 
 
197 
FeedTemplate.Header = Header
 176 
FeedTemplate.Header = Header
Línea 198... Línea 177...
198 
FeedTemplate.Content = Body
 177 
FeedTemplate.Content = Body