fix: update button text capitalization and improve modal navigation logic

Author: DiRaiks

features/create-vault/create-vault-form/submit-modal/submit-modal.tsx

@@ -105,11 +105,11 @@ export const SubmitModal: FC<ModalProps> = () => {
           tx && <TxLinkEtherscan txHash={tx} />}
 
         {step === SubmitStepEnum.reject && (
-          <ButtonLink onClick={retryFire}>retry</ButtonLink>
+          <ButtonLink onClick={retryFire}>Retry</ButtonLink>
         )}
 
         {step === SubmitStepEnum.error && (
-          <ButtonLink onClick={handleCancelSubmit}>close</ButtonLink>
+          <ButtonLink onClick={handleCancelSubmit}>Close</ButtonLink>
         )}
       </Content>
     </Modal>

shared/components/submit-modal/submit-modal.tsx

@@ -27,6 +27,7 @@ import { Address } from 'viem';
 const getIconComponent = (step: SubmitStep) => {
   switch (step) {
     case SubmitStepEnum.success:
+    case SubmitStepEnum.overview:
       return <Success fill="var(--lido-color-success)" />;
     case SubmitStepEnum.reject:
       return <Error />;
@@ -40,6 +41,7 @@ const getIconComponent = (step: SubmitStep) => {
 const getModalTitle = (step: SubmitStep) => {
   switch (step) {
     case SubmitStepEnum.success:
+    case SubmitStepEnum.overview:
       return 'Transaction was finished successfully';
     case SubmitStepEnum.reject:
       return 'Wallet tx signature';
@@ -92,7 +94,7 @@ export const SubmitModal: FC<SubmitModalProps> = ({
   const subtitle = getModalSubTitle(step);
 
   const handleNavigateToVault = () => {
-    void router.push(`/${activeVault?.address}/${AppPaths.overview}`);
+    void router.push(`/${activeVault?.address}${AppPaths.overview}`);
   };
 
   const handleCloseModal = () => {
@@ -107,6 +109,12 @@ export const SubmitModal: FC<SubmitModalProps> = ({
     setModalState({ step: SubmitStepEnum.edit });
   };
 
+  const isShowTxLink =
+    (SubmitStepEnum.success === step ||
+      SubmitStepEnum.submitting === step ||
+      SubmitStepEnum.overview === step) &&
+    tx;
+
   return (
     <Modal
       center
@@ -141,16 +149,14 @@ export const SubmitModal: FC<SubmitModalProps> = ({
           </Button>
         )}
 
-        {(SubmitStepEnum.success === step ||
-          SubmitStepEnum.submitting === step) &&
-          tx && <TxLinkEtherscan txHash={tx} />}
+        {isShowTxLink && <TxLinkEtherscan txHash={tx} />}
 
         {step === SubmitStepEnum.reject && (
-          <ButtonLink onClick={retryFire}>retry</ButtonLink>
+          <ButtonLink onClick={retryFire}>Retry</ButtonLink>
         )}
 
         {step === SubmitStepEnum.error && (
-          <ButtonLink onClick={handleCloseModal}>close</ButtonLink>
+          <ButtonLink onClick={handleCloseModal}>Close</ButtonLink>
         )}
       </Content>
     </Modal>