pages/entry-pages/exit-pages v2

Author: RobertJoonas

assets/js/dashboard/router.tsx

@@ -11,9 +11,9 @@ import Dashboard from './index'
 import SourcesModal from './stats/modals/sources'
 import ReferrersDrilldownModal from './stats/modals/referrer-drilldown'
 import GoogleKeywordsModal from './stats/modals/google-keywords'
-import PagesModal from './stats/modals/pages'
-import EntryPagesModal from './stats/modals/entry-pages'
-import ExitPagesModal from './stats/modals/exit-pages'
+import { PagesDetails } from './stats/pages/pages'
+import { EntryPagesDetails } from './stats/pages/entry-pages'
+import { ExitPagesDetails } from './stats/pages/exit-pages'
 import LocationsModal from './stats/modals/locations-modal'
 import BrowsersModal from './stats/modals/devices/browsers-modal'
 import BrowserVersionsModal from './stats/modals/devices/browser-versions-modal'
@@ -101,17 +101,17 @@ export const referrersGoogleRoute = {
 
 export const topPagesRoute = {
   path: 'pages',
-  element: <PagesModal />
+  element: <PagesDetails />
 }
 
 export const entryPagesRoute = {
   path: 'entry-pages',
-  element: <EntryPagesModal />
+  element: <EntryPagesDetails />
 }
 
 export const exitPagesRoute = {
   path: 'exit-pages',
-  element: <ExitPagesModal />
+  element: <ExitPagesDetails />
 }
 
 export const countriesRoute = {

assets/js/dashboard/stats/breakdowns.tsx

@@ -148,3 +148,60 @@ export function extractMetricValue(
       : null
   return { metricIndex, value, comparison }
 }
+
+const DEFAULT_DETAILED_METRICS = [
+  'visitors',
+  'percentage',
+  'bounce_rate',
+  'visit_duration'
+] as Metric[]
+
+export const getBreakdownMetrics = ({
+  hasConversionGoalFilter,
+  isRealtime,
+  isDetailed = false,
+  isRevenueAvailable = false,
+  detailedMetrics = DEFAULT_DETAILED_METRICS
+}: {
+  hasConversionGoalFilter: boolean
+  isRealtime: boolean
+  isDetailed?: boolean
+  isRevenueAvailable?: boolean
+  detailedMetrics?: Metric[]
+}): Metric[] => {
+  if (hasConversionGoalFilter && isDetailed && isRevenueAvailable) {
+    return [
+      'total_visitors',
+      'visitors',
+      'group_conversion_rate',
+      'total_revenue',
+      'average_revenue'
+    ]
+  }
+  if (hasConversionGoalFilter && isDetailed) {
+    return ['total_visitors', 'visitors', 'group_conversion_rate']
+  }
+  if (hasConversionGoalFilter) {
+    return ['visitors', 'group_conversion_rate']
+  }
+  if (isRealtime) {
+    return ['visitors', 'percentage']
+  }
+  if (isDetailed) {
+    return detailedMetrics
+  }
+  return ['visitors', 'percentage']
+}
+
+export function addDimensionSearchFilter(
+  statsQuery: StatsQuery,
+  dimension: string,
+  search: string
+) {
+  return addFilter(statsQuery, [
+    'contains',
+    dimension,
+    [search],
+    { case_sensitive: false }
+  ] as ApiFilter)
+}