feat: add Telegram link code generation and dashboard UI

Author: AidaRezaei24

src/app/api/elderly/[id]/telegram-link/route.ts

@@ -0,0 +1,50 @@
+import { NextRequest, NextResponse } from "next/server";
+import { getCurrentUser } from "@/lib/auth";
+import { prisma } from "@/lib/prisma";
+import { getProfileAccess } from "@/lib/access";
+import crypto from "crypto";
+
+export async function POST(
+  req: NextRequest,
+  { params }: { params: Promise<{ id: string }> }
+) {
+  const user = await getCurrentUser();
+  if (!user)
+    return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
+
+  const { id } = await params;
+
+  const role = await getProfileAccess(user, id);
+  if (!role)
+    return NextResponse.json({ error: "Not found" }, { status: 404 });
+
+  const { caregiverId } = await req.json();
+  if (!caregiverId)
+    return NextResponse.json(
+      { error: "caregiverId is required" },
+      { status: 400 }
+    );
+
+  const caregiver = await prisma.caregiver.findFirst({
+    where: { id: caregiverId, elderlyProfileId: id },
+  });
+  if (!caregiver)
+    return NextResponse.json(
+      { error: "Caregiver not found" },
+      { status: 404 }
+    );
+
+  const linkCode = crypto.randomBytes(3).toString("hex").toUpperCase();
+  const linkCodeExpiresAt = new Date(Date.now() + 15 * 60 * 1000);
+
+  await prisma.caregiver.update({
+    where: { id: caregiverId },
+    data: { linkCode, linkCodeExpiresAt },
+  });
+
+  return NextResponse.json({
+    linkCode,
+    expiresAt: linkCodeExpiresAt.toISOString(),
+    botUsername: process.env.TELEGRAM_BOT_USERNAME || "SenioraBot",
+  });
+}

src/app/elderly/[id]/page.tsx

@@ -15,6 +15,7 @@ interface Caregiver {
   name: string;
   phone: string;
   phoneVerified: boolean;
+  telegramChatId?: string | null;
 }
 
 interface Medication {
@@ -65,6 +66,12 @@ export default function ElderlyDetailPage() {
   const [deleting, setDeleting] = useState(false);
   const [uploadingAvatar, setUploadingAvatar] = useState(false);
   const [savingVoice, setSavingVoice] = useState(false);
+  const [telegramLink, setTelegramLink] = useState<{
+    linkCode: string;
+    botUsername: string;
+    caregiverId: string;
+  } | null>(null);
+  const [generatingLink, setGeneratingLink] = useState<string | null>(null);
 
   const refreshCaregivers = useCallback(() => {
     setCaregiverRefreshKey((k) => k + 1);
@@ -163,6 +170,24 @@ export default function ElderlyDetailPage() {
     }
   }
 
+  async function handleGenerateTelegramLink(caregiverId: string) {
+    setGeneratingLink(caregiverId);
+    try {
+      const res = await apiFetch(`/api/elderly/${id}/telegram-link`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ caregiverId }),
+      });
+      if (!res.ok) throw new Error("Failed to generate link");
+      const data = await res.json();
+      setTelegramLink({ ...data, caregiverId });
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Failed to generate link");
+    } finally {
+      setGeneratingLink(null);
+    }
+  }
+
   const languageLabel = profile.language === "ar" ? "Arabic" : "English";
   const allVerified = profile.phoneVerified && profile.emergencyPhoneVerified;
 
@@ -348,6 +373,49 @@ export default function ElderlyDetailPage() {
               onSuccess={refreshCaregivers}
             />
           </div>
+          {profile.caregivers.length > 0 && (
+            <div className="mt-4 border-t border-gray-100 pt-4">
+              <h3 className="text-sm font-medium text-gray-700 mb-3">
+                Link Telegram Bot
+              </h3>
+              <div className="space-y-2">
+                {profile.caregivers.map((cg) => (
+                  <div key={cg.id} className="flex items-center justify-between text-sm">
+                    <span className="text-gray-700">
+                      {cg.name}
+                      {cg.telegramChatId && (
+                        <span className="ml-2 inline-flex items-center rounded-full bg-green-100 px-2 py-0.5 text-xs font-medium text-green-700">
+                          Telegram linked
+                        </span>
+                      )}
+                    </span>
+                    {!cg.telegramChatId && (
+                      <button
+                        onClick={() => handleGenerateTelegramLink(cg.id)}
+                        disabled={generatingLink === cg.id}
+                        className="rounded-lg border border-blue-300 px-3 py-1 text-xs font-medium text-blue-600 hover:bg-blue-50 transition-colors disabled:opacity-50"
+                      >
+                        {generatingLink === cg.id ? "Generating..." : "Generate Link Code"}
+                      </button>
+                    )}
+                  </div>
+                ))}
+              </div>
+              {telegramLink && (
+                <div className="mt-3 rounded-lg bg-blue-50 border border-blue-200 p-3 text-sm">
+                  <p className="font-medium text-blue-800 mb-1">
+                    Send this to the Telegram bot:
+                  </p>
+                  <code className="block bg-white rounded px-2 py-1 text-blue-900 font-mono text-xs">
+                    /start {telegramLink.linkCode}
+                  </code>
+                  <p className="mt-1 text-xs text-blue-600">
+                    Bot: @{telegramLink.botUsername} &middot; Expires in 15 minutes
+                  </p>
+                </div>
+              )}
+            </div>
+          )}
         </section>
 
         {/* Medications */}