Updated hooks. Changed url, host to path, hostname.

src/components/metrics/HostnamesTable.tsx

@@ -0,0 +1,33 @@
+import { MetricsTable, MetricsTableProps } from './MetricsTable';
+import { FilterLink } from '@/components/common/FilterLink';
+import { useMessages } from '@/components/hooks';
+import { Flexbox } from '@umami/react-zen';
+
+export function HostnamesTable(props: MetricsTableProps) {
+  const { formatMessage, labels } = useMessages();
+
+  const renderLink = ({ x: hostname }) => {
+    return (
+      <Flexbox alignItems="center">
+        <FilterLink
+          id="hostname"
+          value={hostname}
+          externalUrl={`https://${hostname}`}
+          label={!hostname && formatMessage(labels.none)}
+        />
+      </Flexbox>
+    );
+  };
+
+  return (
+    <>
+      <MetricsTable
+        {...props}
+        title={formatMessage(labels.hostname)}
+        type="hostname"
+        metric={formatMessage(labels.visitors)}
+        renderLabel={renderLink}
+      />
+    </>
+  );
+}