Add global search

Signed-off-by: Thomas Citharel <tcit@tcit.fr>

js/src/views/Discussions/CreateView.vue

@@ -72,7 +72,9 @@ import { useHead } from "@vueuse/head";
 import { Notifier } from "@/plugins/notifier";
 import { AbsintheGraphQLError } from "@/types/errors.model";
 
-const Editor = defineAsyncComponent(() => import("@/components/Editor.vue"));
+const Editor = defineAsyncComponent(
+  () => import("@/components/TextEditor.vue")
+);
 
 const props = defineProps<{ preferredUsername: string }>();
 

js/src/views/Discussions/DiscussionView.vue

@@ -95,6 +95,7 @@
         </form>
       </div>
       <discussion-comment
+        class="border rounded-md p-2 mt-4"
         v-for="comment in discussion.comments.elements"
         :key="comment.id"
         :model-value="comment"
@@ -237,7 +238,9 @@ const discussion = computed(() => discussionResult.value?.discussion);
 
 const { group } = useGroup(usernameWithDomain(discussion.value?.actor));
 
-const Editor = defineAsyncComponent(() => import("@/components/Editor.vue"));
+const Editor = defineAsyncComponent(
+  () => import("@/components/TextEditor.vue")
+);
 
 useHead({
   title: computed(() => discussion.value?.title ?? ""),
@@ -362,7 +365,7 @@ const dialog = inject<Dialog>("dialog");
 
 const openDeleteDiscussionConfirmation = (): void => {
   dialog?.confirm({
-    type: "is-danger",
+    variant: "danger",
     title: t("Delete this discussion"),
     message: t("Are you sure you want to delete this entire discussion?"),
     confirmText: t("Delete discussion"),

js/src/views/Discussions/DiscussionsListView.vue

@@ -41,6 +41,7 @@
           :key="discussion.id"
         />
         <o-pagination
+          v-show="group.discussions.total > DISCUSSIONS_PER_PAGE"
           class="discussion-pagination"
           :total="group.discussions.total"
           v-model="page"