github auth complete

components/Header.js

@@ -55,19 +55,23 @@ const Header = ({ setOpen, user, setUser }) => {
  New CheetSheet
  </div>
  </Button>
- {user.displayName ? (
+ {user.email ? (
  <>
  <Button
  className="!p-0 !w-auto !h-auto !m-auto !ml-2"
  onClick={(e) => setAnchorEl(e.currentTarget)}
  >
- <div className="bg-[#F5BA31] p-[6px] text-md capitalize rounded-md font-semibold flex items-center justify-center">
+ <div className="bg-[#F5BA31] p-[6px] pr-[8px] text-md capitalize rounded-md font-semibold flex items-center justify-center">
  <img
- src={user.photoURL}
+ src={
+ user.photoURL
+ ? user.photoURL
+ : `https://unavatar.vercel.app/${user.email}`
+ }
  alt=""
- className="h-7 w-7 rounded-md mr-1"
+ className="h-7 w-7 rounded-md mr-2"
  />
- {user.displayName}
+ {user.displayName ? user.displayName : "User"}
  </div>
  </Button>
  <Menu

components/SignInPopup.js

@@ -11,6 +11,7 @@ const SignInPopup = ({ open, setOpen }) => {
  const handleOnClick = async (provider) => {
  const res = await socialMediaAuth(provider);
  await setOpen(false);
+ await console.log(res);
  };
 
  return (
@@ -29,7 +30,7 @@ const SignInPopup = ({ open, setOpen }) => {
  <h1 className="text-3xl font-bold mb-2">Join Codehouse!</h1>
  <p className="text-[#555] mb-5">
  We're super excited to have you here! Welcome to Code House. I hope
- you have fun, Sgn In with any of the following methods✌️
+ you have fun, Sign In with any of the following methods✌️
  </p>
  <div className="flex">
  <Btn>

utils/Auth/auth.js

@@ -8,6 +8,7 @@ const socialMediaAuth = (provider) => {
  })
  .catch((err) => {
  return err;
+ console.log(err);
  });
 };