refactor: cleanup transaction component types and remove unused code

FuelLabs · Feb 6, 2025 · f3a2d9e · f3a2d9e
1 parent 30ad200
commit f3a2d9e
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 11 deletions.
diff --git a/packages/app/src/systems/Transaction/components/TxContent/TxContent.tsx b/packages/app/src/systems/Transaction/components/TxContent/TxContent.tsx
@@ -11,11 +11,10 @@ import {
 import type {
   BN,
   TransactionRequest,
-  TransactionResult,
   TransactionStatus,
   TransactionSummary,
 } from 'fuels';
-import { useMemo } from 'react';
+import { type ReactNode, useMemo } from 'react';
 import { useFormContext } from 'react-hook-form';
 import { type Maybe, MotionStack, animations } from '~/systems/Core';
 import type { SendFormValues } from '~/systems/Send/hooks';
@@ -85,7 +84,7 @@ function TxContentLoader() {
 }
 
 export type TxContentInfoProps = {
-  footer?: React.ReactNode;
+  footer?: ReactNode;
   tx: TransactionSummary;
   txStatus?: Maybe<TransactionStatus>;
   showDetails?: boolean;

diff --git a/packages/app/src/systems/Transaction/components/TxFee/TxFeeRadio.tsx b/packages/app/src/systems/Transaction/components/TxFee/TxFeeRadio.tsx
@@ -23,7 +23,6 @@ export const TxFeeRadio: TxFeeRadioComponent = ({
   checked,
   title,
 }: TxFeeRadioProps) => {
-  const [_flag, setFlag] = useState(false);
   const provider = useProvider();
   const [baseAsset, setBaseAsset] = useState<AssetFuelData | undefined>();
   useEffect(() => {
@@ -57,13 +56,6 @@ export const TxFeeRadio: TxFeeRadioComponent = ({
 
   const ready = !!fee && !!feeInUsd;
 
-  // Horrible workaround to force re-render of this section.
-  useEffect(() => {
-    setTimeout(() => {
-      setFlag((prev) => !prev);
-    }, 500);
-  }, [ready]);
-
   if (!ready) return <TxFee.Loader />;
 
   return (