Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 7217 Rev 7218
Línea 2... Línea 2...
2
import { axios } from '../../utils'
2
import { axios } from '../../utils'
3
import { useHistory, useLocation } from 'react-router-dom'
3
import { useHistory, useLocation } from 'react-router-dom'
4
import { addNotification } from '../../redux/notification/notification.actions'
4
import { addNotification } from '../../redux/notification/notification.actions'
5
import { useDispatch, useSelector } from 'react-redux'
5
import { useDispatch, useSelector } from 'react-redux'
6
import { Col, Container, Row } from 'react-bootstrap'
6
import { Col, Container, Row } from 'react-bootstrap'
-
 
7
import styled from 'styled-components'
-
 
8
 
7
import QuestionCard from '../../components/my-coach/QuestionCard'
9
import QuestionCard from '../../components/my-coach/QuestionCard'
8
import ConfirmModal from '../../components/modals/ConfirmModal'
10
import ConfirmModal from '../../components/modals/ConfirmModal'
9
import AnswerCard from '../../components/my-coach/AnswerCard'
11
import AnswerCard from '../../components/my-coach/AnswerCard'
Línea -... Línea 12...
-
 
12
 
-
 
13
const StyledSection = styled(Col)`
-
 
14
  display: flex;
-
 
15
  flex-direction: column;
-
 
16
  gap: 0.5rem;
-
 
17
  margin: auto;
-
 
18
`
10
 
19
 
11
const MyCoachViewPage = () => {
20
const MyCoachViewPage = () => {
12
  const [question, setQuestion] = useState({})
21
  const [question, setQuestion] = useState({})
13
  const [answers, setAnswers] = useState([])
22
  const [answers, setAnswers] = useState([])
14
  const [modalShow, setModalShow] = useState(null)
23
  const [modalShow, setModalShow] = useState(null)
Línea 139... Línea 148...
139
      <Container as="section" className="companies-info">
148
      <Container as="section" className="companies-info">
140
        <div className="company-title">
149
        <div className="company-title">
141
          <h1 className="title mx-auto">{labels.my_coach}</h1>
150
          <h1 className="title mx-auto">{labels.my_coach}</h1>
142
        </div>
151
        </div>
143
        <Row>
152
        <Row>
144
          <Col md="8" className="mx-auto">
153
          <StyledSection md="8">
145
            <QuestionCard
154
            <QuestionCard
146
              key={question.uuid}
155
              key={question.uuid}
147
              onEdit={editQuestion}
156
              onEdit={editQuestion}
148
              onDelete={deleteQuestion}
157
              onDelete={deleteQuestion}
149
              {...question}
158
              {...question}
150
            />
159
            />
151
            {answers.map((answer) => (
160
            {answers.map((answer) => (
152
              <AnswerCard key={answer.unique} {...answer} />
161
              <AnswerCard key={answer.unique} {...answer} />
153
            ))}
162
            ))}
154
          </Col>
163
          </StyledSection>
155
        </Row>
164
        </Row>
156
      </Container>
165
      </Container>
157
      <ConfirmModal
166
      <ConfirmModal
158
        show={modalShow === 'delete'}
167
        show={modalShow === 'delete'}
159
        onClose={closeModal}
168
        onClose={closeModal}