Make heatmaps report always available.

src/components/hooks/useConfig.ts

@@ -8,7 +8,6 @@ export type Config = {
   linksUrl?: string;
   pixelsUrl?: string;
   privateMode: boolean;
-  selfRecordEnabled: boolean;
   telemetryDisabled: boolean;
   trackerScriptName?: string;
   updatesDisabled: boolean;

src/components/hooks/useWebsiteNavItems.tsx

@@ -11,14 +11,12 @@ import {
   Video,
 } from '@/components/icons';
 import { Funnel, Gauge, Lightning, Magnet, Money, Network, Path, Target } from '@/components/svg';
-import { useConfig } from './useConfig';
 import { useMessages } from './useMessages';
 import { useNavigation } from './useNavigation';
 
 export function useWebsiteNavItems(websiteId: string) {
   const { t, labels } = useMessages();
   const { pathname, renderUrl } = useNavigation();
-  const config = useConfig();
 
   const renderPath = (path: string) =>
     renderUrl(`/websites/${websiteId}${path}`, {
@@ -110,16 +108,12 @@ export function useWebsiteNavItems(websiteId: string) {
           icon: <Video />,
           path: renderPath('/replays'),
         },
-        ...(config?.selfRecordEnabled
-          ? [
-              {
-                id: 'heatmaps',
-                label: t(labels.heatmaps),
-                icon: <Flame />,
-                path: renderPath('/heatmaps'),
-              },
-            ]
-          : []),
+        {
+          id: 'heatmaps',
+          label: t(labels.heatmaps),
+          icon: <Flame />,
+          path: renderPath('/heatmaps'),
+        },
       ],
     },
     {