Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 3390 Rev 3391
Línea 1... Línea 1...
1
import React, { useState } from 'react'
1
import React, { useState } from 'react'
2
import { useForm } from 'react-hook-form'
2
import { Controller, useForm } from 'react-hook-form'
3
import { Button, styled, Tab, Tabs } from '@mui/material'
3
import { Button, styled, Tab, Tabs } from '@mui/material'
Línea 4... Línea 4...
4
 
4
 
5
import Widget from '@components/UI/Widget'
5
import Widget from '@components/UI/Widget'
6
import Form from '@components/common/form'
6
import Form from '@components/common/form'
7
import Input from '@components/UI/inputs/Input'
-
 
8
import Select from '@components/UI/inputs/Select'
7
import Input from '@components/UI/inputs/Input'
9
import TabPanel from '@components/common/tab-panel'
8
import TabPanel from '@components/common/tab-panel'
10
import Ckeditor from '@components/common/ckeditor/Ckeditor'
9
import Ckeditor from '@components/common/ckeditor/Ckeditor'
11
import DatetimePicker from '@components/common/inputs/datetime-picker'
10
import DatetimePicker from '@components/common/inputs/datetime-picker'
-
 
11
import LoadingWrapper from '@components/common/loading-wrapper'
Línea 12... Línea 12...
12
import LoadingWrapper from '@components/common/loading-wrapper'
12
import TagsInput from '@components/UI/TagsInput'
13
 
13
 
14
const FormTabPanel = styled(TabPanel)(({ theme }) => ({
14
const FormTabPanel = styled(TabPanel)(({ theme }) => ({
15
  display: 'flex',
15
  display: 'flex',
Línea 95... Línea 95...
95
                  }
95
                  }
96
                }}
96
                }}
97
                error={errors.value?.message}
97
                error={errors.value?.message}
98
              />
98
              />
Línea 99... Línea 99...
99
 
99
 
100
              <Select
-
 
101
                label='Hábitos y competencias para lograr la Meta'
100
              <Controller
102
                name='skill_id'
101
                name='skill_id'
103
                control={control}
-
 
104
                options={habits}
102
                control={control}
105
                defaultValue={[]}
103
                defaultValue={[]}
-
 
104
                rules={{ required: 'Por favor selecciona un hábito' }}
-
 
105
                render={({ field: { onChange, value, name } }) => (
-
 
106
                  <>
-
 
107
                    <TagsInput
106
                rules={{ required: 'Por favor selecciona un hábito' }}
108
                      label='Hábitos y competencias para lograr la Meta'
-
 
109
                      suggestions={habits}
-
 
110
                      onChange={onChange}
-
 
111
                      defaultValue={value}
107
                error={errors.skill_id?.message}
112
                      name={name}
-
 
113
                    />
-
 
114
                  </>
108
                multiple
115
                )}
Línea 109... Línea 116...
109
              />
116
              />
110
 
117
 
111
              <Button color='primary' onClick={nextStep}>
118
              <Button color='primary' onClick={nextStep}>