From 1f6a4e8cc81df00434c3961c24fb6179002c0309 Mon Sep 17 00:00:00 2001
From: Bennet Gallein <me@bennetgallein.de>
Date: Tue, 3 Feb 2026 13:43:46 +0100
Subject: [PATCH] feat: add anchor link

uses link- prefix to not break existing embedding
closes #182
---
 components/MonitorList.tsx | 2 +-
 pages/index.tsx            | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/MonitorList.tsx b/components/MonitorList.tsx
index ab14eb2..04f25f1 100644
--- a/components/MonitorList.tsx
+++ b/components/MonitorList.tsx
@@ -93,7 +93,7 @@ export default function MonitorList({
                 .sort((a, b) => group[groupName].indexOf(a.id) - group[groupName].indexOf(b.id))
                 .map((monitor) => (
                   <div key={monitor.id}>
-                    <Card.Section ml="xs" mr="xs">
+                    <Card.Section ml="xs" mr="xs" id={`link-${monitor.id}`}>
                       <MonitorDetail monitor={monitor} state={state} />
                     </Card.Section>
                   </div>
diff --git a/pages/index.tsx b/pages/index.tsx
index b4bb800..aad25cb 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -29,7 +29,7 @@ export default function Home({
 
   // Specify monitorId in URL hash to view a specific monitor (can be used in iframe)
   const monitorId = window.location.hash.substring(1)
-  if (monitorId) {
+  if (monitorId && !monitorId.startsWith('link-')) {
     const monitor = monitors.find((monitor) => monitor.id === monitorId)
     if (!monitor || !state) {
       return <Text fw={700}>{t('Monitor not found', { id: monitorId })}</Text>