Notion card

Summary

I removed the unwanted import path and added a proper aliased path. For calling components, helpers, apis, common, and utils we don't need to call the functions like ' ../../../ ' we can directly call apis/, common/ etc for the imports.

Also for importing components and package, we should follow default import structure that should be like, and each should be separated with an empty line

1.All the package imports,

2. helpers, utils, apis imports

3. custom components

// Package imports
import React, { useEffect, useState } from "react";
import { useNavigate } from "react-router-dom";

//Utility and helper imports
import { setAuthHeaders, registerIntercepts } from "apis/axios";
import clients from "apis/clients";
import AmountBoxContainer from "common/AmountBox";
import ChartBar from "common/ChartBar";

// Custom component imports
import DeleteClient from "components/Modals/DeleteClient";
import EditClient from "components/Modals/EditClient";
import NewClient from "components/Modals/NewClient";

Preview

Type of change

Please delete options that are not relevant.

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to
  not work as expected)
• This change requires a documentation update

How Has This Been Tested?

Checklist:

• I have manually tested all workflows
• I have performed a self-review of my own code
• I have added automated tests for my code