add editor fixes (#144)

* add editor fixes

src/components/Article/AudioPlayer/PlayerPlaylist.tsx

@@ -163,6 +163,7 @@ export const PlayerPlaylist = (props: Props) => {
                     onSubmit={(value) => handleMediaItemFieldChange('body', value)}
                     placeholder={t('Description')}
                     smallHeight={true}
+                    submitButtonText={t('Save')}
                   />
                   <GrowingTextarea
                     allowEnterKey={true}

src/components/Article/Comment.tsx

@@ -159,6 +159,8 @@ export const Comment = (props: Props) => {
             <Show when={editMode()} fallback={<MD body={body()} />}>
               <Suspense fallback={<p>{t('Loading')}</p>}>
                 <SimplifiedEditor
+                  initialContent={comment().body}
+                  submitButtonText={t('Save')}
                   quoteEnabled={true}
                   imageEnabled={true}
                   placeholder={t('Write a comment...')}

src/components/Article/CommentsTree.tsx

@@ -43,7 +43,6 @@ export const CommentsTree = (props: Props) => {
   const { t } = useLocalize()
   const [commentsOrder, setCommentsOrder] = createSignal<CommentsOrder>('createdAt')
   const [newReactions, setNewReactions] = createSignal<Reaction[]>([])
-  const [submitted, setSubmitted] = createSignal(false)
   const {
     reactionEntities,
     actions: { createReaction }
@@ -97,7 +96,6 @@ export const CommentsTree = (props: Props) => {
         body: value,
         shout: props.shoutId
       })
-      setSubmitted(true)
     } catch (error) {
       console.error('[handleCreate reaction]:', error)
     }

src/components/Editor/Editor.tsx

@@ -1,4 +1,4 @@
-import { createEffect, createSignal, onMount } from 'solid-js'
+import { createEffect, createSignal, onMount, untrack } from 'solid-js'
 import { createTiptapEditor, useEditorHTML } from 'solid-tiptap'
 import { useLocalize } from '../../context/localize'
 import { Bold } from '@tiptap/extension-bold'
@@ -43,7 +43,6 @@ import type { Doc } from 'yjs/dist/src/utils/Doc'
 import './Prosemirror.scss'
 import { TrailingNode } from './extensions/TrailingNode'
 import Article from './extensions/Article'
-import styles from './SimplifiedEditor.module.scss'
 
 type Props = {
   shoutId: number
@@ -111,7 +110,7 @@ export const Editor = (props: Props) => {
   } = {
     current: null
   }
-
+  const { initialContent } = props
   const editor = createTiptapEditor(() => ({
     element: editorElRef.current,
     editorProps: {
@@ -222,7 +221,7 @@ export const Editor = (props: Props) => {
       TrailingNode,
       Article
     ],
-    content: props.initialContent ?? null
+    content: initialContent ?? null
   }))
 
   const {

src/components/Editor/SimplifiedEditor.tsx

@@ -18,7 +18,6 @@ import { Popover } from '../_shared/Popover'
 import { Italic } from '@tiptap/extension-italic'
 import { Modal } from '../Nav/Modal'
 import { hideModal, showModal } from '../../stores/ui'
-import { Link } from '@tiptap/extension-link'
 import { Blockquote } from '@tiptap/extension-blockquote'
 import { CustomImage } from './extensions/CustomImage'
 import { UploadModalContent } from './UploadModalContent'
@@ -27,11 +26,13 @@ import { clsx } from 'clsx'
 import styles from './SimplifiedEditor.module.scss'
 import { Placeholder } from '@tiptap/extension-placeholder'
 import { InsertLinkForm } from './InsertLinkForm'
+import { Link } from '@tiptap/extension-link'
 
 type Props = {
   initialContent?: string
   onSubmit: (text: string) => void
   placeholder: string
+  submitButtonText?: string
   quoteEnabled?: boolean
   imageEnabled?: boolean
   setClear?: boolean
@@ -137,9 +138,7 @@ const SimplifiedEditor = (props: Props) => {
   }
 
   onMount(() => {
-    if (props.submitByShiftEnter || props.submitByEnter) {
     window.addEventListener('keydown', handleKeyDown)
-    }
   })
 
   onCleanup(() => {
@@ -224,7 +223,7 @@ const SimplifiedEditor = (props: Props) => {
         <div class={styles.buttons}>
           <Button value={t('cancel')} variant="secondary" disabled={isEmpty()} onClick={handleClear} />
           <Button
-            value={t('Send')}
+            value={props.submitButtonText ?? t('Send')}
             variant="primary"
             disabled={isEmpty()}
             onClick={() => props.onSubmit(html())}

src/components/Editor/TextBubbleMenu/TextBubbleMenu.tsx

@@ -236,8 +236,8 @@ export const TextBubbleMenu = (props: BubbleMenuProps) => {
                   </button>
                 )}
               </Popover>
-            </Show>
               <div class={styles.delimiter} />
+            </Show>
             <Popover content={t('Add url')}>
               {(triggerRef: (el) => void) => (
                 <button

src/components/Inbox/Message.tsx

@@ -19,11 +19,6 @@ type Props = {
   replyAuthor?: string
 }
 
-const md = new MarkdownIt({
-  linkify: true,
-  breaks: true
-})
-
 export const Message = (props: Props) => {
   const isOwn = props.ownId === Number(props.content.author)
   const user = props.members?.find((m) => m.id === Number(props.content.author))

src/components/_shared/GrowingTextarea/GrowingTextarea.module.scss

@@ -50,6 +50,7 @@
     color: #000;
     opacity: 1;
     position: absolute;
+    z-index: 1;
     right: 0.6rem;
     bottom: -1.2rem;
     font-size: 1.1rem;

src/components/_shared/SolidSwiper/SolidSwiper.tsx

@@ -205,6 +205,7 @@ export const SolidSwiper = (props: Props) => {
                             smallHeight={true}
                             placeholder={t('Enter image description')}
                             onSubmit={(value) => handleSlideDescriptionChange(index(), 'body', value)}
+                            submitButtonText={t('Save')}
                           />
                         </div>
                       </Match>

src/context/inbox.tsx

@@ -71,14 +71,15 @@ export const InboxProvider = (props: { children: JSX.Element }) => {
     return chat
   }
 
-  pipe(
-    subclient().subscription(newMessage, {}),
-    subscribe((result) => {
+  // pipe(
+  //   subclient().subscription(newMessage, {}),
+  //   subscribe((result) => {
   //     console.info('[subscription]')
   //     console.debug(result)
-      // TODO: handle data result
-    })
-  )
+  //     // TODO: handle data result
+  //   })
+  // )
+
   const actions = {
     createChat,
     loadChats,