Minor ui fixes for wallet app

Author: vas3a

src/apps/wallet-admin/src/home/tabs/payments/PaymentsTab.tsx

@@ -287,7 +287,7 @@ const ListView: FC<ListViewProps> = (props: ListViewProps) => {
             title: 'Edit Payment',
         })
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [handleValueUpdated, editState])
+    }, [handleValueUpdated, editState, fetchWinnings])
 
     const isEditingAllowed = (): boolean => props.profile.roles.includes('Payment Admin') || props.profile.roles.includes('Payment Editor')
 

src/apps/wallet-admin/src/lib/components/filter-bar/FilterBar.module.scss

@@ -25,7 +25,7 @@
     }
 
     .filter {
-        width: 150px;
+        width: 165px;
         height: 47px;
     }
 

src/apps/wallet/src/home/tabs/winnings/WinningsTab.tsx

@@ -45,6 +45,8 @@ function formatStatus(status: string): string {
             return 'On Hold'
         case 'OWED':
             return 'Available'
+        case 'PROCESSING':
+            return 'Processing'
         case 'PAID':
             return 'Paid'
         case 'CANCELLED':
@@ -224,7 +226,7 @@ const ListView: FC<ListViewProps> = (props: ListViewProps) => {
                                         {' '}
                                         {walletDetails.primaryCurrency}
                                         {' '}
-                                        currency after 2% coversion fees applied.
+                                        currency after 2% conversion fees applied.
                                     </>
                                 )}
                             </div>
@@ -305,6 +307,10 @@ const ListView: FC<ListViewProps> = (props: ListViewProps) => {
                                             label: 'On Hold',
                                             value: 'ON_HOLD',
                                         },
+                                        {
+                                            label: 'Processing',
+                                            value: 'PROCESSING',
+                                        },
                                         {
                                             label: 'Paid',
                                             value: 'PAID',