Merge pull request #58 from Quantus-Network/beast/subtle-ux-improvement

feat: subtle ux improvement

Author: dewabisma

src/api/unified-transactions.tsx

@@ -37,7 +37,6 @@ const UNIFIED_TX_FIELDS = `
   }
   timestamp
   amount
-  fee
   status
   detail_id
   from {

src/components/common/table-columns/UNIFIED_LIST_TRANSACTION_COLUMNS.tsx

@@ -83,7 +83,6 @@ export const UNIFIED_LIST_TRANSACTION_COLUMNS = [
           address={id}
           href={`${RESOURCES.accounts}/${id}`}
           text={formatTxAddress(id)}
-          className="font-mono text-muted-text"
         />
       );
     },
@@ -100,7 +99,6 @@ export const UNIFIED_LIST_TRANSACTION_COLUMNS = [
           address={id}
           href={`${RESOURCES.accounts}/${id}`}
           text={formatTxAddress(id)}
-          className="font-mono text-muted-text"
         />
       );
     },
@@ -117,21 +115,6 @@ export const UNIFIED_LIST_TRANSACTION_COLUMNS = [
     },
     enableSorting: true
   }),
-  columnHelper.accessor('fee', {
-    id: 'fee',
-    header: 'Fee',
-    cell: (props) => {
-      const value = props.getValue();
-      if (value == null)
-        return <span className="font-mono text-muted-text">—</span>;
-      return (
-        <span className="numeric text-muted-text">
-          {formatMonetaryValue(value, 5)}
-        </span>
-      );
-    },
-    enableSorting: true
-  }),
   columnHelper.accessor('status', {
     id: 'status',
     header: 'Status',

src/components/features/multisig-created-details/multisig-created-fields.tsx

@@ -48,6 +48,7 @@ const getSharedMultisigConfigurationFields = (): MultisigCreatedField[] => [
         <AccountAddressCell
           address={creatorId}
           href={`${RESOURCES.accounts}/${creatorId}`}
+          truncate={false}
         />
       ) : (
         <EmptyValue />
@@ -67,6 +68,7 @@ const getSharedMultisigConfigurationFields = (): MultisigCreatedField[] => [
               key={signer}
               address={signer}
               href={`${RESOURCES.accounts}/${signer}`}
+              truncate={false}
             />
           ))}
         </div>

src/components/features/multisig-details/MultisigDetailDataTabs.tsx

@@ -24,15 +24,16 @@ export const MultisigDetailDataTabs: React.FC<Props> = ({ walletId }) => {
 
   const handleTabChange = (value: string) => {
     const nextTab = value as MultisigDetailTab;
-    void setPage(1);
-    void setOrderBy(null);
-    void navigate({
+    setPage(1);
+    setOrderBy(null);
+    navigate({
       to: '/multisig/$id',
       params: { id },
       search: {
         tab: nextTab,
         status: nextTab === 'proposals' ? status : 'all'
-      }
+      },
+      resetScroll: false
     });
   };
 

src/components/features/multisig-details/MultisigDetailStatusFilter.tsx

@@ -19,14 +19,15 @@ export const MultisigDetailStatusFilter: React.FC = () => {
   });
 
   const handleStatusChange = (nextStatus: MultisigProposalStatusFilter) => {
-    void setPage(1);
-    void navigate({
+    setPage(1);
+    navigate({
       to: '/multisig/$id',
       params: { id },
       search: {
         tab: tab ?? 'proposals',
         status: nextStatus
-      }
+      },
+      resetScroll: false
     });
   };
 

src/components/features/multisig-details/index.tsx

@@ -5,8 +5,8 @@ import useApiClient from '@/api';
 import { ContentContainer } from '@/components/ui/content-container';
 import { SectionContainer } from '@/components/ui/section-container';
 
-import { MultisigDetailDataTabs } from './MultisigDetailDataTabs';
 import { MultisigInformation } from './multisig-information/MultisigInformation';
+import { MultisigDetailDataTabs } from './MultisigDetailDataTabs';
 
 interface Props {
   id: string;