Refine UI

Signed-off-by: Ryan Wang <i@ryanc.cc>

Author: ruibaby

packages/comment-widget/src/comment-editor.ts

@@ -77,6 +77,9 @@ export class CommentEditor extends LitElement {
       extensions: [
         StarterKit.configure({
           heading: false,
+          link: {
+            openOnClick: false,
+          },
         }),
         Placeholder.configure({
           placeholder: msg('Write a comment'),
@@ -104,7 +107,7 @@ export class CommentEditor extends LitElement {
   protected override render() {
     return html` ${this.renderSkeleton()}
       <div
-        class="border rounded-md border-solid border-gray-200 focus-within:border-blue-500 transition-all"
+        class="border rounded-md border-solid border-[var(--component-form-input-border-color)] focus-within:border-[var(--component-form-input-border-color-focus)] transition-all"
         ?hidden=${this.loading}
       >
         <div

packages/comment-widget/src/comment-widget.ts

@@ -152,6 +152,7 @@ export class CommentWidget extends LitElement {
     try {
       await this.fetchGlobalInfo();
       await this.fetchConfigMapData();
+      await this.fetchCurrentUser();
     } catch (error) {
       if (error instanceof Error) {
         this.toastManager?.show(error.message, 'error');
@@ -160,7 +161,6 @@ export class CommentWidget extends LitElement {
     } finally {
       this.isInitialized = true;
     }
-    await this.fetchCurrentUser();
     this.initAvatarProvider();
     this.initAvatarPolicy();
   }

packages/comment-widget/src/emoji-button.ts

@@ -1,5 +1,4 @@
 import './icons/icon-loading';
-import './icons/icon-emoji';
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 //@ts-ignore
 import en from '@emoji-mart/data/i18n/en.json';