add tags table and filters logic

src/components/hooks/useFields.ts

@@ -15,6 +15,7 @@ export function useFields() {
     { name: 'region', type: 'string', label: formatMessage(labels.region) },
     { name: 'city', type: 'string', label: formatMessage(labels.city) },
     { name: 'host', type: 'string', label: formatMessage(labels.host) },
+    { name: 'tag', type: 'string', label: formatMessage(labels.tag) },
   ];
 
   return { fields };

src/components/hooks/useFilterParams.ts

@@ -7,7 +7,21 @@ export function useFilterParams(websiteId: string) {
   const { startDate, endDate, unit } = dateRange;
   const { timezone, toUtc } = useTimezone();
   const {
-    query: { url, referrer, title, query, host, os, browser, device, country, region, city, event },
+    query: {
+      url,
+      referrer,
+      title,
+      query,
+      host,
+      os,
+      browser,
+      device,
+      country,
+      region,
+      city,
+      event,
+      tag,
+    },
   } = useNavigation();
 
   return {
@@ -27,5 +41,6 @@ export function useFilterParams(websiteId: string) {
     region,
     city,
     event,
+    tag,
   };
 }