fix: adjust card title to protocol steps

lifinance · Mar 21, 2023 · 670f67f · 670f67f
1 parent b28bb89
commit 670f67f
Showing 1 changed file with 11 additions and 5 deletions.
diff --git a/packages/widget/src/components/Step/Step.tsx b/packages/widget/src/components/Step/Step.tsx
@@ -28,13 +28,19 @@ export const Step: React.FC<{
   const getCardTitle = () => {
     switch (step.type) {
       case 'lifi':
-        if (step.includedSteps.every((step) => step.type === 'cross')) {
-          return t('swap.stepBridge');
+        const hasCrossStep = step.includedSteps.some(
+          (step) => step.type === 'cross',
+        );
+        const hasSwapStep = step.includedSteps.some(
+          (step) => step.type === 'swap',
+        );
+        if (hasCrossStep && hasSwapStep) {
+          return t('swap.stepSwapAndBridge');
         }
-        if (step.includedSteps.every((step) => step.type === 'swap')) {
-          return t('swap.stepSwap');
+        if (hasCrossStep) {
+          return t('swap.stepBridge');
         }
-        return t('swap.stepSwapAndBridge');
+        return t('swap.stepSwap');
       case 'swap':
         return t('swap.stepSwap');
       case 'cross':