From 9ca80d612bf9754769e67aba26c3af07dc4c863b Mon Sep 17 00:00:00 2001
From: Matthias Mair <code@mjmair.com>
Date: Tue, 16 Apr 2024 23:41:18 +0200
Subject: [PATCH] make links more distinguishable

---
 .../part/pricing/PricingOverviewPanel.tsx     | 25 ++++++++++++++++---
 1 file changed, 21 insertions(+), 4 deletions(-)

diff --git a/src/frontend/src/pages/part/pricing/PricingOverviewPanel.tsx b/src/frontend/src/pages/part/pricing/PricingOverviewPanel.tsx
index 5f642381cf..c16bba7760 100644
--- a/src/frontend/src/pages/part/pricing/PricingOverviewPanel.tsx
+++ b/src/frontend/src/pages/part/pricing/PricingOverviewPanel.tsx
@@ -1,5 +1,13 @@
 import { t } from '@lingui/macro';
-import { Alert, Group, Paper, SimpleGrid, Stack, Text } from '@mantine/core';
+import {
+  Alert,
+  Anchor,
+  Group,
+  Paper,
+  SimpleGrid,
+  Stack,
+  Text
+} from '@mantine/core';
 import {
   IconBuildingWarehouse,
   IconChartDonut,
@@ -50,12 +58,21 @@ export default function PricingOverviewPanel({
         accessor: 'title',
         title: t`Pricing Category`,
         render: (record: PricingOverviewEntry) => {
+          const is_link = record.name !== panelOptions.overall;
           return (
             <Group position="left" spacing="xs">
               {record.icon}
-              <Text weight={700} onClick={() => doNavigation(record.name)}>
-                {record.title}
-              </Text>
+              {is_link ? (
+                <Anchor
+                  weight={700}
+                  onClick={() => doNavigation(record.name)}
+                  component={Text}
+                >
+                  {record.title}
+                </Anchor>
+              ) : (
+                <Text weight={700}>{record.title}</Text>
+              )}
             </Group>
           );
         }