import React from 'react'
import AniLink from 'gatsby-plugin-transition-link/AniLink'
import { ToastContainer, toast } from 'react-toastify'
import Seo from '../components/seo'
import axios from '../axios'
import '../css/url.sass'
import '../css/notifications.sass'
const DeleteURLPage = () => {
const [url, setURL] = React.useState('')
const handleKeypress = e => {
if (e.charCode === 13 || e.keyCode === 13) {
deleteURL()
}
}
const changeURLHandler = event => {
const value = event.target.value
setURL(value)
}
const deleteURL = async () => {
setURL('')
if (url === '') {
return toast('Empty', {
type: 'error'
})
}
try {
const res = await axios.delete(`?url=${url}`)
const data = res.data
toast('Deleted ' + data.url, {
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 (
<>