diff --git a/src/partials/Preview.svelte b/src/partials/Preview.svelte
index 0fff642c..dc435ecb 100644
--- a/src/partials/Preview.svelte
+++ b/src/partials/Preview.svelte
@@ -5,9 +5,15 @@
import user from 'src/agent/user'
export let url
+ export let onClose = null
let preview
+ const close = () => {
+ onClose?.()
+ preview = null
+ }
+
onMount(async () => {
if (url.match('\.(jpg|jpeg|png|gif)')) {
preview = {image: url}
@@ -40,7 +46,7 @@
+ class="relative rounded border border-solid border-medium flex flex-col bg-medium overflow-hidden">
{#if preview.image}
{/if}
@@ -54,6 +60,12 @@
{preview.description}
{/if}
+
+
+
{/if}
diff --git a/src/views/notes/NoteCreate.svelte b/src/views/notes/NoteCreate.svelte
index b57cfdcc..b50b3531 100644
--- a/src/views/notes/NoteCreate.svelte
+++ b/src/views/notes/NoteCreate.svelte
@@ -9,6 +9,7 @@
import Button from "src/partials/Button.svelte"
import Compose from "src/partials/Compose.svelte"
import ImageInput from "src/partials/ImageInput.svelte"
+ import Preview from "src/partials/Preview.svelte"
import Input from "src/partials/Input.svelte"
import RelayCardSimple from "src/views/relays/RelayCardSimple.svelte"
import Content from "src/partials/Content.svelte"
@@ -40,14 +41,12 @@
)
}
- $: {
- if (image) {
- input.type('\n' + image)
- }
- }
-
const onSubmit = async () => {
- const {content, mentions, topics} = input.parse()
+ let {content, mentions, topics} = input.parse()
+
+ if (image) {
+ content += '\n' + image
+ }
if (content) {
const thunk = cmd.createNote(content, mentions, topics)
@@ -107,6 +106,9 @@
+ {#if image}
+ { image = null }} />
+ {/if}