Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 3628 | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
3719 stevensc 1
import React from 'react';
2
import { Form, FormButton, FormInput, FormSelect } from '../form';
3
 
4
export const reasons = [
5
  {
6
    label: 'Contenido sexual',
7
    value: 's'
8
  },
9
  {
10
    label: 'Contenido ofensivo',
11
    value: 'o'
12
  },
13
  {
14
    label: 'Discriminación',
15
    value: 'd'
16
  },
17
  {
18
    label: 'Adicciones',
19
    value: 'a'
20
  },
21
  {
22
    label: 'Terrorismo',
23
    value: 't'
24
  },
25
  {
26
    label: 'Otro',
27
    value: 'ot'
28
  }
29
];
30
 
31
export const block_options = [
32
  {
33
    label: 'Sí',
34
    value: 'y'
35
  },
36
  {
37
    label: 'No',
38
    value: 'n'
39
  }
40
];
41
 
42
export const ReportModal = ({ onSubmit }) => {
43
  return (
44
    <Form onSubmit={onSubmit} reset defaultValues={{ reason: '', block_user: '', comment: '' }}>
45
      <FormSelect
46
        label='Motivo'
47
        name='reason'
48
        placeholder='Seleccione un motivo'
49
        rules={{ required: 'Por favor, seleccione un motivo' }}
50
        options={reasons}
51
      />
52
 
53
      <FormSelect
54
        name='block_user'
55
        label='Bloquear a este usuario'
56
        options={block_options}
57
        placeholder='Seleccione un opción'
58
        rules={{ required: 'Por favor, seleccione una opción' }}
59
      />
60
 
61
      <FormInput label='Comentario' name='comment' placeholder='(Opcional)' />
62
 
63
      <FormButton type='submit'>Reportar</FormButton>
64
    </Form>
65
  );
66
};