From 89e22e895b9f3f9ebc985760e65fb959f7b2cf14 Mon Sep 17 00:00:00 2001
From: headlesdev <damian.bergemann@outlook.com>
Date: Thu, 29 May 2025 12:32:00 +0200
Subject: [PATCH] Monitoring Settings Preperation

---
 app/dashboard/settings/SettingsPage.tsx          | 14 ++++++++++++++
 components/cards/settings/MonitoringSettings.tsx | 14 ++++++++++++++
 2 files changed, 28 insertions(+)
 create mode 100644 components/cards/settings/MonitoringSettings.tsx

diff --git a/app/dashboard/settings/SettingsPage.tsx b/app/dashboard/settings/SettingsPage.tsx
index 6127510..71ee238 100644
--- a/app/dashboard/settings/SettingsPage.tsx
+++ b/app/dashboard/settings/SettingsPage.tsx
@@ -7,6 +7,7 @@ import { ProfileSettings } from '@/components/cards/settings/ProfileSettings';
 import { PasswordSettings } from '@/components/cards/settings/PasswordSettings';
 import { NotificationProviderSettings } from '@/components/cards/settings/NotificationProviderSettings';
 import { NotificationSettings } from '@/components/cards/settings/NotificationSettings';
+import { MonitoringSettings } from '@/components/cards/settings/MonitoringSettings';
 import { useState } from 'react';
 
 interface SettingsPageProps {
@@ -64,6 +65,19 @@ export default function SettingsPage({ username, name, email }: SettingsPageProp
                 <NotificationSettings onError={setError} onSuccess={setSuccess} />
               </div>
             </div>
+
+            <input 
+              type="radio" 
+              name="settings" 
+              className="tab text-primary z-10" 
+              aria-label="Monitoring Settings"
+            />
+            <div className="tab-content relative bg-base-100 pl-4 pt-4">
+              <div className="absolute -top-[3px] left-6 right-0 h-[2px] bg-stone-800"></div>
+              <div className="flex flex-col gap-4">
+                <MonitoringSettings onError={setError} onSuccess={setSuccess} />
+              </div>
+            </div>
           </div>
         </main>
       </Sidebar>
diff --git a/components/cards/settings/MonitoringSettings.tsx b/components/cards/settings/MonitoringSettings.tsx
new file mode 100644
index 0000000..1bfc7a8
--- /dev/null
+++ b/components/cards/settings/MonitoringSettings.tsx
@@ -0,0 +1,14 @@
+"use client"
+
+import { useEffect, useState } from "react"
+import useNotifications from "@/hooks/useNotifications"
+import { Check, CircleHelp, Copy, Server, Smartphone } from "lucide-react"
+
+interface MonitoringSettingsProps {
+  onError: (message: string) => void
+  onSuccess: (message: string) => void
+}
+
+export const MonitoringSettings = ({ onError, onSuccess }: MonitoringSettingsProps) => {
+  return <div>MonitoringSettings</div>
+}
\ No newline at end of file