From 8bf135ed93f547caa865e4d0082ea236e02a5165 Mon Sep 17 00:00:00 2001
From: Marquis Kurt <software@marquiskurt.net>
Date: Sun, 28 Apr 2019 13:16:21 -0400
Subject: [PATCH] Assign key to media uploading sb, change variants, close in
 catch (fix #32)

---
 src/pages/Compose.tsx | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/pages/Compose.tsx b/src/pages/Compose.tsx
index 36f120e..421f229 100644
--- a/src/pages/Compose.tsx
+++ b/src/pages/Compose.tsx
@@ -133,7 +133,7 @@ class Composer extends Component<any, IComposerState> {
         }).then((media: FileList) => {
             let mediaForm = new FormData();
             mediaForm.append('file', media[0]);
-            const uploading = this.props.enqueueSnackbar("Uploading media...", { persist: true })
+            this.props.enqueueSnackbar("Uploading media...", { persist: true, key: "media-upload" })
             this.client.post('/media', mediaForm).then((resp: any) => {
                 let attachment: Attachment = resp.data;
                 let attachments = this.state.attachments;
@@ -143,13 +143,14 @@ class Composer extends Component<any, IComposerState> {
                     attachments = [attachment];
                 }
                 this.setState({ attachments });
-                this.props.closeSnackbar(uploading);
+                this.props.closeSnackbar("media-upload");
                 this.props.enqueueSnackbar('Media uploaded.');
             }).catch((err: Error) => {
-                this.props.enqueueSnackbar("Couldn't upload media: " + err.name);
+                this.props.closeSnackbar("media-upload");
+                this.props.enqueueSnackbar("Couldn't upload media: " + err.name, { variant: "error" });
             })
         }).catch((err: Error) => {
-            this.props.enqueueSnackbar("Couldn't get media: " + err.name);
+            this.props.enqueueSnackbar("Couldn't get media: " + err.name, { variant: "error" });
             console.error(err.message);
         });
     }