admin/payments: Fix provider filter (#1739)

* admin/payments: Fix provider filter
In mobx the field is declared paymentProvider, rather than just provider, which results in undefined value

* admin/donations:Add pre-migration GridAppbar layout
With search button being centered

src/components/admin/donations/grid/GridAppbar.tsx

@@ -1,6 +1,6 @@
 import { useRouter } from 'next/router'
 import { useTranslation } from 'next-i18next'
-import { Box, Button, TextField, Toolbar, Tooltip } from '@mui/material'
+import { Box, Button, TextField, Toolbar, Tooltip, Typography } from '@mui/material'
 import { Receipt, GetApp as DownloadFileIcon } from '@mui/icons-material'
 
 import { routes } from 'common/routes'
@@ -63,6 +63,9 @@ export default function GridAppbar() {
         justifyContent: 'space-between',
         height: '72px',
       }}>
+      <Box sx={{ height: '64px', display: 'flex', alignItems: 'start', pt: 1 }}>
+        <Typography>{t('donations:all')}</Typography>
+      </Box>
       <TextField
         label="Search"
         type="search"

src/components/admin/donations/grid/GridFilters.tsx

@@ -92,7 +92,7 @@ export default observer(function GridFilters() {
         menuItems={donationStatusMenuItems}
       />
       <Filter
-        value={donationStore.donationFilters.provider}
+        value={donationStore.donationFilters.paymentProvider}
         options={paymentProviderOptions}
         onChange={handleChange}
         menuItems={paymentProviderMenuItems}

src/components/admin/payments/grid/GridFilters.tsx

@@ -91,7 +91,7 @@ export default observer(function GridFilters() {
         menuItems={donationStatusMenuItems}
       />
       <Filter
-        value={donationStore.donationFilters.provider}
+        value={donationStore.donationFilters.paymentProvider}
         options={paymentProviderOptions}
         onChange={handleChange}
         menuItems={paymentProviderMenuItems}