Upgrade to prisma 7

upgrade to prisma 7

Author: AmanVarshney01

.gitignore

@@ -1,3 +1,4 @@
 node_modules/
 .next/
-.env
+.env
+/prisma/generated

components/Header.tsx

@@ -12,10 +12,8 @@ const Header: React.FC = () => {
 
   let left = (
     <div className="left">
-      <Link href="/">
-        <a className="bold" data-active={isActive("/")}>
-          Feed
-        </a>
+      <Link href="/" className="bold" data-active={isActive("/")}>
+        Feed
       </Link>
       <style jsx>{`
         .bold {
@@ -44,10 +42,8 @@ const Header: React.FC = () => {
   if (status === 'loading') {
     left = (
       <div className="left">
-        <Link href="/">
-          <a className="bold" data-active={isActive("/")}>
-            Feed
-          </a>
+        <Link href="/" className="bold" data-active={isActive("/")}>
+          Feed
         </Link>
         <style jsx>{`
           .bold {
@@ -85,8 +81,8 @@ const Header: React.FC = () => {
   if (!session) {
     right = (
       <div className="right">
-        <Link href="/api/auth/signin">
-          <a data-active={isActive("/signup")}>Log in</a>
+        <Link href="/api/auth/signin" data-active={isActive("/signup")}>
+          Log in
         </Link>
         <style jsx>{`
           a {
@@ -116,13 +112,11 @@ const Header: React.FC = () => {
   if (session) {
     left = (
       <div className="left">
-        <Link href="/">
-          <a className="bold" data-active={isActive("/")}>
-            Feed
-          </a>
+        <Link href="/" className="bold" data-active={isActive("/")}>
+          Feed
         </Link>
-        <Link href="/drafts">
-          <a data-active={isActive("/drafts")}>My drafts</a>
+        <Link href="/drafts" data-active={isActive("/drafts")}>
+          My drafts
         </Link>
         <style jsx>{`
           .bold {
@@ -151,12 +145,10 @@ const Header: React.FC = () => {
           {session.user.name} ({session.user.email})
         </p>
         <Link href="/create">
-          <button>
-            <a>New post</a>
-          </button>
+          <button>New post</button>
         </Link>
         <button onClick={() => signOut()}>
-          <a>Log out</a>
+          Log out
         </button>
         <style jsx>{`
           a {

lib/prisma.ts

@@ -1,4 +1,5 @@
-import { PrismaClient } from "@prisma/client";
+import { PrismaClient } from "../prisma/generated/client";
+import { PrismaPg } from "@prisma/adapter-pg";
 
 // PrismaClient is attached to the `global` object in development to prevent
 // exhausting your database connection limit.
@@ -8,11 +9,18 @@ import { PrismaClient } from "@prisma/client";
 
 let prisma: PrismaClient
 
+const adapter = new PrismaPg({
+  connectionString: process.env.DATABASE_URL,
+})
 if (process.env.NODE_ENV === 'production') {
-  prisma = new PrismaClient()
+  prisma = new PrismaClient({
+    adapter,
+  })
 } else {
   if (!global.prisma) {
-    global.prisma = new PrismaClient()
+    global.prisma = new PrismaClient({
+      adapter,
+    })
   }
   prisma = global.prisma
 }