import React from "react"
import AniLink from "gatsby-plugin-transition-link/AniLink"
import { NotificationManager, NotificationContainer } from "react-notifications"
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 NotificationManager.error('Empty')
}
try {
const id = btoa(url)
console.log(`/url/${id}`)
const res = await axios.delete(`/url/${id}`)
const data = res.data
NotificationManager.success(data.url, 'Deleted')
} catch (err) {
let e = ''
if (err.response && err.response.data.message) {
e = err.response.data.message
} else {
e = err.toString()
}
NotificationManager.error(e)
}
}
return (
<>