feat(ccr): support evm coins to eth ccr recovery transaction

Ticket: COIN-111

Author: mullapudipruthvik

src/components/CryptocurrencyIcon/CryptocurrencyIcon.tsx

@@ -33,7 +33,8 @@ export interface CryptocurrencyIconProps {
     | 'zec'
     | 'zeta'
     | 'hbar'
-    | 'algo';
+    | 'algo'
+    | 'etc';
   Size: 'small' | 'medium' | 'large';
 }
 
@@ -1697,10 +1698,7 @@ export function CryptocurrencyIcon({
           <g fill="none" fill-rule="evenodd">
             <use fill="#000" filter="url(#a)" xlinkHref="#b" />
             <use fill="#000" xlinkHref="#b" />
-            <use
-              fill="url(#c)"
-              xlinkHref="#b"
-            />
+            <use fill="url(#c)" xlinkHref="#b" />
             <circle
               stroke-opacity=".097"
               stroke="#000"
@@ -1721,6 +1719,35 @@ export function CryptocurrencyIcon({
           </g>
         </svg>
       );
+    case 'etc':
+      return (
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          width="32"
+          height="32"
+          viewBox="0 0 32 32"
+        >
+          <g fill="none" fill-rule="evenodd">
+            <circle cx="16" cy="16" r="16" fill="#328332" />
+            <g fill="#FFF">
+              <path
+                fill-rule="nonzero"
+                d="M15.989 16.553l-6.721-.577 6.72-3.802v4.379zm0 4.46v6.94C13.652 24.315 11.076 20.311 9 17.07c2.45 1.38 5.008 2.823 6.989 3.944zm0-10.068L9 14.845 15.989 4v6.945z"
+              />
+              <path
+                fill-opacity=".601"
+                fill-rule="nonzero"
+                d="M22.71 15.976l-6.721.577v-4.379l6.72 3.802zm-6.721 5.038c1.98-1.12 4.537-2.564 6.988-3.944-2.076 3.242-4.652 7.246-6.988 10.882v-6.938zm0-10.069V4l6.988 10.845-6.988-3.9z"
+              />
+              <path opacity=".2" d="M15.989 16.553l6.72-.577-6.72 3.775z" />
+              <path
+                opacity=".603"
+                d="M15.988 16.553l-6.721-.577 6.721 3.775z"
+              />
+            </g>
+          </g>
+        </svg>
+      );
     default:
       return null;
   }

src/containers/App.tsx

@@ -8,8 +8,7 @@ import { NonBitGoRecoveryIndex } from './NonBitGoRecoveryIndex';
 import { SuccessfulRecovery } from './SuccessfulRecovery';
 import { WrongChainRecovery } from './WrongChainRecovery';
 import { EvmCrossChainRecoveryIndex } from './EvmCrossChainRecoveryIndex';
-import { EvmCrossChainRecoveryCoin } from './EvmCrossChainRecoveryCoin';
-import { EvmCrossChainRecoveryWallet } from './EvmCrossChainRecoveryWallet/EvmCrossChainRecoveryWallet';
+import { EvmCrossChainRecoveryWallet } from './EvmCrossChainRecoveryWallet';
 import { BuildUnsignedConsolidationIndex } from './BuildUnsignedConsolidation';
 import { BuildUnsignedConsolidationCoin } from '~/containers/BuildUnsignedConsolidation/BuildUnsignedConsolidationCoin';
 import { CreateBroadcastableTransactionIndex } from '~/containers/CreateBroadcastableTransaction';
@@ -101,8 +100,7 @@ export default function App() {
       >
         <Route index element={<EvmCrossChainRecoveryIndex />} />
         <Route path=":wallet" element={<EvmCrossChainRecoveryWallet />} />
-        <Route path=":wallet/:coin" element={<EvmCrossChainRecoveryCoin />} />
-        <Route path=":coin/success" element={<SuccessfulRecovery />} />
+        <Route path=":wallet/success" element={<SuccessfulRecovery />} />
       </Route>
       <Route
         path="/:env/wrong-chain-recovery"