chore: show loader when deleting community question or comment (#102)

* fix: move org slot media query to postcss

* fix: remove slot css

* fix: remove unused vars

* chore: show loader when deleting a question or comment

apps/dashboard/src/lib/components/Org/Community/DeleteModal.svelte

@@ -7,6 +7,7 @@
   export let onCancel = () => {};
   export let open = false;
   export let isQuestion = false;
+  export let isDeleting = false;
 </script>
 
 <Modal
@@ -32,6 +33,7 @@
         variant={VARIANTS.CONTAINED}
         label="Yes, delete"
         onClick={onDelete}
+        isLoading={isDeleting}
       />
     </div>
   </div>

apps/dashboard/src/routes/lms/community/[slug]/+page.svelte

@@ -67,11 +67,13 @@
   let isEditMode = false;
   let deleteComment = {
     shouldDelete: false,
-    commentId: ''
+    commentId: '',
+    isDeleting: false
   };
   let deleteQuestion = {
     shouldDelete: false,
-    questionId: ''
+    questionId: '',
+    isDeleting: false
   };
   let editContent = {
     title: '',
@@ -267,11 +269,15 @@
 
   async function handleDelete(isQuestion: boolean) {
     if (!isQuestion) {
+      deleteComment.isDeleting = true;
+
       const { error } = await supabase
         .from('community_answer')
         .delete()
         .match({ id: deleteComment.commentId });
 
+      deleteComment.isDeleting = false;
+
       if (error) {
         snackbar.error('Error deleting comments');
         console.log('Error deleting comments', error);
@@ -286,6 +292,7 @@
       // Handle only delete comment
       return;
     }
+    deleteQuestion.isDeleting = true;
 
     const { error: commentDeleteError } = await supabase
       .from('community_answer')
@@ -295,6 +302,8 @@
     if (commentDeleteError) {
       snackbar.error('Error deleting comments');
       console.log('Error deleting comments', commentDeleteError);
+
+      deleteQuestion.isDeleting = false;
       return;
     }
 
@@ -311,6 +320,7 @@
 
     snackbar.success('Deleted successfully');
     goto(`/lms/community`);
+    deleteQuestion.isDeleting = false;
   }
 
   $: browser && fetchCommunityQuestion(slug);
@@ -322,6 +332,7 @@
 
 <DeleteModal
   bind:open={deleteQuestion.shouldDelete}
+  bind:isDeleting={deleteQuestion.isDeleting}
   onCancel={() => {
     deleteQuestion.shouldDelete = false;
     deleteQuestion.questionId = '';
@@ -332,6 +343,7 @@
 
 <DeleteModal
   bind:open={deleteComment.shouldDelete}
+  isDeleting={deleteComment.isDeleting}
   onCancel={() => {
     deleteComment.shouldDelete = false;
     deleteComment.commentId = '';

apps/dashboard/src/routes/org/[slug]/community/[slug]/+page.svelte

@@ -67,11 +67,13 @@
   let isEditMode = false;
   let deleteComment = {
     shouldDelete: false,
-    commentId: ''
+    commentId: '',
+    isDeleting: false
   };
   let deleteQuestion = {
     shouldDelete: false,
-    questionId: ''
+    questionId: '',
+    isDeleting: false
   };
   let editContent = {
     title: '',
@@ -267,11 +269,15 @@
 
   async function handleDelete(isQuestion: boolean) {
     if (!isQuestion) {
+      deleteComment.isDeleting = true;
+
       const { error } = await supabase
         .from('community_answer')
         .delete()
         .match({ id: deleteComment.commentId });
 
+      deleteComment.isDeleting = false;
+
       if (error) {
         snackbar.error('Error deleting comments');
         console.log('Error deleting comments', error);
@@ -286,6 +292,7 @@
       // Handle only delete comment
       return;
     }
+    deleteQuestion.isDeleting = true;
 
     const { error: commentDeleteError } = await supabase
       .from('community_answer')
@@ -295,6 +302,8 @@
     if (commentDeleteError) {
       snackbar.error('Error deleting comments');
       console.log('Error deleting comments', commentDeleteError);
+
+      deleteQuestion.isDeleting = false;
       return;
     }
 
@@ -311,6 +320,7 @@
 
     snackbar.success('Deleted successfully');
     goto(`${$currentOrgPath}/community`);
+    deleteQuestion.isDeleting = false;
   }
 
   $: browser && fetchCommunityQuestion(slug);
@@ -322,6 +332,7 @@
 
 <DeleteModal
   bind:open={deleteQuestion.shouldDelete}
+  bind:isDeleting={deleteQuestion.isDeleting}
   onCancel={() => {
     deleteQuestion.shouldDelete = false;
     deleteQuestion.questionId = '';
@@ -332,6 +343,7 @@
 
 <DeleteModal
   bind:open={deleteComment.shouldDelete}
+  isDeleting={deleteComment.isDeleting}
   onCancel={() => {
     deleteComment.shouldDelete = false;
     deleteComment.commentId = '';