From cded757b9f424c0514182244b392a3f8ec63d058 Mon Sep 17 00:00:00 2001
From: PxlLoewe <72106766+PxlLoewe@users.noreply.github.com>
Date: Sat, 31 May 2025 19:40:15 -0700
Subject: [PATCH] added a link to the ntfy docs below text input

---
 .../app/(app)/settings/_components/forms.tsx   | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/apps/hub/app/(app)/settings/_components/forms.tsx b/apps/hub/app/(app)/settings/_components/forms.tsx
index f893dbac..35c02486 100644
--- a/apps/hub/app/(app)/settings/_components/forms.tsx
+++ b/apps/hub/app/(app)/settings/_components/forms.tsx
@@ -22,6 +22,7 @@ import {
 import toast from "react-hot-toast";
 import { UserOptionalDefaults, UserOptionalDefaultsSchema } from "@repo/db/zod";
 import { Bell, Plane } from "lucide-react";
+import Link from "next/link";
 
 export const ProfileForm = ({ user }: { user: User }) => {
 	const schema = z.object({
@@ -368,16 +369,29 @@ export const PilotForm = ({ user }: { user: User }) => {
 				<Plane className="w-5 h-5" /> Pilot
 			</h2>
 			<div className="content-center">
-				<label className="floating-label w-full mt-5">
+				<label className="floating-label w-full">
 					<span className="text-lg flex items-center gap-2">
 						<Bell /> NTFY room
 					</span>
 					<input
-						placeholder="erhalte eine Benachrichtigung aufs Handy über NTFY"
+						placeholder="Erhalte eine Benachrichtigung auf dein Handy über NTFY"
 						className="input input-bordered w-full"
 						{...form.register("settingsNtfyRoom")}
 					/>
 				</label>
+
+				<p className="label mt-2 w-full">
+					<Link
+						href="https://docs.virtualairrescue.com/docs/Leitstelle/App-Alarmierung#download"
+						target="_blank"
+						rel="noopener noreferrer"
+						className="link link-hover link-primary"
+					>
+						Hier
+					</Link>
+					findest du mehr Informationen!
+				</p>
+
 				{form.formState.errors.settingsNtfyRoom && (
 					<p className="text-error">{form.formState.errors.settingsNtfyRoom.message}</p>
 				)}