action bar fix

ui/pages/VerifiedContracts.tsx

@@ -5,6 +5,7 @@ import React from 'react';
 import type { VerifiedContractsFilters } from 'types/api/contracts';
 
 import useDebounce from 'lib/hooks/useDebounce';
+import useIsMobile from 'lib/hooks/useIsMobile';
 import useQueryWithPages from 'lib/hooks/useQueryWithPages';
 import { apos } from 'lib/html-entities';
 import getQueryParamString from 'lib/router/getQueryParamString';
@@ -29,6 +30,8 @@ const VerifiedContracts = () => {
 
   const debouncedSearchTerm = useDebounce(searchTerm || '', 300);
 
+  const isMobile = useIsMobile();
+
   const { isError, isLoading, data, isPaginationVisible, pagination, onFilterChange } = useQueryWithPages({
     resourceName: 'verified_contracts',
     filters: { q: debouncedSearchTerm, filter: type },
@@ -87,6 +90,7 @@ const VerifiedContracts = () => {
         { sortButton }
         { filterInput }
       </HStack>
+      { (!isMobile || isPaginationVisible) && (
         <ActionBar mt={ -6 }>
           <HStack spacing={ 3 } display={{ base: 'none', lg: 'flex' }}>
             { typeFilter }
@@ -94,6 +98,7 @@ const VerifiedContracts = () => {
           </HStack>
           { isPaginationVisible && <Pagination ml="auto" { ...pagination }/> }
         </ActionBar>
+      ) }
     </>
   );