WAHT

src/components/Header.tsx

@@ -37,7 +37,6 @@ export default function Header() {
               </a>
               <Link href="/profile">
                 <a>
-                  {console.log(stuff)}
                   <img
                     src={stuff.data.user!.image}
                     alt="User avatar"

src/pages/login.tsx

@@ -10,9 +10,10 @@ import styles from "../styles/Login.module.scss"
 export default function Login() {
   const [email, setEmail] = useState("")
   const session = useSession()
+  const router = useRouter()
 
   if (session.data && session.status !== "loading") {
-    return Router.push("/profile")
+    return router.push("/")
   }
 
   return (
@@ -40,7 +41,7 @@ export default function Login() {
           <button
             onClick={() =>
               signIn("google", {
-                redirect: true
+                callbackUrl: "/profile"
               })
             }
           >
@@ -50,7 +51,7 @@ export default function Login() {
           <button
             onClick={() =>
               signIn("twitter", {
-                redirect: true
+                callbackUrl: "/profile"
               })
             }
           >

src/pages/user/[userID].tsx

@@ -19,7 +19,6 @@ export default function User() {
     setVerified(true)
   }, [])
 
-  console.log(verified)
   if (loading) {
     return (
       <Container>

src/styles/Header.module.scss

@@ -83,10 +83,17 @@
   align-items: center;
   a {
     margin: 0 5px;
+    #avatar {
+      width: 50px;
+      height: 50px;
+      border-radius: 50%;
+      border: white 3px solid;
+    }
   }
   button {
     @include appButtonStyles();
   }
+
 }
 
 #login-button {

src/styles/User.module.scss

@@ -52,6 +52,7 @@
 
   p {
     font-weight: 600;
+    font-size: 20px;
   }
 }