28-02-mutation-schema

28 GraphQL/backend/graphql/schema.js

@@ -1,16 +1,36 @@
 const { buildSchema } = require('graphql');
 
 module.exports = buildSchema(`
-    type TestData {
-        text: String!
-        views: Int!
+    type Post {
+        _id: ID!
+        title: String!
+        content: String!
+        imageUrl: String!
+        creator: User!
+        createdAt: String!
+        updatedAt: String!
     }
 
-    type RootQuery {
-        hello: TestData!
+    type User {
+        _id: ID!
+        name: String!
+        email: String!
+        password: String
+        status: String!
+        posts: [Post!]!
+    }
+
+    input UserData {
+        email: String!
+        name: String!
+        password: String!
+    }
+
+    type RootMutation {
+        createUser(userInput: UserData): User
     }
 
     schema {
-        query: RootQuery
+        mutation: RootMutation
     }
 `);

28 GraphQL/frontend/package.json

@@ -6,8 +6,7 @@
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
         "react-router-dom": "^6.22.3",
-        "react-scripts": "^5.0.1",
-        "socket.io-client": "^4.7.5"
+        "react-scripts": "^5.0.1"
     },
     "scripts": {
         "start": "react-scripts start",

28 GraphQL/frontend/src/pages/Feed/Feed.js

@@ -1,5 +1,4 @@
 import React, { Component, Fragment } from 'react';
-import openSocket from 'socket.io-client';
 
 import Post from '../../components/Feed/Post/Post';
 import Button from '../../components/Button/Button';
@@ -40,47 +39,8 @@ class Feed extends Component {
             .catch(this.catchError);
 
         this.loadPosts();
-        const socket = openSocket('http://localhost:8080');
-        socket.on('posts', (data) => {
-            if (data.action === 'create') {
-                this.addPost(data.post);
-            } else if (data.action === 'update') {
-                this.updatePost(data.post);
-            } else if (data.action === 'delete') {
-                this.loadPosts();
-            }
-        });
     }
 
-    addPost = (post) => {
-        this.setState((prevState) => {
-            const updatedPosts = [...prevState.posts];
-            if (prevState.postPage === 1) {
-                if (prevState.posts.length >= 2) {
-                    updatedPosts.pop();
-                }
-                updatedPosts.unshift(post);
-            }
-            return {
-                posts: updatedPosts,
-                totalPosts: prevState.totalPosts + 1,
-            };
-        });
-    };
-
-    updatePost = (post) => {
-        this.setState((prevState) => {
-            const updatedPosts = [...prevState.posts];
-            const updatedPostIndex = updatedPosts.findIndex((p) => p._id === post._id);
-            if (updatedPostIndex > -1) {
-                updatedPosts[updatedPostIndex] = post;
-            }
-            return {
-                posts: updatedPosts,
-            };
-        });
-    };
-
     loadPosts = (direction) => {
         if (direction) {
             this.setState({ postsLoading: true, posts: [] });