From f8cdf9c19d0aff2caaa2eed61315130f6ed069ac Mon Sep 17 00:00:00 2001
From: Matthias Mair <code@mjmair.com>
Date: Tue, 16 Apr 2024 22:45:07 +0200
Subject: [PATCH] add quickjump anchors

---
 .../part/pricing/PricingOverviewPanel.tsx     | 19 +++++++++++++++++--
 .../src/pages/part/pricing/PricingPanel.tsx   |  2 +-
 2 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/src/frontend/src/pages/part/pricing/PricingOverviewPanel.tsx b/src/frontend/src/pages/part/pricing/PricingOverviewPanel.tsx
index ceb2aebb47..583461b03e 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,
@@ -51,7 +59,14 @@ export default function PricingOverviewPanel({
           return (
             <Group position="left" spacing="xs">
               {record.icon}
-              <Text weight={700}>{record.title}</Text>
+              {record.name !== panelOptions.overall &&
+              record.name !== panelOptions.override ? (
+                <Anchor href={`#${record.name}`} weight={700}>
+                  {record.title}
+                </Anchor>
+              ) : (
+                <Text weight={700}>{record.title}</Text>
+              )}
             </Group>
           );
         }
diff --git a/src/frontend/src/pages/part/pricing/PricingPanel.tsx b/src/frontend/src/pages/part/pricing/PricingPanel.tsx
index 7753ffaa4c..de9dac2bfe 100644
--- a/src/frontend/src/pages/part/pricing/PricingPanel.tsx
+++ b/src/frontend/src/pages/part/pricing/PricingPanel.tsx
@@ -48,7 +48,7 @@ export default function PricingPanel({
   const is_disabled = disabled === undefined ? false : disabled;
   return (
     visible && (
-      <Accordion.Item value={label}>
+      <Accordion.Item value={label} id={label}>
         <AccordionControl disabled={is_disabled}>
           <StylishText size="lg">{title}</StylishText>
         </AccordionControl>