From d26f4c50d300e108882c23c954155bd03abe3d88 Mon Sep 17 00:00:00 2001
From: Dessalines <tyhou13@gmx.com>
Date: Fri, 24 Jan 2020 20:55:57 -0500
Subject: [PATCH 1/2] Moving notification to bottom left. Fixes #457

---
 ui/src/utils.ts | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/ui/src/utils.ts b/ui/src/utils.ts
index 6a0ffdb3e..7803ee4ed 100644
--- a/ui/src/utils.ts
+++ b/ui/src/utils.ts
@@ -382,6 +382,8 @@ export function toast(text: string, background: string = 'success') {
   Toastify({
     text: text,
     backgroundColor: backgroundColor,
+    gravity: 'bottom',
+    position: 'left',
   }).showToast();
 }
 

From 7e6842e63a84d8fa97135ec1d94342e5b10e5dc5 Mon Sep 17 00:00:00 2001
From: Dessalines <tyhou13@gmx.com>
Date: Fri, 24 Jan 2020 21:53:37 -0500
Subject: [PATCH 2/2] Comment image uploads resize textarea. Fixes #460

---
 ui/src/components/comment-form.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/ui/src/components/comment-form.tsx b/ui/src/components/comment-form.tsx
index f4eb11815..e4543d665 100644
--- a/ui/src/components/comment-form.tsx
+++ b/ui/src/components/comment-form.tsx
@@ -225,13 +225,15 @@ export class CommentForm extends Component<CommentFormProps, CommentFormState> {
       .then(res => res.json())
       .then(res => {
         let url = `${window.location.origin}/pictshare/${res.url}`;
-        let markdown =
+        let imageMarkdown =
           res.filetype == 'mp4' ? `[vid](${url}/raw)` : `![](${url})`;
         let content = i.state.commentForm.content;
-        content = content ? `${content} ${markdown}` : markdown;
+        content = content ? `${content}\n${imageMarkdown}` : imageMarkdown;
         i.state.commentForm.content = content;
         i.state.imageLoading = false;
         i.setState(i.state);
+        var textarea: any = document.getElementById(i.id);
+        autosize.update(textarea);
       })
       .catch(error => {
         i.state.imageLoading = false;