provider-types

Author: aymanechaaba1

app/auth/login/page.tsx

@@ -1,12 +1,10 @@
 import SignInButton from '@/components/SignInButton';
 import { getFetchUrl } from '@/lib/utils';
+import { CommonProviderOptions } from 'next-auth/providers';
 
 async function LoginPage() {
   const res = await fetch(`${getFetchUrl()}/api/auth/providers`);
-
-  if (!res.ok) throw new Error(`Providers Not Found.`);
-
-  const providers: Provider[] = await res.json();
+  const providers: CommonProviderOptions = await res.json();
 
   return (
     <div className="grid grid-cols-2 gap-3 mt-5">

components/SignInButton.tsx

@@ -1,9 +1,9 @@
 import { getFetchUrl } from '@/lib/utils';
 import { Button } from './ui/button';
 import { signIn } from '@/lib/auth';
+import { CommonProviderOptions } from 'next-auth/providers';
 
-function SignInButton({ provider }: { provider: Provider }) {
-  console.log(process.env.VERCEL_ENV);
+function SignInButton({ provider }: { provider: CommonProviderOptions }) {
   return (
     <form>
       <Button

types/getProviders.ts

@@ -1,6 +0,0 @@
-interface Provider {
-  id: string;
-  type: string;
-  name: string;
-  callbackUrl: string;
-}