@djangocfg/layouts 2.1.56 → 2.1.58

package/src/layouts/AuthLayout/OAuthProviders.tsx

@@ -1,76 +0,0 @@
-'use client';
-
-import { Github, Loader2 } from 'lucide-react';
-import React from 'react';
-
-import { useGithubAuth } from '@djangocfg/api/auth';
-import { Button } from '@djangocfg/ui-nextjs/components';
-
-import { useAuthContext } from './AuthContext';
-
-/**
- * OAuth Providers Component
- *
- * Shows OAuth login buttons (GitHub, etc.) when enabled.
- * Handles the OAuth flow initiation.
- */
-export const OAuthProviders: React.FC = () => {
-  const { enableGithubAuth, sourceUrl, setError } = useAuthContext();
-
-  const {
-    isLoading: isGithubLoading,
-    startGithubAuth,
-  } = useGithubAuth({
-    sourceUrl,
-    onError: (error) => {
-      setError(error);
-    },
-  });
-
-  // Don't render if no OAuth providers are enabled
-  if (!enableGithubAuth) {
-    return null;
-  }
-
-  return (
-    <div className="space-y-4">
-      {/* Divider */}
-      <div className="relative">
-        <div className="absolute inset-0 flex items-center">
-          <div className="w-full border-t border-border" />
-        </div>
-        <div className="relative flex justify-center text-xs uppercase">
-          <span className="bg-card px-2 text-muted-foreground">
-            Or continue with
-          </span>
-        </div>
-      </div>
-
-      {/* OAuth Buttons */}
-      <div className="grid gap-3">
-        {enableGithubAuth && (
-          <Button
-            type="button"
-            variant="outline"
-            className="w-full h-11 text-base font-medium"
-            onClick={startGithubAuth}
-            disabled={isGithubLoading}
-          >
-            {isGithubLoading ? (
-              <div className="flex items-center gap-2">
-                <Loader2 className="w-5 h-5 animate-spin" />
-                Connecting...
-              </div>
-            ) : (
-              <div className="flex items-center gap-2">
-                <Github className="w-5 h-5" />
-                Continue with GitHub
-              </div>
-            )}
-          </Button>
-        )}
-      </div>
-
-    </div>
-  );
-};