update

src/pages/add.js

@@ -26,35 +26,32 @@ const AddURLPage = () => {
     setURL('')
 
     if (url === '') {
-      return toast('Empty', {
+      return toast.warn('Empty input')
-        type: 'error'
-      })
     }
 
-    try {
+    toast.promise(
-      const res = await axios.post('', {
+      axios.post('', {
         url: url,
         cluster: 1
-      })
+      }),
+      {
+        pending: 'Sending request',
+        success: render({ data }) {
+          return `Added ${data}!`
+        },
+        error: render(err) {
+          let e = ''
 
-      const data = res.data
+          if (err.response && err.response.data.message) {
+            e = err.response.data.message
+          } else {
+            e = err.toString()
+          }
 
-      toast('Added ' + data.url, {
+          return `${e}`
-        type: 'success'
+        }
-      })
-    } catch (err) {
-      let e = ''
-
-      if (err.response && err.response.data.message) {
-        e = err.response.data.message
-      } else {
-        e = err.toString()
       }
-
+    )
-      toast(e, {
-        type: 'error'
-      })
-    }
   }
 
   return (
@@ -63,7 +60,9 @@ const AddURLPage = () => {
         title="Add URL"
       />
 
-      <ToastContainer />
+      <ToastContainer 
+        theme="dark"
+      />
 
       <div className="field">
         <input

src/pages/delete.js

@@ -26,32 +26,29 @@ const DeleteURLPage = () => {
     setURL('')
 
     if (url === '') {
-      return toast('Empty', {
+      return toast.warn('Empty input')
-        type: 'error'
-      })
     }
 
-    try {
+    toast.promise(
-      const res = await axios.delete(`?url=${url}`)
+      axios.delete(`?url=${url}`),
+      {
+        pending: 'Sending request',
+        success: render({ data }) {
+          return `Deleted ${data}!`
+        },
+        error: render(err) {
+          let e = ''
 
-      const data = res.data
+          if (err.response && err.response.data.message) {
+            e = err.response.data.message
+          } else {
+            e = err.toString()
+          }
 
-      toast('Deleted ' + data.url, {
+          return `${e}`
-        type: 'success'
+        }
-      })
-    } catch (err) {
-      let e = ''
-
-      if (err.response && err.response.data.message) {
-        e = err.response.data.message
-      } else {
-        e = err.toString()
       }
-
+    )
-      toast(e, {
-        type: 'error'
-      })
-    }
   }
 
   return (
@@ -60,7 +57,9 @@ const DeleteURLPage = () => {
         title="Delete URL"
       />
 
-      <ToastContainer />
+      <ToastContainer 
+        theme="dark"
+      />
 
       <div className="field">
         <input

src/pages/index.js

@@ -21,12 +21,6 @@ const LoginPage = () => {
           <button className="red-button">Delete URL</button>
         </AniLink>
       </div>
-
-      <br />
-
-      <AniLink cover to="/status">
-        <button className="blue-button">System Status</button>
-      </AniLink>
     </>
   )
 }

src/pages/status.js

@@ -1,22 +0,0 @@
-import React from 'react'
-import AniLink from 'gatsby-plugin-transition-link/AniLink'
-
-import Seo from '../components/seo'
-
-const LoginPage = () => {
-  return (
-    <>
-      <Seo
-        title="Status"
-      />
-
-      <p>TODO</p>
-
-      <AniLink cover to="/">
-        <button className="blue-button">Go to home page</button>
-      </AniLink>
-    </>
-  )
-}
-
-export default LoginPage