Fix edit field render bug(CommentForm)

- remove no-ssr, which was not necessary and causing the edit field not to appear the majority of the times visiting a Post.
- this was really bad user experience since a user would need to refresh the page to comment.
- removed args in refetchPostComments as there are no params passed in when it is called anymore
- needed to add an if statement since if there are no comments on a Post, then this.$apollo.queries.Post is undefined and it errors out trying to call refetch()
- update test to remove no-ssr

Co-authored-by: Mike Aono <aonomike@gmail.com>

webapp/components/comments/CommentForm/index.vue

@@ -5,14 +5,12 @@
   >
     <template slot-scope="{ errors }">
       <ds-card>
-        <no-ssr>
+        <hc-editor
-          <hc-editor
+          ref="editor"
-            ref="editor"
+          :users="users"
-            :users="users"
+          :value="form.content"
-            :value="form.content"
+          @input="updateEditorContent"
-            @input="updateEditorContent"
+        />
-          />
-        </no-ssr>
         <ds-space />
         <ds-flex :gutter="{ base: 'small', md: 'small', sm: 'x-large', xs: 'x-large' }">
           <ds-flex-item :width="{ base: '0%', md: '50%', sm: '0%', xs: '0%' }" />

webapp/components/comments/CommentForm/spec.js

@@ -1,4 +1,4 @@
-import { config, mount, createLocalVue, createWrapper } from '@vue/test-utils'
+import { mount, createLocalVue, createWrapper } from '@vue/test-utils'
 import CommentForm from './index.vue'
 import Styleguide from '@human-connection/styleguide'
 
@@ -6,8 +6,6 @@ const localVue = createLocalVue()
 
 localVue.use(Styleguide)
 
-config.stubs['no-ssr'] = '<span><slot /></span>'
-
 describe('CommentForm.vue', () => {
   let mocks
   let wrapper

webapp/components/comments/CommentList/index.vue

@@ -54,13 +54,15 @@ export default {
     },
   },
   mounted() {
-    this.$root.$on('refetchPostComments', comment => {
+    this.$root.$on('refetchPostComments', () => {
-      this.refetchPostComments(comment)
+      this.refetchPostComments()
     })
   },
   methods: {
-    refetchPostComments(comment) {
+    refetchPostComments() {
-      this.$apollo.queries.Post.refetch()
+      if (this.$apollo.queries.Post) {
+        this.$apollo.queries.Post.refetch()
+      }
     },
   },
   apollo: {