JSFiddle - React, Tailwind, and code Playground

by Lena R

JavaScript

import React, { Component } from 'react';
import { connect } from 'react-redux';
import moment from 'moment';

// components
import Select from 'react-select';
import DatePicker from 'react-datepicker';
import _ from 'lodash';
import { Link } from 'react-router-dom';
import InputText from '../Fields/InputText/InputText';
import TextArea from '../Fields/TextArea/TextArea';

// css
import './Assignments.css';

// actions
import { notificationAction } from '../../actions/notificationAction';
import { storeTimeReportAction } from '../../actions/timeReportAction';

// thunk
import {
    getAssignmentThunk,
    deleteAssignmentThunk,
    updateAssignmentThunk,
} from '../../actions/projectsAction';
import { getAdminsAndSupActionThunk, getCustomersActionThunk } from '../../actions/customersAction';
import CheckBox from '../Fields/CheckBox/CheckBox';
import CreateCustomer from '../Customers/CreateCustomer/CreateCustomer';
import history from '../../helpers/history';
import ConfirmModal from '../../containers/Modal/ConfirmModal';

class EditAssignment extends Component {
    constructor(props) {
        super(props);

        this.state = {
            openConfirm: false,
            customers: [],
            admins: [],
            title: '',
            open: true,
            draft: false,
            skills: [],
            skillInput: '',
            skillsButtons: [],
            aboutCustomer: '',
            aboutTeam: '',
            startDate: null,
            startDateAsap: false,
            contractLength: '',
            description: '',
            price: '',
            mustHaves: '',
            softValues: '',
            responsibleId: null,
            // deletedResponsibleName: '',
            roleComment: '',
            workplaceComment: '',
            customerId: null,
            // deletedCustomerName: '',
            availabilitiesComment: '',
            technologiesComment: '',
            workingLanguage: null,
           ...