From 66c2799e7eda5961ca271d7f9a83f5f9a551f66a Mon Sep 17 00:00:00 2001
From: n8detar <n8detar@gmail.com>
Date: Mon, 18 Apr 2022 10:24:53 -0700
Subject: [PATCH] Switch to TA error notification

---
 tubearchivist/www/src/pages/download.tsx | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/tubearchivist/www/src/pages/download.tsx b/tubearchivist/www/src/pages/download.tsx
index 76627f5..4cbcd64 100755
--- a/tubearchivist/www/src/pages/download.tsx
+++ b/tubearchivist/www/src/pages/download.tsx
@@ -106,7 +106,14 @@ const Download: NextPage = () => {
                     <div className="title-bar">
                         <h1>Downloads</h1>
                     </div>
-                    <div id="notifications"></div>
+                    {errorMessage &&
+                        <div id="notifications">
+                            <div className="error notification">
+                                <h3>Failed to extract links.</h3>
+                                <p>Not a video, channel or playlist ID or URL</p>
+                            </div>
+                        </div>
+                    }
                     <div id="downloadControl"></div>
                     <div className="info-box info-box-3">
                         <div className="icon-text">
@@ -147,9 +154,6 @@ const Download: NextPage = () => {
                                 <div className="show-form">
                                     <form id="hidden-form" onSubmit={addToDownloadQueue}>
                                         <textarea name="vid_url" cols={40} rows={4} placeholder="Enter Video Urls or IDs here..." required id="id_vid_url" spellCheck="false" />
-                                        {errorMessage &&
-                                            <p><span className="danger-zone">Invalid input!</span></p>
-                                        }
                                         <button type="submit">Add to download queue</button>
                                     </form>
                                 </div>