Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 7191 Rev 7192
Línea 1... Línea 1...
1 
import React, { useEffect, useState } from 'react'
 1 
import React, { useEffect, useState } from 'react'
2 
import { Button, Form, Modal } from 'react-bootstrap'
 2 
import { Button, Form, Modal } from 'react-bootstrap'
3 
import { useDispatch, useSelector } from 'react-redux'
 3 
import { useDispatch, useSelector } from 'react-redux'
4 
import Spinner from '../UI/Spinner'
 - 
 
5 
import { CKEditor } from 'ckeditor4-react'
 4 
import { CKEditor } from 'ckeditor4-react'
6 
import { CKEDITOR_OPTIONS, axios } from '../../utils'
 5 
import { CKEDITOR_OPTIONS, axios } from '../../utils'
7 
import FormErrorFeedback from '../UI/FormErrorFeedback'
 - 
 
8 
import { useForm } from 'react-hook-form'
 6 
import { useForm } from 'react-hook-form'
9 
import { addNotification } from '../../redux/notification/notification.actions'
 7 
import { addNotification } from '../../redux/notification/notification.actions'
- 
 
 8 
 
- 
 
 9 
import Spinner from '../UI/Spinner'
10 
import TagsInput from '../../../shared/tags-input/TagsInput'
 10 
import TagsInput from '../../../shared/tags-input/TagsInput'
- 
 
 11 
import FormErrorFeedback from '../UI/FormErrorFeedback'
- 
 
 12 
import { styled } from 'styled-components'
- 
 
 13 
 
- 
 
 14 
const TagsContainer = styled.div`
- 
 
 15 
  padding: 0.5rem;
- 
 
 16 
  border: 1px solid var(--border-primary);
- 
 
 17 
  border-radius: var(--border-radius);
- 
 
 18 
  margin-top: 1rem;
- 
 
 19 
`
Línea 11... Línea 20...
11 
 
 20 
 
12 
const QuestionModal = ({ show, url, isEdit, onClose, onComplete }) => {
 21 
const QuestionModal = ({ show, url, isEdit, onClose, onComplete }) => {
13 
  const [loading, setLoading] = useState(false)
 22 
  const [loading, setLoading] = useState(false)
14 
  const [questionsCategories, setQuestionsCategories] = useState([])
 23 
  const [questionsCategories, setQuestionsCategories] = useState([])
Línea 177... Línea 186...
177 
            />
 186 
            />
178 
            {errors.description && (
 187 
            {errors.description && (
179 
              <FormErrorFeedback>{labels.error_field_empty}</FormErrorFeedback>
 188 
              <FormErrorFeedback>{labels.error_field_empty}</FormErrorFeedback>
180 
            )}
 189 
            )}
Línea -... Línea 190...
- 
 
 190 
 
181 
 
 191 
            <TagsContainer>
182 
            <TagsInput
 192 
              <TagsInput
183 
              suggestions={questionsCategories}
 193 
                suggestions={questionsCategories}
184 
              settedTags={currentCategories}
 194 
                settedTags={currentCategories}
185 
              onChange={onTagsChange}
 195 
                onChange={onTagsChange}
- 
 
 196 
              />
Línea 186... Línea 197...
186 
            />
 197 
            </TagsContainer>
187 
 
 198 
 
188 
            <Button className="mt-3 mr-2" variant="primary" type="submit">
 199 
            <Button className="mt-3 mr-2" variant="primary" type="submit">
189 
              {labels.accept}
 200 
              {labels.accept}