Removed Prisma and Fixed Footer

MyArtverse-Project · Sep 8, 2023 · 855531a · 855531a
1 parent 591e584
commit 855531a
Show file tree

Hide file tree

Showing 9 changed files with 43 additions and 196 deletions.
diff --git a/apps/website/package.json b/apps/website/package.json
@@ -16,7 +16,6 @@
     "@fortawesome/free-brands-svg-icons": "^6.4.0",
     "@fortawesome/react-fontawesome": "^0.2.0",
     "@headlessui/react": "^1.7.17",
-    "@prisma/client": "^4.16.2",
     "@tailwindcss/forms": "^0.5.5",
     "@tailwindcss/typography": "^0.5.9",
     "@types/lodash-es": "^4.17.8",
@@ -32,7 +31,6 @@
     "lodash.kebabcase": "^4.1.1",
     "lucide-react": "^0.269.0",
     "next": "^13.4.19",
-    "next-auth": "^4.22.3",
     "postcss": "^8.4.28",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",

diff --git a/apps/website/src/app/api/auth/[...nextauth]/route.ts b/apps/website/src/app/api/auth/[...nextauth]/route.ts
diff --git a/apps/website/src/app/api/register/route.ts b/apps/website/src/app/api/register/route.ts
diff --git a/apps/website/src/app/signin/SignInForm.tsx b/apps/website/src/app/signin/SignInForm.tsx
@@ -3,7 +3,7 @@
 import { FormEvent, useEffect, useState } from "react"
 import { useRouter } from "next/navigation"
 
-import { signIn, useSession } from "next-auth/react"
+// import { signIn, useSession } from "next-auth/react"
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"
 
 import { emailRegex } from "@/constants"
@@ -16,20 +16,20 @@ export default function SignInForm() {
   // TODO: 2. recommended to create a useClientAuth() custom hook to resolve code dup
   // TODO: and also sharable for signup form too
   // !!!!! code duplication detected !!!!!
-  const { status, data } = useSession()
-  const router = useRouter()
+  // const { status, data } = useSession()
+  // const router = useRouter()
   const [emailEntered, setEmailEntered] = useState(false)
   const [errors, setErrors] = useState<string[]>([])
   const [email, setEmail] = useState("")
   const [password, setPassword] = useState("")
-  useEffect(() => {
-    console.log("USE EFFECT ")
-    if (status === "authenticated" && data) {
-      console.log("LOGGED")
-      router.push("/")
-    }
-    console.log("NOT LOGGED")
-  }, [status, data, router])
+  // useEffect(() => {
+  //   console.log("USE EFFECT ")
+  //   if (status === "authenticated" && data) {
+  //     console.log("LOGGED")
+  //     router.push("/")
+  //   }
+  //   console.log("NOT LOGGED")
+  // }, [status, data, router])
 
   // TODO export this function as a custom hook as `useValidateEmail()` so it can be used to the signup page as well
   const validateEmail = () => {
@@ -45,8 +45,8 @@ export default function SignInForm() {
 
   const submitLogin = (e: FormEvent<HTMLFormElement>) => {
     e.preventDefault()
-    signIn("credentials", { email, password, redirect: false })
-    router.push("/")
+    // signIn("credentials", { email, password, redirect: false })
+    // router.push("/") 
   }
 
   return (
@@ -123,7 +123,7 @@ export default function SignInForm() {
               value={password}
               onChange={(e) => setPassword(e.target.value)}
             />
-            <Button type="submit">Login</Button>
+            <Button  type="submit">Login</Button>
             <Button onClick={() => setEmailEntered(false)}>Previous</Button>
           </div>
         </form>

diff --git a/apps/website/src/app/signin/page.tsx b/apps/website/src/app/signin/page.tsx
@@ -7,5 +7,9 @@ export const metadata: Metadata = {
 }
 
 export default function SignIn() {
-  return <SignInForm />
+  return (
+    <div>
+      <SignInForm />
+    </div>
+  )
 }
diff --git a/apps/website/src/app/signup/page.tsx b/apps/website/src/app/signup/page.tsx
@@ -34,20 +34,20 @@ export default function SignUp() {
 
   const submitRegister = async (e: FormEvent<HTMLFormElement>) => {
     e.preventDefault()
-    const response = await fetch("/api/register", {
-      method: "POST",
-      headers: {
-        "Content-Type": "application/json"
-      },
-      body: JSON.stringify({
-        username: username,
-        email: email,
-        password: password
-      })
-    })
-    const user = await response.json()
-    console.log(user)
-    router.push("/signin")
+    // const response = await fetch("/api/register", {
+    //   method: "POST",
+    //   headers: {
+    //     "Content-Type": "application/json"
+    //   },
+    //   body: JSON.stringify({
+    //     username: username,
+    //     email: email,
+    //     password: password
+    //   })
+    // })
+    // const user = await response.json()
+    // console.log(user)
+    // router.push("/signin")
   }
 
   return (

diff --git a/apps/website/src/components/base/Footer.tsx b/apps/website/src/components/base/Footer.tsx
@@ -79,7 +79,7 @@ export default function Footer() {
   return (
     <div className="relative">
       <footer>
-        <section className="flex justify-between px-12 py-6 mx-auto max-w-screen-2xl">
+        <section className="flex justify-between px-12 pb-6 pt-48 mx-auto max-w-screen-2xl">
           <div className="flex flex-col justify-between w-fit">
             <div className="flex flex-col">
               <Link href="/">

diff --git a/apps/website/src/context/Providers.tsx b/apps/website/src/context/Providers.tsx
@@ -1,6 +1,6 @@
 "use client"
 
-import { SessionProvider } from "next-auth/react"
+// import { SessionProvider } from "next-auth/react"
 import { SidebarProvider } from "./NavbarProvider"
 import { ThemeProvider } from "./ThemeProvider"
 
@@ -10,10 +10,10 @@ export default function Providers({
   children?: React.ReactNode
 }) {
   return (
-    <SessionProvider>
+    // <SessionProvider>
       <ThemeProvider>
         <SidebarProvider>{children}</SidebarProvider>
       </ThemeProvider>
-    </SessionProvider>
+    // </SessionProvider>
   )
 }