Fixed infinite api calls in a story

.github/ISSUE_TEMPLATE/bug_report.md

@@ -1,9 +1,9 @@
 ---
 name: Bug report
 about: Create a report to help us improve
-title: ""
-labels: "Type: Bug"
-assignees: ""
+title: ''
+labels: 'Type: Bug'
+assignees: ''
 ---
 
 ## Describe the bug

.github/ISSUE_TEMPLATE/config.yml

@@ -1 +1 @@
-blank_issues_enabled: true
+blank_issues_enabled: true

.github/ISSUE_TEMPLATE/feature_request.md

@@ -1,9 +1,9 @@
 ---
 name: Feature request
 about: Suggest an idea for this project
-title: ""
-labels: "Type: Enhancement"
-assignees: ""
+title: ''
+labels: 'Type: Enhancement'
+assignees: ''
 ---
 
 ## Is your feature request related to a problem? Please describe.

.github/workflows/github-ci.yml

@@ -23,7 +23,7 @@ jobs:
 
       - name: Test SCSS
         run: npm run test:scss
-        
+
       - name: Test JS
         run: npm run test:js
 
@@ -40,7 +40,7 @@ jobs:
       - name: Create config.json
         run: echo $TEST_CONFIG_JSON > src/config.json
         env:
-          TEST_CONFIG_JSON: "{ \"apiURL\": \"http://localhost:1337\", \"APP_ENV\": \"prod\" }"
+          TEST_CONFIG_JSON: '{ "apiURL": "http://localhost:1337", "APP_ENV": "prod" }'
 
       - name: Test Cypress
         uses: cypress-io/github-action@v2

cypress.json

@@ -8,8 +8,5 @@
     "testStoryProduct": "EOS Icons",
     "testCategory": "Documentation"
   },
-  "testFiles": [
-    "user_story.spec.js",
-    "test_filters.spec.js"
-  ]
+  "testFiles": ["user_story.spec.js", "test_filters.spec.js"]
 }

cypress/integration/test_filters.spec.js

@@ -8,8 +8,9 @@ describe('Test the filters and search for stories in Home page', () => {
   }
 
   const selectProduct = (productName) => {
-    cy.get(`[data-cy=${productName.split(' ').join('-')}-card]`)
-      .click({ force: true })
+    cy.get(`[data-cy=${productName.split(' ').join('-')}-card]`).click({
+      force: true
+    })
   }
 
   const setDropdown = (dropdown, value) => {

src/components/CommentForm.js

@@ -1,4 +1,4 @@
-import React, { useState } from 'react'
+import React, { useState, useEffect } from 'react'
 import { useForm } from 'react-hook-form'
 import { EOS_ATTACHMENT } from 'eos-icons-react'
 
@@ -29,7 +29,9 @@ const CommentForm = (props) => {
     setUsers(response.data?.data?.users ?? [])
   }
 
-  fetchUsers()
+  useEffect(() => {
+    fetchUsers()
+  }, [])
 
   const displayTransform = (id, display) => {
     return `@${display}`

src/components/Notifications.js

@@ -11,9 +11,8 @@ const Notifications = () => {
 
   const [notifications, setNotifications] = useState([])
 
-  const [notificationsDropdownState, setNotificationsDropdownState] = useState(
-    false
-  )
+  const [notificationsDropdownState, setNotificationsDropdownState] =
+    useState(false)
 
   const [notificationCount, setNotificationCount] = useState(0)
 

src/components/StoryPageTimeline.js

@@ -57,19 +57,21 @@ const StoryPageTimeline = (props) => {
         (id) => id !== JSON.stringify(userId)
       )
       const response = await userStory.updateVotes(story.id, updatedFollowerIds)
-      updatedFollowerIds = response.data.data.updateUserStory.userStory.followers.map(
-        (follower) => JSON.stringify(follower.id)
-      )
+      updatedFollowerIds =
+        response.data.data.updateUserStory.userStory.followers.map((follower) =>
+          JSON.stringify(follower.id)
+        )
       setFollowers(updatedFollowerIds)
       setVoted(false)
       setVotes((votes) => votes - 1)
     } else {
       followers.push(JSON.stringify(userId))
       let updatedFollowerIds = followers
       const response = await userStory.updateVotes(story.id, updatedFollowerIds)
-      updatedFollowerIds = response.data.data.updateUserStory.userStory.followers.map(
-        (follower) => JSON.stringify(follower.id)
-      )
+      updatedFollowerIds =
+        response.data.data.updateUserStory.userStory.followers.map((follower) =>
+          JSON.stringify(follower.id)
+        )
       setFollowers(updatedFollowerIds)
       setVoted(true)
       setVotes((votes) => votes + 1)

src/components/Vote.js

@@ -41,19 +41,21 @@ const Vote = (props) => {
         (id) => id !== JSON.stringify(userId)
       )
       const response = await userStory.updateVotes(story.id, updatedFollowerIds)
-      updatedFollowerIds = response.data.data.updateUserStory.userStory.followers.map(
-        (follower) => JSON.stringify(follower.id)
-      )
+      updatedFollowerIds =
+        response.data.data.updateUserStory.userStory.followers.map((follower) =>
+          JSON.stringify(follower.id)
+        )
       setFollowers(updatedFollowerIds)
       setVoted(false)
       setVotes((votes) => votes - 1)
     } else {
       followers.push(JSON.stringify(userId))
       let updatedFollowerIds = followers
       const response = await userStory.updateVotes(story.id, updatedFollowerIds)
-      updatedFollowerIds = response.data.data.updateUserStory.userStory.followers.map(
-        (follower) => JSON.stringify(follower.id)
-      )
+      updatedFollowerIds =
+        response.data.data.updateUserStory.userStory.followers.map((follower) =>
+          JSON.stringify(follower.id)
+        )
       setFollowers(updatedFollowerIds)
       setVoted(true)
       setVotes((votes) => votes + 1)