Add delete question

Author: naz3eh

server/src/index.ts

@@ -29,21 +29,21 @@ import { createBookmarkLoader } from './utils/createBookmarkLoader';
 
 const main = async () => {
   // command for generating tables: npx typeorm migration:generate -n Initial
-  // @ts-ignore
+  
   const conn = await createConnection({
     type: 'postgres',
     url: process.env.DATABASE_URL,
-    // ssl: {
-    //   rejectUnauthorized: false,
-    // },
+    ssl: {
+      rejectUnauthorized: false,
+    },
     // dropSchema: true,
     logging: true,
-    synchronize: true,
+    // synchronize: true,
     migrations: [path.join(__dirname, './migrations/*')],
     entities: [Question, User, Comment, Upvote, Bookmark],
   });
 
-  // await conn.runMigrations();
+  await conn.runMigrations();
 
   const app = express();
 

server/src/resolvers/question.ts

@@ -111,6 +111,20 @@ export class QuestionResolver {
     return Question.create({ ...input, githubId: req.session.githubId }).save();
   }
 
+  @Mutation(() => Boolean)
+  async deleteQuestion(
+    @Arg('id', () => Int) id: number
+  ): Promise<boolean> {
+    await Question.delete({ id });
+    const comments = await Comment.find({ where: { questionId: id } });
+
+    if(comments) {
+      await Comment.delete({ questionId: id });
+    }
+
+    return true;
+  }
+
   @Mutation(() => Boolean)
   @UseMiddleware(isAuth)
   async acceptAnswer(

web/Components/CreateQuestion.tsx

@@ -3,7 +3,10 @@ import { useRouter } from 'next/router';
 import React, { useEffect, useState, useRef } from 'react';
 import Autosuggest from 'react-autosuggest';
 import TagsInput from 'react-tagsinput';
-import { useCreateQuestionMutation } from '../generated/graphql';
+import {
+  useCreateQuestionMutation,
+  useDeleteQuestionMutation,
+} from '../generated/graphql';
 import { DEFAULT_AVATARS_BUCKET } from '../lib/constants';
 import { createUrqlClient } from '../utils/createUrqlClient';
 import { supabase } from '../utils/supabaseClient';
@@ -29,31 +32,20 @@ const CreateQuestion = () => {
 
   const [submitting, setSubmitting] = useState<boolean>(false);
   const [, createQuestion] = useCreateQuestionMutation();
+  const [, deleteQuestion] = useDeleteQuestionMutation();
 
   const onSubmitClick = async () => {
     setSubmitting(true);
 
     const uploadedImagePaths = await uploadImages();
-    const { data, error } = await createQuestion({
+    const { data } = await createQuestion({
       ...question,
       title,
       imageUrls: uploadedImagePaths,
       tags,
       bountyAmount: bountyValue,
     });
 
-    // if (!error) {
-    //   if(bountyValue && bountyValue >= 1) {
-    //     const accounts = await web3.eth.getAccounts();
-    //     await Meshare.methods.createQuestion(data.createQuestion.id).send({
-    //       from: accounts[0],
-    //       value: web3.utils.toWei(bountyValue.toString(), "ether"),
-    //     })
-    //   }
-    //   setSubmitting(false);
-    //   router.push("/");
-    // }
-    // setSubmitting(false);
     try {
       if (bountyValue && bountyValue >= 1) {
         const accounts = await web3.eth.getAccounts();
@@ -65,6 +57,13 @@ const CreateQuestion = () => {
       setSubmitting(false);
       router.push('/');
     } catch (err) {
+      const { error } = await deleteQuestion({ id: data.createQuestion.id });
+
+      if (!error) {
+        alert(
+          'An error occured while creating the question. Please try again.'
+        );
+      }
       setSubmitting(false);
     }
   };
@@ -141,12 +140,12 @@ const CreateQuestion = () => {
 
   return (
     <div>
-      <div className="h-full overflow-y-auto overflow-x-hidden">
-        <div className="text-3xl font-bold mt-2 mb-4">Create Question</div>
-        <div className="w-full">
-          <label className="mt-2 mb-2 font-semibold text-xl">Enter Title</label>
+      <div className='h-full overflow-y-auto overflow-x-hidden'>
+        <div className='text-3xl font-bold mt-2 mb-4'>Create Question</div>
+        <div className='w-full'>
+          <label className='mt-2 mb-2 font-semibold text-xl'>Enter Title</label>
           <input
-            className="w-full bg-gray-400 rounded-md outline-none placeholder-gray-600 p-2"
+            className='w-full bg-gray-400 rounded-md outline-none placeholder-gray-600 p-2'
             value={title}
             onChange={(e) => {
               setTitle(e.target.value);
@@ -155,21 +154,21 @@ const CreateQuestion = () => {
           />
         </div>
 
-        <div className="w-full mt-4 mb-4 m-auto ">
-          <label className="mt-2 mb-2 font-semibold text-xl">
+        <div className='w-full mt-4 mb-4 m-auto '>
+          <label className='mt-2 mb-2 font-semibold text-xl'>
             Enter Question
           </label>
-          <div className="w-full h-64 overflow-y-auto">
+          <div className='w-full h-64 overflow-y-auto'>
             <MarkDown value={question} setValue={setQuestion} />
           </div>
         </div>
-        <div className="w-full min-h-24 h-auto mb-5 pb-1 bg-iconGrey rounded-md">
+        <div className='w-full min-h-24 h-auto mb-5 pb-1 bg-iconGrey rounded-md'>
           <UploadComponent files={files} setFiles={setFiles} />
         </div>
-        <div className="mt-8">
-          <label className="mt-2 mb-2 font-semibold text-xl">Add Tags</label>
+        <div className='mt-8'>
+          <label className='mt-2 mb-2 font-semibold text-xl'>Add Tags</label>
           <TagsInput
-            className="rounded-md w-full bg-iconGrey"
+            className='rounded-md w-full bg-iconGrey'
             renderInput={autosuggestRenderInput}
             value={tags}
             onChange={(e) => onChange(e)}
@@ -191,7 +190,7 @@ const CreateQuestion = () => {
         >
           {submitting ? (
             <div>
-              <i className="fa fa-spinner fa-spin -ml-3 mr-2"></i>Creating ...
+              <i className='fa fa-spinner fa-spin -ml-3 mr-2'></i>Creating ...
             </div>
           ) : (
             <div>Create Question</div>

web/generated/graphql.tsx

@@ -50,6 +50,7 @@ export type CommentInput = {
 export type Mutation = {
   __typename?: 'Mutation';
   createQuestion: Question;
+  deleteQuestion: Scalars['Boolean'];
   acceptAnswer: Scalars['Boolean'];
   vote: Scalars['Boolean'];
   logout: Scalars['Boolean'];
@@ -64,6 +65,11 @@ export type MutationCreateQuestionArgs = {
 };
 
 
+export type MutationDeleteQuestionArgs = {
+  id: Scalars['Int'];
+};
+
+
 export type MutationAcceptAnswerArgs = {
   answerId: Scalars['Int'];
   questionId: Scalars['Int'];
@@ -252,6 +258,16 @@ export type DeleteCommentMutation = (
   & Pick<Mutation, 'deleteComment'>
 );
 
+export type DeleteQuestionMutationVariables = Exact<{
+  id: Scalars['Int'];
+}>;
+
+
+export type DeleteQuestionMutation = (
+  { __typename?: 'Mutation' }
+  & Pick<Mutation, 'deleteQuestion'>
+);
+
 export type LogoutMutationVariables = Exact<{ [key: string]: never; }>;
 
 
@@ -455,6 +471,15 @@ export const DeleteCommentDocument = gql`
 export function useDeleteCommentMutation() {
   return Urql.useMutation<DeleteCommentMutation, DeleteCommentMutationVariables>(DeleteCommentDocument);
 };
+export const DeleteQuestionDocument = gql`
+    mutation DeleteQuestion($id: Int!) {
+  deleteQuestion(id: $id)
+}
+    `;
+
+export function useDeleteQuestionMutation() {
+  return Urql.useMutation<DeleteQuestionMutation, DeleteQuestionMutationVariables>(DeleteQuestionDocument);
+};
 export const LogoutDocument = gql`
     mutation Logout {
   logout

web/graphql/mutations/deleteQuestion.graphql

@@ -0,0 +1,3 @@
+mutation DeleteQuestion($id: Int!) {
+  deleteQuestion(id: $id) 
+}