Register Page Routing fixed using GraphQL Mutation, But still need a …

…finishing work for making code cleaner!

backend/src/controllers/createUser.controller.js

@@ -1,5 +1,6 @@
 import {prisma} from '../../prisma/index.js'
 export const createUserInDB = async (_, payload) => {
+  console.log("Creating user" , payload)
   const user = await prisma.user.create({
     data: payload.User,
   })

backend/src/graphql/User/mutations.js

@@ -1,3 +1,5 @@
 export const mutations = `#graphql
     createUser(User: UserInput) : User
-`
+
+    tempMut(tempVal : String) : String
+`

backend/src/graphql/User/resolvers.js

@@ -1,12 +1,16 @@
-import { getAllUserData } from "../../controllers/allUser.controller.js";
-import { createUserInDB } from "../../controllers/createUser.controller.js";
+import { getAllUserData } from '../../controllers/allUser.controller.js'
+import { createUserInDB } from '../../controllers/createUser.controller.js'
 
 const queries = {
-    getAllUser : () => getAllUserData()
+  getAllUser: () => getAllUserData(),
 }
 
 const mutations = {
-    createUser : (_, payload) => createUserInDB(_, payload)
+  createUser: (_, payload) => createUserInDB(_, payload),
+  tempMut: (_, payload) => {
+    console.log('PAYLOAD', payload.tempVal)
+      return payload.tempVal
+  }
 }
 
-export const resolvers = {queries, mutations}
+export const resolvers = { queries, mutations }

frontend/package.json

@@ -9,6 +9,7 @@
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^13.5.0",
     "all": "^0.0.0",
+    "dotenv": "^16.4.1",
     "flowbite-react": "^0.7.2",
     "graphql": "^16.8.1",
     "react": "^18.2.0",

frontend/src/App.jsx

@@ -1,29 +1,29 @@
-import React from 'react'
-import { BrowserRouter, Route, Routes } from 'react-router-dom'
-import Dashboard from './Pages/Dashboard';
-import Home from './Pages/Home';
-import Header from './Components/Header';
-import Quizes from './Pages/Quizes';
-import Discuss from './Pages/Discuss';
-import SignUp from './Pages/SignUp';
-import SignIn from './Pages/SignIn';
-import FooterCom from './Components/Footer';
-
-
+import React from "react";
+import { BrowserRouter, Route, Routes } from "react-router-dom";
+import Dashboard from "./Pages/Dashboard";
+import Home from "./Pages/Home";
+import Header from "./Components/Header";
+import Quizes from "./Pages/Quizes";
+import Discuss from "./Pages/Discuss";
+import SignUp from "./Pages/SignUp";
+import SignIn from "./Pages/SignIn";
+import FooterCom from "./Components/Footer";
+import AllUsers from "./Pages/AllUsers";
 
 function App() {
   return (
     <BrowserRouter>
-        <Header/>
-        <Routes>
-          <Route path='/' element={<Home/>}></Route>
-          <Route path='/dashboard' element={<Dashboard></Dashboard>}></Route>
-          <Route path='/quizes' element={<Quizes></Quizes>}></Route>
-          <Route path='/discuss' element={<Discuss></Discuss>}></Route>
-          <Route path='/register' element={<SignUp></SignUp>}></Route>
-          <Route path='/login' element={<SignIn></SignIn>}></Route>
-        </Routes>
-        <FooterCom></FooterCom>
+      <Header />
+      <Routes>
+        <Route path="/" element={<Home />}></Route> */
+        <Route path="/faltu" element={<AllUsers />}></Route>
+        <Route path="/dashboard" element={<Dashboard></Dashboard>}></Route>
+        <Route path="/quizes" element={<Quizes></Quizes>}></Route>
+        <Route path="/discuss" element={<Discuss></Discuss>}></Route>
+        <Route path="/login" element={<SignIn></SignIn>}></Route>
+        <Route path="/register" element={<SignUp></SignUp>}></Route>
+      </Routes>
+      <FooterCom></FooterCom>
     </BrowserRouter>
   );
 }

frontend/src/Pages/AllUsers.jsx

@@ -0,0 +1,66 @@
+// Its a temparory file created for making a sample graphQl query
+// Its a temparory file created for making a sample graphQl query
+// Its a temparory file created for making a sample graphQl query
+// Its a temparory file created for making a sample graphQl query
+// Its a temparory file created for making a sample graphQl query
+// Its a temparory file created for making a sample graphQl query
+// Its a temparory file created for making a sample graphQl query
+// Its a temparory file created for making a sample graphQl query
+// Its a temparory file created for making a sample graphQl query
+// Its a temparory file created for making a sample graphQl query
+// Its a temparory file created for making a sample graphQl query
+// Its a temparory file created for making a sample graphQl query
+// Its a temparory file created for making a sample graphQl query
+// Its a temparory file created for making a sample graphQl query
+// Its a temparory file created for making a sample graphQl query
+// Its a temparory file created for making a sample graphQl query
+// Its a temparory file created for making a sample graphQl query
+
+
+import { useMutation, useQuery } from "@apollo/client";
+import React, { useState } from "react";
+import { ALL_USER } from "../gqlOperatons/queries";
+import { TEMP_MUT } from "../gqlOperatons/mutations";
+
+function AllUsers() {
+  const { data, loading: queryLoading, error: queryError } = useQuery(ALL_USER);
+  const [tempData, setTempData] = useState("");
+  const [tempStr, { loading: mutationLoading, error: mutationError }] = useMutation(TEMP_MUT, {
+    variables: { tempVal: "JAI SHREE RAM!!" },
+    onCompleted: (data) => {
+      // Update state with the received string
+      setTempData(data.tempMut);
+    },
+  });
+
+  return (
+    <>
+      <div>AllUsers</div>
+      {data && (
+        <>
+          {data.getAllUser.map((user) => (
+            <div key={user.id}>
+              <div>USERNAME : {user.username}</div>
+              <div>FIRSTNAME : {user.firstName}</div>
+              <div>LASTNAME : {user.lastName}</div>
+              <div>EMAIL : {user.email}</div>
+              <div>MOBILENUM : {user.mobileNum}</div>
+            </div>
+          ))}
+        </>
+      )}
+      {queryLoading && <div>Loading...</div>}
+      {queryError && <div>{queryError.message}</div>}
+      <button
+        onClick={tempStr}
+      >
+        CLICK
+      </button>
+      {mutationLoading && <div>Loading...</div>}
+      {mutationError && <div>{mutationError.message}</div>}
+      <div>{tempData}</div>
+    </>
+  );
+}
+
+export default AllUsers;