feat: added github sign in

src/components/SignIn/Social.tsx

@@ -1,28 +1,36 @@
-import { FaGithub, FaGoogle } from 'react-icons/fa';
+import { supabase } from '../../utils/supabaseClient';
+import { FaGithub } from 'react-icons/fa';
 
 export function SignInSocial() {
+ const handleGitHubSignIn = async () => {
+ const { error } = await supabase.auth.signIn({
+ provider: 'github',
+ });
+ if (error) alert(error.message);
+ };
+
  return (
  <div className='mt-6'>
  <p className='text-sm text-gray-700'>Sign in with</p>
  <div className='my-2 grid grid-cols-2 gap-4'>
- <div>
+ {/* <div>
  <a
  href='#'
  className='inline-flex w-full justify-center rounded-md border border-gray-300 bg-white py-2 px-4 text-sm font-medium text-gray-500 shadow-sm hover:bg-gray-50'
  >
  <span className='sr-only'>Sign in with Google</span>
  <FaGoogle className='text-xl text-gray-500' />
  </a>
- </div>
+ </div> */}
 
  <div>
- <a
- href='#'
+ <button
+ onClick={handleGitHubSignIn}
  className='inline-flex w-full justify-center rounded-md border border-gray-300 bg-white py-2 px-4 text-sm font-medium text-gray-500 shadow-sm hover:bg-gray-50'
  >
  <span className='sr-only'>Sign in with GitHub</span>
  <FaGithub className='text-xl text-gray-500' />
- </a>
+ </button>
  </div>
  </div>
  <div className='relative mt-6'>

src/pages/signin.tsx

@@ -2,6 +2,7 @@ import Image from 'next/future/image';
 import Head from 'next/head';
 import Link from 'next/link';
 import { SignInForm } from '../components/SignIn/Form';
+import { SignInSocial } from '../components/SignIn/Social';
 import { useEffect } from 'react';
 import { useRouter } from 'next/router';
 import type { PageProps } from '../lib/types';
@@ -30,7 +31,7 @@ export default function SignIn({ user }: PageProps) {
  <h2 className='mt-6 text-start text-3xl font-bold tracking-tight text-gray-900'>Sign in</h2>
  </div>
  {/* TODO: social sign in options */}
- {/* <SignInSocial /> */}
+ <SignInSocial />
  <SignInForm />
  <p className='my-2 flex w-full justify-center text-sm text-gray-700'>
  Not registered yet?{' '}