refactor: decouple nested components (#3353)

Co-authored-by: therealemjy <[email protected]>

.changeset/chatty-mails-happen.md

@@ -0,0 +1,5 @@
+---
+"@venusprotocol/evm": patch
+---
+
+decouple nested components

apps/evm/src/components/ActiveVotingProgress/index.tsx

@@ -7,7 +7,7 @@ import { theme } from 'theme';
 import type { Token } from 'types';
 import { convertMantissaToTokens } from 'utilities';
 
-import { LabeledProgressBar } from '../ProgressBar/LabeledProgressBar';
+import { LabeledProgressBar } from '../LabeledProgressBar';
 import { useStyles } from './styles';
 
 interface ActiveVotingProgressProps {

apps/evm/src/components/ApproveSteps/index.tsx → apps/evm/src/components/ApprovalSteps/index.tsx

@@ -14,7 +14,7 @@ export interface ApprovalStepsProps {
   secondStepButtonLabel: string;
 }
 
-interface AprrovalStepsExtraProps {
+interface ApprovalStepsExtraProps {
   approvalAction: () => Promise<unknown>;
   showApprovalSteps: boolean;
   isApprovalActionLoading: boolean;
@@ -25,7 +25,7 @@ interface AprrovalStepsExtraProps {
   secondStepLabel: string;
 }
 
-export const ApprovalSteps: React.FC<ApprovalStepsProps & AprrovalStepsExtraProps> = ({
+export const ApprovalSteps: React.FC<ApprovalStepsProps & ApprovalStepsExtraProps> = ({
   approvalAction,
   showApprovalSteps,
   isApprovalActionLoading,

apps/evm/src/components/ApproveSteps/ApproveDelegateSteps/index.tsx → apps/evm/src/components/ApproveDelegateSteps/index.tsx

@@ -1,6 +1,6 @@
 import { useTranslation } from 'libs/translations';
 
-import { ApprovalSteps, type ApprovalStepsProps } from '..';
+import { ApprovalSteps, type ApprovalStepsProps } from '../ApprovalSteps';
 
 export type ApproveDelegateStepsProps = {
   approveDelegateeAction: () => Promise<unknown>;

apps/evm/src/components/ApproveSteps/ApproveTokenSteps/index.tsx → apps/evm/src/components/ApproveTokenSteps/index.tsx

@@ -1,7 +1,7 @@
 import { useTranslation } from 'libs/translations';
 import type { Token } from 'types';
 
-import { ApprovalSteps, type ApprovalStepsProps } from '..';
+import { ApprovalSteps, type ApprovalStepsProps } from '../ApprovalSteps';
 
 export type ApproveTokenStepsProps = {
   token: Token;

apps/evm/src/components/index.ts

@@ -8,8 +8,9 @@ export * from './Chip';
 export * from './Countdown';
 export * from './Delimiter';
 export * from './EllipseAddress';
-export * from './ApproveSteps/ApproveTokenSteps';
-export * from './ApproveSteps/ApproveDelegateSteps';
+export * from './ApproveTokenSteps';
+export * from './ApproveDelegateSteps';
+export * from './ApprovalSteps';
 export * from './Form';
 export * from './Icon';
 export * from './LabeledInlineContent';
@@ -21,12 +22,11 @@ export * from './ProgressBar';
 export * from './ProgressCircle';
 export * from './ProposalCard';
 export * from './Card';
-export * from './ProgressBar/AccountHealth';
-export * from './ProgressBar/PercentageRepresentation';
-export * from './ProgressBar/LabeledProgressBar';
+export * from './ProgressBar';
+export * from './AccountHealth';
+export * from './LabeledProgressBar';
 export * from './Select';
 export * from './Spinner';
-export * from './SuccessfulTransactionModal';
 export * from './Table';
 export * from './Tabs';
 export * from './TextField';