Add a way to delete comment

pbteja1998 · pbteja1998 · commit 8012cb4e0dc0 · 2021-02-28T10:44:49.000+05:30
diff --git a/src/components/goals/UpdateComment.tsx b/src/components/goals/UpdateComment.tsx
@@ -1,5 +1,5 @@
 import { Avatar, Menu } from '@/ui'
-import React, { useState } from 'react'
+import React, { useRef, useState } from 'react'
 import { Markdown, A, LikeModal, useLikes, EditComment } from '@/components'
 import { DateTime } from 'luxon'
 import { UpdateCommentType } from 'src/pages'
@@ -12,6 +12,8 @@ import {
   Trash,
 } from 'phosphor-react'
 import { User } from 'src/pages/members'
+import { useMutation, useQueryClient } from 'react-query'
+import toast from 'react-hot-toast'
 
 export type GoalUpdateType = {
   id: string
@@ -30,9 +32,11 @@ export default function UpdateComment({
   comment: UpdateCommentType
   isLastComment?: boolean
 }) {
+  const queryClient = useQueryClient()
   const [isInEditMode, setIsInEditMode] = useState(false)
   const postedOn = DateTime.fromMillis(comment.createdAt)
   const [session] = useSession()
+  const toastId = useRef('')
   const [isLikeModalOpen, setIsLikeModalOpen] = useState(false)
   const { count: likesCount, hasLiked, toggleLike } = useLikes({
     initialCount: comment.likes.data,
@@ -50,6 +54,38 @@ export default function UpdateComment({
       },
     },
   })
+  const { mutate: deleteComment } = useMutation(
+    () => {
+      return fetch(`/api/fauna/goals/delete-comment`, {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json',
+        },
+        body: JSON.stringify({
+          id: comment.id,
+        }),
+      }).then((res) => {
+        if (!res.ok) {
+          throw new Error('something went wrong!!!')
+        }
+        return res.json()
+      })
+    },
+    {
+      onSuccess: () => {
+        toast.success('Deleted your comment!!', {
+          id: toastId.current,
+          icon: <Trash className="text-danger-400" />,
+        })
+        queryClient.refetchQueries('/api/fauna/all-updates')
+      },
+      onError: () => {
+        toast.error('Something went wrong!!!', {
+          id: toastId.current,
+        })
+      },
+    }
+  )
   return (
     <li>
       {isInEditMode ? (
@@ -111,9 +147,9 @@ export default function UpdateComment({
                         <Menu.Item
                           icon={Trash}
                           onClick={() => {
-                            // deleteUpdate()
-                            // const id = toast.loading('Deleting your update...')
-                            // toastId.current = id
+                            deleteComment()
+                            const id = toast.loading('Deleting your comment...')
+                            toastId.current = id
                           }}
                         >
                           Delete
diff --git a/src/pages/api/fauna/goals/delete-comment.ts b/src/pages/api/fauna/goals/delete-comment.ts
@@ -0,0 +1,45 @@
+import { NextApiHandler, NextApiRequest, NextApiResponse } from 'next'
+import { getSession } from 'next-auth/client'
+
+import faunadb from 'faunadb'
+import { User } from 'src/pages/members'
+const q = faunadb.query
+const isProduction = process.env.NODE_ENV === 'production'
+const client = new faunadb.Client({
+  secret: process.env.FAUNADB_SECRET ?? 'secret',
+  scheme: isProduction ? 'https' : 'http',
+  domain: isProduction ? 'db.fauna.com' : 'localhost',
+  ...(isProduction ? {} : { port: 8443 }),
+})
+
+const FaunaCreateHandler: NextApiHandler = async (
+  req: NextApiRequest,
+  res: NextApiResponse
+) => {
+  const session = await getSession({ req })
+
+  if (!session) {
+    return res.status(401).json({ message: 'Unauthorized' })
+  }
+  const { id } = req.body
+  const userId = (session.user as User).id
+  try {
+    const commentDoc = q.Get(q.Ref(q.Collection('update_comments'), id))
+    const commentPostedById = q.Select(['data', 'postedBy', 'id'], commentDoc)
+    const response = await client.query(
+      q.If(
+        q.Equals(commentPostedById, userId),
+        q.Delete(q.Ref(q.Collection('update_comments'), id)),
+        q.Abort('You are not authorized to delete this!!!')
+      )
+    )
+
+    res.status(200).json({ response })
+  } catch (error) {
+    console.error(error)
+    console.error({ msg: error.message })
+    res.status(500).json({ message: error.description })
+  }
+}
+
+export default FaunaCreateHandler
