homeio

1"use client";
2
3import { useEffect } from "react";
4
5type GoogleDriveConnectedClientProps = {
6  error?: string;
7  success?: string;
8};
9
10export default function GoogleDriveConnectedClient({
11  error,
12  success,
13}: GoogleDriveConnectedClientProps) {
14  useEffect(() => {
15    if (window.opener) {
16      window.opener.postMessage(
17        { type: "gd-oauth-complete", success: Boolean(success), error: error ?? null },
18        window.location.origin,
19      );
20      window.close();
21    }
22  }, [success, error]);
23
24  return (
25    <div className="flex min-h-screen items-center justify-center bg-background text-foreground">
26      <div className="text-center">
27        {success ? (
28          <>
29            <p className="text-lg font-semibold">Google Drive connected!</p>
30            <p className="mt-1 text-sm text-muted-foreground">You can close this window.</p>
31          </>
32        ) : (
33          <>
34            <p className="text-lg font-semibold text-destructive">Connection failed</p>
35            <p className="mt-1 text-sm text-muted-foreground">
36              {error ?? "Unknown error"}. You can close this window.
37            </p>
38          </>
39        )}
40      </div>
41    </div>
42  );
43}
44