igor-starostenko/report_factory-web

Similar blocks of code found in 2 locations. Consider refactoring.

Open

  return map(details, (value, key) => (
    <div className={styles.exampleDetailsRow} key={key}>
      <div className={styles.exampleDetailsParam}>{key}:</div>
      <div className={styles.exampleDetailsValue}>{value}</div>
    </div>

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

      {map(details, (value, key) => (
        <div className={styles.reportDetailsRow} key={key}>
          <div className={styles.reportDetailsParam}>{key}:</div>
          <div className={styles.reportDetailsValue}>{value}</div>
        </div>

• Read up
  Read up

Function Projects has 71 lines of code (exceeds 25 allowed). Consider refactoring.

Open

function Projects(props) {
  const { xApiKey, projects, isAdmin, loaded } = props;

  useEffect(() => {
    props.queryProjects(xApiKey, { lastDays: days });

Similar blocks of code found in 2 locations. Consider refactoring.

Open

  getReports(xApiKey, options) {
    const url = `${this.baseUrl}api/v1/reports`;
    const params = this.constructor.formatQuery(options);
    const headers = ApiClient.formatHeaders(xApiKey);
    return fetch(new Request(url + params, { method: 'GET', headers }));

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

  getRspecReports(xApiKey, options) {
    const url = `${this.baseUrl}api/v1/reports/rspec`;
    const params = this.constructor.formatQuery(options);
    const headers = ApiClient.formatHeaders(xApiKey);
    return fetch(new Request(url + params, { method: 'GET', headers }));

• Read up
  Read up

Function EditUserForm has 68 lines of code (exceeds 25 allowed). Consider refactoring.

Open

function EditUserForm(props) {
  const {
    isAdmin,
    isCurrent,
    handleSubmit,

Function ProjectRspecReports has 67 lines of code (exceeds 25 allowed). Consider refactoring.

Open

function ProjectRspecReports(props) {
  const { edges, pageInfo, projectName, query, totalCount, xApiKey } = props;

  function fetchProjectRspecReports(options) {
    if (query.page !== options.page) {

Function ScenariosList has 65 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  function ScenariosList(props) {
    const [scenarios, setScenarios] = useState([]);
    const [page, setPage] = useState(1);
    const [perPage, setPerPage] = useState(10);
    const [total, setTotal] = useState(0);

Identical blocks of code found in 2 locations. Consider refactoring.

Open

    data: PropTypes.shape({
      id: PropTypes.string.isRequired,
      type: PropTypes.string.isRequired,
      attributes: PropTypes.shape({
        name: PropTypes.string.isRequired,

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

    data: PropTypes.shape({
      id: PropTypes.string.isRequired,
      type: PropTypes.string.isRequired,
      attributes: PropTypes.shape({
        name: PropTypes.string.isRequired,

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    cy.get('h1')
      .invoke('text')
      .then(projectName => {
        expect(projectName).to.be.a('String');
        cy.url().should('include', `projects/${projectName}`);

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    cy.get('h1')
      .invoke('text')
      .then(projectName => {
        expect(projectName).to.be.a('String');
        cy.url().should('include', `projects/${projectName}/rspec`);

• Read up
  Read up

Function UpdateProject has 59 lines of code (exceeds 25 allowed). Consider refactoring.

Open

function UpdateProject(props) {
  const [isDeleteProjectModalOpen, setDeleteProjectModel] = useState(false);
  const { dispatch, isAdmin, project, projectName, xApiKey } = props;
  const hasSameProject = hasProject(project, projectName);

Similar blocks of code found in 2 locations. Consider refactoring.

Open

  function fetchUserReports({ filterName, lastDays, lastMonths }) {
    props.setUserReportsFilters(userId, {
      filterName,
      lastDays,
      lastMonths,

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

  function filterProject({ filterName, lastDays, lastMonths }) {
    props.setProjectFilters(projectName, {
      filterName,
      lastDays,
      lastMonths,

• Read up
  Read up

Function Reports has 57 lines of code (exceeds 25 allowed). Consider refactoring.

Open

function Reports(props) {
  const { edges, pageInfo, query, totalCount, xApiKey } = props;

  function fetchRspecReports(options) {
    if (query.page !== options.page) {

Function Scenarios has 57 lines of code (exceeds 25 allowed). Consider refactoring.

Open

function Scenarios(props) {
  const {
    xApiKey,
    scenarios,
    scenariosList,

Similar blocks of code found in 2 locations. Consider refactoring.

Open

const mapDispatchToProps = dispatch => ({
  getProject: (...args) => dispatch(getProject(...args)),
  updateProject: (...args) => dispatch(updateProject(...args)),
  deleteProject: (...args) => dispatch(deleteProject(...args)),
  dispatch,

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

const mapDispatchToProps = dispatch => ({
  getUser: (...args) => dispatch(getUser(...args)),
  updateUser: (...args) => dispatch(updateUser(...args)),
  deleteUser: (...args) => dispatch(deleteUser(...args)),
  dispatch,

• Read up
  Read up

Function Project has 53 lines of code (exceeds 25 allowed). Consider refactoring.

Open

function Project(props) {
  const { project, projectName, filters, xApiKey, scenariosDetails } = props;

  function filterProject({ filterName, lastDays, lastMonths }) {
    props.setProjectFilters(projectName, {