feat: add user logger

src/server/api/root.ts

@@ -1,4 +1,5 @@
 import { postRouter } from '@/server/api/routers/post'
+import { userRouter } from '@/server/api/routers/user'
 import { createTRPCRouter } from '@/server/api/trpc'
 
 /**
@@ -8,6 +9,7 @@ import { createTRPCRouter } from '@/server/api/trpc'
  */
 export const appRouter = createTRPCRouter({
 	post: postRouter,
+	user: userRouter,
 })
 
 // export type definition of API

src/server/api/routers/user.ts

@@ -0,0 +1,27 @@
+import { z } from 'zod'
+
+import { createTRPCRouter, publicProcedure } from '@/server/api/trpc'
+import { db } from '@/server/db'
+
+export const userRouter = createTRPCRouter({
+    addUser: publicProcedure
+        .input(z.object({ email: z.string().nonempty("Email cannot be empty") }))
+        .query(async ({ input }) => {
+            let user = await db.user.findFirst({
+                where: { email: input.email.trim() },
+            })
+
+            if (!user) {
+                user = await db.user.create({
+                    data: {
+                        email: input.email.trim(),
+                        role: 'User',
+                    },
+                })
+            }
+
+            return {
+                user,
+            }
+        }),
+})

src/ui/MainLayout.tsx

@@ -14,6 +14,7 @@ import { useSession } from 'next-auth/react'
 import GoogleLoginBtn from '@/ui/components/GoogleLoginBtn'
 import LoadingSpinner from '@/ui/components/LoadingSpinner'
 import GoogleLogoutBtn from './components/GoogleLogoutBtn'
+import { api } from '@/utils/api'
 
 const navItems = [
 	{ label: 'Home', icon: <FaHome />, href: '/' },
@@ -64,6 +65,9 @@ const MainLayout = ({ children }: MainLayoutProps) => {
 	const [isOpen, setIsOpen] = useState(false)
 	const [isScrolling, setIsScrolling] = useState(false)
 
+	const email = session?.user?.email ?? ''
+	const _ = api.user.addUser.useQuery({ email })
+
 	useEffect(() => {
 		const handleScroll = () => {
 			if (window.scrollY > 0) {
@@ -130,7 +134,7 @@ const MainLayout = ({ children }: MainLayoutProps) => {
 					)}
 				</ul>
 			</div>
-			{session ? (
+			{session?.user?.email ? (
 				<div className='flex flex-grow overflow-y-hidden'>
 					<aside className='hidden w-80 overflow-y-hidden border-r border-gray-200 bg-white p-4 pt-12 md:sticky md:top-0 md:block md:pt-6'>
 						<NavList />