import { UploadedFile } from '../pages/types'
import { imageProxy } from './imageProxy'
import { hideModal } from '../stores/ui'
import { Editor } from '@tiptap/core'

export const renderUploadedImage = (editor: Editor, image: UploadedFile) => {
  editor
    .chain()
    .focus()
    .insertContent({
      type: 'capturedImage',
      content: [
        {
          type: 'figcaption',
          content: [
            {
              type: 'text',
              text: image.originalFilename ?? ''
            }
          ]
        },
        {
          type: 'image',
          attrs: {
            src: imageProxy(image.url)
          }
        }
      ]
    })
    .run()
  hideModal()
}