Merge pull request #494 from WatchItDev/app/fix/minor-issues

fix: minor issues

Author: geolffreym

src/components/user-item/index.tsx

@@ -151,24 +151,37 @@ interface UserNameAndBadgeProps {
   address: Address;
 }
 
-export const UserNameAndBadge : FC<UserNameAndBadgeProps> = ({ name, address}) => {
+export const UserNameAndBadge: FC<UserNameAndBadgeProps> = ({ name, address }) => {
   return (
-    <Box sx={{
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'flex-start',
-    }}>
-
-      <Typography sx={{mr:'2px'}}>{name}</Typography>
-      <Box sx={{
+    <Box
+      sx={{
         display: 'flex',
         alignItems: 'center',
-        justifyContent: 'center',
-        borderRadius: '50%',
-      }}>
+        justifyContent: 'flex-start',
+      }}
+    >
+      <Typography
+        sx={{
+          mr: '2px',
+          whiteSpace: 'nowrap',
+          overflow: 'hidden',
+          textOverflow: 'ellipsis',
+          maxWidth: '100px',
+        }}
+      >
+        {name}
+      </Typography>
+      <Box
+        sx={{
+          display: 'flex',
+          alignItems: 'center',
+          justifyContent: 'center',
+          borderRadius: '50%',
+        }}
+      >
         <BadgeVerified address={address} />
       </Box>
     </Box>
-
   );
-}
+};
+

src/sections/finance/components/finance-quick-transfer-modal.tsx

@@ -102,6 +102,8 @@ function FinanceQuickTransferModal({
     try {
       await transfer({ amount, recipient: address ?? '' });
 
+      onFinish();
+
       const senderId = sessionData?.profile?.id ?? address;
 
       // Build the notification payload
@@ -136,7 +138,6 @@ function FinanceQuickTransferModal({
       notifySuccess(SUCCESS.TRANSFER_CREATED_SUCCESSFULLY, {
         destination: isSame ? contactInfo?.metadata?.displayName : truncateAddress(address ?? ''),
       });
-      onFinish();
     } catch (err: any) {
       notifyError(ERRORS.TRANSFER_FAILED_ERROR);
     }