xamedow

import React, {
  Children,
  cloneElement,
  ReactElement,
  useContext,
  useEffect,
  useRef,
  useState,
} from 'react';
import classNames from 'classnames/bind';

xamedow

Uula Frontend Test Application

Your task is to create comments section component with ability for the client to create/read/update/delete/like/dislike/complain comments

Comments section should be located at the comment page of the app '/comments'

Initially you should request a list of existing comments at the API endpoint and if there are none - show empty list placeholder

Each comment could be unfolded and show a list of replies if any, replies should be also provided with CRUD controls

xamedow

Uula Frontend Test Application

Your task is to create comments section component with ability for the client to create/read/update/delete/like/dislike/complain comments

Comments section should be located at the comment page of the app '/comments'

Initially you should request a list of existing comments at the API endpoint and if there are none - show empty list placeholder

Each comment could be unfolded and show a list of replies if any, replies should be also provided with CRUD controls

xamedow

Uula Frontend Test Application

Your task is to create comments section component with ability for the client to create/read/update/delete/like/dislike/complain comments

Comments section should be located at the comment page of the app '/comments'

Initially you should request a list of existing comments at the API endpoint and if there are none - show empty list placeholder

Each comment could be unfolded and show a list of replies if any, replies should be also provided with CRUD controls

xamedow

const createDocumentToAPI = (appID: string) => {
  utils.api.setBaseURL(`${BASE_API_URL}:${DOCUMENTS_PORT}`);

  const headers = {
    ...defaultHeaders,
    'Content-Type': 'multipart/form-data;'
  };

  const formData = new FormData();

xamedow

import {
    __,
    anyPass,
    always,
    allPass,
    compose,
    contains,
    converge,
    curry,
    drop,

xamedow

import React from 'react';
import PropTypes from 'prop-types';
import { Field } from 'react-final-form';
import { useSpring, animated } from 'react-spring';

interface IProps extends React.HTMLProps<HTMLElement> {
  when: string;
  equal?: string | boolean;
  isIn?: {};
  cb?: any;

xamedow

import {
    applyValidators,
    isCyrillic,
    isEmail,
    isEntityOgrnValid,
    isEntityINNValid,
    isIeOgrnValid,
    isIEINNValid,
    required,
    isPassword,

xamedow

import React from "react";
import { Field } from "react-final-form";
import { useTransition, animated } from "react-spring";
import styled from "styled-components";

interface Props extends React.HTMLProps<HTMLElement> {
  when: string;
  is: any;
}

xamedow

import React from "react";
import { Field } from "react-final-form";
import { useSpring, animated } from "react-spring";

interface Props extends React.HTMLProps<HTMLElement> {
  when: string;
  is: any;
}

interface InnerProps {