Updated timezone hook, fixed chart rendering, added icons.

src/components/metrics/EventsChart.tsx

@@ -22,7 +22,7 @@ export interface EventsChartProps {
 export function EventsChart({ websiteId, className, token }: EventsChartProps) {
   const [{ startDate, endDate, unit, offset }] = useDateRange(websiteId);
   const { locale } = useLocale();
-  const [timezone] = useTimezone();
+  const { timezone } = useTimezone();
   const {
     query: { url, event },
   } = useNavigation();

src/components/metrics/ReferrersTable.tsx

@@ -1,18 +1,23 @@
 import MetricsTable, { MetricsTableProps } from './MetricsTable';
 import FilterLink from 'components/common/FilterLink';
+import Favicon from 'components/common/Favicon';
 import { useMessages } from 'components/hooks';
+import { Flexbox } from 'react-basics';
 
 export function ReferrersTable(props: MetricsTableProps) {
   const { formatMessage, labels } = useMessages();
 
   const renderLink = ({ x: referrer }) => {
     return (
-      <FilterLink
-        id="referrer"
-        value={referrer}
-        externalUrl={`https://${referrer}`}
-        label={!referrer && formatMessage(labels.none)}
-      />
+      <Flexbox alignItems="center">
+        <Favicon domain={referrer} />
+        <FilterLink
+          id="referrer"
+          value={referrer}
+          externalUrl={`https://${referrer}`}
+          label={!referrer && formatMessage(labels.none)}
+        />
+      </Flexbox>
     );
   };