Fixes for country search.

src/components/metrics/CitiesTable.tsx

@@ -1,9 +1,6 @@
 import MetricsTable, { MetricsTableProps } from './MetricsTable';
 import { emptyFilter } from 'lib/filters';
 import FilterLink from 'components/common/FilterLink';
-
-import TypeIcon from 'components/common/TypeIcon';
-import { useLocale } from 'components/hooks';
 import { useMessages } from 'components/hooks';
 import { useFormat } from 'components/hooks';
 
@@ -16,7 +13,9 @@ export function CitiesTable(props: MetricsTableProps) {
       <FilterLink id="city" value={city} label={formatCity(city, country)}>
         {country && (
           <img
-            src={`${process.env.basePath}/images/flags/${country?.toLowerCase() || 'xx'}.png`}
+            src={`${process.env.basePath || ''}/images/country/${
+              country?.toLowerCase() || 'xx'
+            }.png`}
             alt={country}
           />
         )}

src/components/metrics/CountriesTable.tsx

@@ -29,7 +29,6 @@ export function CountriesTable({ ...props }: MetricsTableProps) {
       type="country"
       metric={formatMessage(labels.visitors)}
       renderLabel={renderLink}
-      onDataLoad={handleDataLoad}
       searchFormattedValues={true}
     />
   );

src/components/metrics/MetricsTable.tsx

@@ -55,22 +55,8 @@ export function MetricsTable({
 
   const { data, isLoading, isFetched, error } = useWebsiteMetrics(
     websiteId,
-    { type, limit, search, ...params },
+    { type, limit, search: searchFormattedValues ? undefined : search, ...params },
     {
-      type,
-      startAt: +startDate,
-      endAt: +endDate,
-      url,
-      referrer,
-      os,
-      title,
-      browser,
-      device,
-      country,
-      region,
-      city,
-      limit,
-      search: (searchFormattedValues) ? undefined : search,
       retryDelay: delay || DEFAULT_ANIMATION_DURATION,
       onDataLoad,
     },