Added following example

Author: SeedyROM

Fullstack/twitter-clone/api/src/controllers/users.controller.js

@@ -9,14 +9,10 @@ const jwtMiddleware = require("../helpers/jwtMiddleware");
 
 const router = AsyncRouter();
 
-const followValidators = [
-  check("user").exists(),
-]
-
 // Follow a user
 router.post(
   "/follow/:_id", 
-  [...followValidators, jwtMiddleware, handleValidationErrors],
+  [jwtMiddleware],
   async (req, res) => {
     const followUser = await User.findById(req.params._id);
 
@@ -34,6 +30,18 @@ router.post(
   }
 );
 
+router.get(
+  "/following/:_id",
+  [jwtMiddleware],
+  async (req, res) => {
+    console.log(req.user.following[0], req.params._id)
+    const isFollowing = req.user.following.find((_id) => _id.equals(req.params._id));
+
+    if(isFollowing) return res.send(200);
+    else return res.send(404);
+  }
+)
+
 // Get chirps for a user
 router.get("/profile/:userId", async (req, res) => {
   const profile = await User.findById(req.params.userId).populate({

Fullstack/twitter-clone/ui/src/components/Follow.jsx

@@ -0,0 +1,35 @@
+import React, { useState, useEffect, useGlobal } from "reactn";
+import client from '../api/client';
+
+const Follow = ({ userId }) => {
+  const { 0: token } = useGlobal("token")
+  const [following, setFollowing] = useState(false);
+
+  const followUser = async () => {
+    const { data } = await client.post(`/users/follow/${userId}`, {}, {
+      headers: { Authorization: `Bearer ${token}` }
+    })
+    setFollowing(true);
+  }
+
+  const isFollowing = async () => {
+    try {
+      await client.get(`/users/following/${userId}`, {
+        headers: { Authorization: `Bearer ${token}` }
+      });
+      setFollowing(true);
+    } catch(error) {
+      setFollowing(false);
+    }
+  }
+
+  useEffect(() => {
+    isFollowing()
+  }, []);
+
+  return (
+    <button onClick={followUser}>{(following) ? "Following" : "Follow"}</button>
+  )
+}
+
+export default Follow;

Fullstack/twitter-clone/ui/src/pages/Profile.jsx

@@ -1,5 +1,6 @@
 import React, { useState, useEffect, useGlobal } from "reactn";
 import client from "../api/client";
+import Follow from "../components/Follow";
 
 const Profile = () => {
   const [profile, setProfile] = useState(null);
@@ -23,7 +24,11 @@ const Profile = () => {
     <div>
       <h1>Profile:</h1>
       {profile && (
-        <em>{profile.email}</em>
+        <div>
+          <div>
+            <em>{profile.email}</em>
+          </div>
+        </div>
       )}
     </div>
   )

Fullstack/twitter-clone/ui/src/pages/User.jsx

@@ -2,6 +2,7 @@ import React, { useState, useEffect } from "reactn";
 import client from '../api/client';
 import Chirp from "../components/Chirp";
 import { useParams } from "react-router-dom";
+import Follow from '../components/Follow';
 
 const User = () => {
   const [profile, setProfile] = useState(null);
@@ -22,6 +23,9 @@ const User = () => {
         <h2>
           {profile.email}
         </h2>
+        <div>
+          <Follow userId={profile._id} />
+        </div>
         <div>
           {profile.chirps.map((chirp) => (
             <Chirp key={chirp._id} chirp={chirp} />