From 74a3cb6dac9800fb793dd4e52751bb9fe1c8d3c7 Mon Sep 17 00:00:00 2001
From: Mike Cao <moocao@gmail.com>
Date: Tue, 18 Jun 2024 23:09:29 -0700
Subject: [PATCH] Only show hosts in expanded view.

---
 .../websites/[websiteId]/WebsiteExpandedView.tsx       | 10 +++++-----
 .../(main)/websites/[websiteId]/WebsiteTableView.tsx   |  4 +---
 2 files changed, 6 insertions(+), 8 deletions(-)

diff --git a/src/app/(main)/websites/[websiteId]/WebsiteExpandedView.tsx b/src/app/(main)/websites/[websiteId]/WebsiteExpandedView.tsx
index a96ab8be..86a7717f 100644
--- a/src/app/(main)/websites/[websiteId]/WebsiteExpandedView.tsx
+++ b/src/app/(main)/websites/[websiteId]/WebsiteExpandedView.tsx
@@ -62,11 +62,6 @@ export default function WebsiteExpandedView({
       label: formatMessage(labels.referrers),
       url: renderUrl({ view: 'referrer' }),
     },
-    {
-      key: 'host',
-      label: formatMessage(labels.hosts),
-      url: renderUrl({ view: 'host' }),
-    },
     {
       key: 'browser',
       label: formatMessage(labels.browsers),
@@ -117,6 +112,11 @@ export default function WebsiteExpandedView({
       label: formatMessage(labels.queryParameters),
       url: renderUrl({ view: 'query' }),
     },
+    {
+      key: 'host',
+      label: formatMessage(labels.hosts),
+      url: renderUrl({ view: 'host' }),
+    },
   ];
 
   const DetailsComponent = views[view] || (() => null);
diff --git a/src/app/(main)/websites/[websiteId]/WebsiteTableView.tsx b/src/app/(main)/websites/[websiteId]/WebsiteTableView.tsx
index 35b57572..e530f2ba 100644
--- a/src/app/(main)/websites/[websiteId]/WebsiteTableView.tsx
+++ b/src/app/(main)/websites/[websiteId]/WebsiteTableView.tsx
@@ -2,7 +2,6 @@ import { useState } from 'react';
 import { Grid, GridRow } from 'components/layout/Grid';
 import PagesTable from 'components/metrics/PagesTable';
 import ReferrersTable from 'components/metrics/ReferrersTable';
-import HostsTable from 'components/metrics/HostsTable';
 import BrowsersTable from 'components/metrics/BrowsersTable';
 import OSTable from 'components/metrics/OSTable';
 import DevicesTable from 'components/metrics/DevicesTable';
@@ -20,10 +19,9 @@ export default function WebsiteTableView({ websiteId }: { websiteId: string }) {
 
   return (
     <Grid>
-      <GridRow columns="three">
+      <GridRow columns="two">
         <PagesTable {...tableProps} />
         <ReferrersTable {...tableProps} />
-        <HostsTable {...tableProps} />
       </GridRow>
       <GridRow columns="three">
         <BrowsersTable {...tableProps} />