Kalkuli/2018.2-Kalkuli_Front-End

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

Open

    getTagColor = (tagId) => { 
        if(!(this.props.tags === undefined || this.props.tags.length === 0)){
            for(let i = 0; i < this.props.tags.length; i++){
                if(this.props.tags[i].id === tagId){
                    return this.props.tags[i].color

• Read up
  Read up

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

Open

    getTagName = (tagId) => { 
        if(!(this.props.tags === undefined || this.props.tags.length === 0)){
            for(let i = 0; i < this.props.tags.length; i++){
                if(this.props.tags[i].id === tagId){
                    return this.props.tags[i].category

• Read up
  Read up

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

Open

    renderConfirmationMessage = () =>{
        return(
            <Fragment>
                <ConfirmationMessage onDeleteHandler={this.onDeleteHandler}
                                     onCancelHandler={this.onCancelHandler}

• Read up
  Read up

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

Open

  renderConfirmationMessage = () => {
    return (
      <Fragment>
        <ConfirmationMessage  onDeleteHandler={this.onDeleteHandler}
                              onCancelHandler={this.onCancelHandler}   

• Read up
  Read up

File Dashboard.js has 312 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import React, { Component } from 'react'
import './Dashboard.scss'
import Navbar from '../UI/Navbar/Navbar'
import Report from '../UI/Report/Report';
import BaseButton from '../UI/Button/BaseButton/BaseButton'

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

Open

export default async (mockError) => {
    try {
        if(mockError) throw new Error('mockingError')
        const company_id = localStorage.getItem('company_id')
        const response = await axios.get(`${baseURL}/${company_id}/get_all_reports`, config)

• Read up
  Read up

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

Open

export default async (mockError) => {
  try{
    if(mockError) throw new Error('mockingError')
    const company_id = localStorage.getItem('company_id')
    const response = await axios.get(`${baseURL}/${company_id}/receipts`, config)

• Read up
  Read up

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

Open

export default async (report_id, mockError) => {
  try{
    if(mockError) throw new Error('mockingError')
    const company_id = localStorage.getItem('company_id')
    const response = await axios.delete(`${baseURL}/${company_id}/report/${report_id}`, config)

• Read up
  Read up

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

Open

export default async (receipt_id, mockError) => {
  try {
    if(mockError) throw new Error('mockingError')
    const company_id = localStorage.getItem('company_id')
    const response = await axios.delete(`${baseURL}/${company_id}/receipt/${receipt_id}`, config)

• Read up
  Read up

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

Open

    blurHandler = (inputKey) =>{
        let inputState = {...this.state.registerInput}
        let inputElement = {...inputState[inputKey]}
        inputElement.touched = !inputElement.touched
        inputState[inputKey] = inputElement

• Read up
  Read up

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

Open

    focusHandler = (inputKey) =>{
        let inputState = {...this.state.registerInput}
        let inputElement = {...inputState[inputKey]}
        inputElement.touched = !inputElement.touched
        inputState[inputKey] = inputElement

• Read up
  Read up

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

Open

                                <div key={"description"} className="data">
                                        <p className="data__input receipt-font"><b>{receiptInput["description"].name}:</b></p>
                                        <p className="data__input receipt-font">{receipt["description"]}</p>
                                </div>    

• Read up
  Read up

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

Open

                                <div key={"title"} className="data">
                                        <p className="data__input receipt-font"><b>{receiptInput["title"].name}:</b></p>
                                        <p className="data__input receipt-font">{receipt["title"]}</p>
                                </div>    

• Read up
  Read up

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

Open

editConfirmationError = () => {
    return (
        <Fragment>
            <Confirmation content='Houve edição indevida na sua nota!' valid='error' onConfirmOk={this.ConfirmationErrorClose}/>
            <Backdrop show={this.state.ConfirmationError} click={this.ConfirmationErrorClose} /> 

• Read up
  Read up

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

Open

    editConfirmationDone = () => {
        return (
            <Fragment>
                <Confirmation content='Sua nota foi editada com sucesso!' valid='done' onConfirmOk={this.ConfirmationDoneClose}/>
                <Backdrop show={this.state.ConfirmationDone} click={this.ConfirmationDoneClose} /> 

• Read up
  Read up

Function render has 62 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  render(){
    return (
      <Fragment>
        <HomeNavBar onConfirmOk={this.onConfirmOk} click={this.registerClick}/>
        {this.state.newCompany ? this.showRegister() : null}

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

Open

                    <div className="options__element">
                        <p className="options__element--text">Nova Nota</p>
                        <span className="options__element--circle button" onClick={this.onNewReceiptHandler}>
                            <img src={imgReceipt} alt="nota fiscal"/>
                        </span>            

• Read up
  Read up

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

Open

                    <div className="options__element">
                        <p className="options__element--text">Novo Relatório</p>
                        <span className="options__element--circle button" onClick={this.onNewReportHandler}>
                            <img src={imgReport} alt="relatorio"/>
                        </span>

• Read up
  Read up

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

Open

export const mapDispatchToProps = dispatch => {
    return {
        onReceiptsAdded: (receipts) => {dispatch({type: actionTypes.ADD_RECEIPTS, receipts: receipts})},
        onTagsAdded: (tags) => dispatch({ type: actionTypes.ADD_TAGS, tags: tags }) 
    }

• Read up
  Read up

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

Open

export const mapDispatchToProps = dispatch => {
    return {
        onReceiptsAdded: (receipts) => {dispatch({type: actionTypes.ADD_RECEIPTS, receipts: receipts})},
        onTagsAdded: (tags) => dispatch({ type: actionTypes.ADD_TAGS, tags: tags }) 
    }

• Read up
  Read up