Add global search

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

js/src/components/Comment/CommentTree.vue

@@ -85,7 +85,7 @@
 </template>
 
 <script lang="ts" setup>
-import Comment from "@/components/Comment/Comment.vue";
+import Comment from "@/components/Comment/EventComment.vue";
 import IdentityPickerWrapper from "@/views/Account/IdentityPickerWrapper.vue";
 import { CommentModeration } from "@/types/enums";
 import { CommentModel, IComment } from "../../types/comment.model";
@@ -122,7 +122,9 @@ const props = defineProps<{
   newComment?: IComment;
 }>();
 
-const Editor = defineAsyncComponent(() => import("@/components/Editor.vue"));
+const Editor = defineAsyncComponent(
+  () => import("@/components/TextEditor.vue")
+);
 
 const newComment = ref<IComment>(props.newComment ?? new CommentModel());
 
@@ -284,7 +286,7 @@ const { mutate: deleteComment, onError: deleteCommentMutationError } =
           replies: updatedReplies,
           totalReplies: parentComment.totalReplies - 1,
         });
-        console.log("updatedComments", updatedComments);
+        console.debug("updatedComments", updatedComments);
       } else {
         // we have deleted a thread itself
         updatedComments = updatedComments.map((reply) => {

js/src/components/Comment/EventComment.story.vue

@@ -23,7 +23,7 @@
   </Story>
 </template>
 <script lang="ts" setup>
-import { IActor } from "@/types/actor";
+import { IPerson } from "@/types/actor";
 import { IComment } from "@/types/comment.model";
 import {
   ActorType,
@@ -34,7 +34,7 @@ import {
 } from "@/types/enums";
 import { IEvent } from "@/types/event.model";
 import { reactive } from "vue";
-import Comment from "./Comment.vue";
+import Comment from "./EventComment.vue";
 import FloatingVue from "floating-vue";
 import "floating-vue/dist/style.css";
 import { hstEvent } from "histoire/client";
@@ -51,7 +51,7 @@ const baseActorAvatar = {
   url: "https://social.tcit.fr/system/accounts/avatars/000/000/001/original/a28c50ce5f2b13fd.jpg",
 };
 
-const baseActor: IActor = {
+const baseActor: IPerson = {
   name: "Thomas Citharel",
   preferredUsername: "tcit",
   avatar: baseActorAvatar,
@@ -67,8 +67,8 @@ const baseEvent: IEvent = {
   uuid: "",
   title: "A very interesting event",
   description: "Things happen",
-  beginsOn: new Date(),
-  endsOn: new Date(),
+  beginsOn: new Date().toISOString(),
+  endsOn: new Date().toISOString(),
   physicalAddress: {
     description: "Somewhere",
     street: "",
@@ -88,7 +88,7 @@ const baseEvent: IEvent = {
   url: "",
   local: true,
   slug: "",
-  publishAt: new Date(),
+  publishAt: new Date().toISOString(),
   status: EventStatus.CONFIRMED,
   visibility: EventVisibility.PUBLIC,
   joinOptions: EventJoinOptions.FREE,
@@ -151,7 +151,7 @@ const comment = reactive<IComment>({
       text: "a reply!",
       id: "90",
       actor: baseActor,
-      updatedAt: new Date(),
+      updatedAt: new Date().toISOString(),
       url: "http://somewhere.tld",
       replies: [],
       totalReplies: 0,
@@ -162,7 +162,7 @@ const comment = reactive<IComment>({
       text: "a reply to another reply!",
       id: "92",
       actor: baseActor,
-      updatedAt: new Date(),
+      updatedAt: new Date().toISOString(),
       url: "http://somewhere.tld",
       replies: [],
       totalReplies: 0,
@@ -171,7 +171,7 @@ const comment = reactive<IComment>({
     },
   ],
   isAnnouncement: false,
-  updatedAt: new Date(),
+  updatedAt: new Date().toISOString(),
   url: "http://somewhere.tld",
 });
 </script>

js/src/components/Comment/EventComment.vue

@@ -175,7 +175,7 @@
   </li>
 </template>
 <script lang="ts" setup>
-import EditorComponent from "@/components/Editor.vue";
+import EditorComponent from "@/components/TextEditor.vue";
 import { formatDistanceToNow } from "date-fns";
 import { CommentModeration } from "@/types/enums";
 import { CommentModel, IComment } from "../../types/comment.model";
@@ -200,7 +200,9 @@ import ChevronDown from "vue-material-design-icons/ChevronDown.vue";
 import Reply from "vue-material-design-icons/Reply.vue";
 import type { Locale } from "date-fns";
 
-const Editor = defineAsyncComponent(() => import("@/components/Editor.vue"));
+const Editor = defineAsyncComponent(
+  () => import("@/components/TextEditor.vue")
+);
 
 const props = withDefaults(
   defineProps<{
@@ -257,7 +259,7 @@ const replyToComment = (): void => {
   newComment.value.inReplyToComment = props.comment;
   newComment.value.originComment = props.comment.originComment ?? props.comment;
   newComment.value.actor = props.currentActor;
-  console.log(newComment.value);
+  console.debug(newComment.value);
   emit("create-comment", newComment.value);
   newComment.value = new CommentModel();
   replyTo.value = false;