Function GitHubCallback

frontend/src/components/github-callback.tsx:17–185

()

// This component handles the GitHub App installation callback
export default function GitHubCallback() {
  const router = useRouter();
  const searchParams = useSearchParams();
  const { token } = useAuthContext();

  const [status, setStatus] = useState<'loading' | 'success' | 'error'>(
    'loading'
  );
  const [errorMessage, setErrorMessage] = useState<string | null>(null);

  const hasCalledBackend = useRef(false); // Add guard flag here

  useEffect(() => {
    // Extract installation ID from search params
    const githubCode = searchParams.get('code');
    const installationId = searchParams.get('installation_id');
    const setupAction = searchParams.get('setup_action');

    if (!token || hasCalledBackend.current) return; // Prevent multiple calls

    console.log('GitHub Callback:', {
      githubCode,
      installationId,
      setupAction,
    });

    // If there's no installation ID, this might be a cancellation
    if (!installationId || !githubCode) {
      // Check if it was canceled
      if (searchParams.get('canceled') === 'true') {
        setStatus('error');
        setErrorMessage('GitHub App installation was canceled.');
        return;
      }

      // Or if it's a delete operation
      if (setupAction === 'delete') {
        setStatus('success');
        // We could call a different endpoint to remove the installationId
        return;
      }

      setStatus('error');
      setErrorMessage('No installation ID was provided.');
      return;
    }

    hasCalledBackend.current = true;

    // Call the backend directly to store the installation ID
    const storeInstallation = async () => {
      try {
        // Use environment variable or hardcoded value for backend URL
        const backendUrl =
          process.env.NEXT_PUBLIC_BACKEND_URL || 'http://localhost:8080';

        const response = await fetch(`${backendUrl}/github/storeInstallation`, {
          method: 'POST',