diff --git a/snackjob-frontend/pages/snackjob/[id].js b/snackjob-frontend/pages/snackjob/[id].js
index 516a90a..e9320dd 100644
--- a/snackjob-frontend/pages/snackjob/[id].js
+++ b/snackjob-frontend/pages/snackjob/[id].js
@@ -1,10 +1,14 @@
import { useRouter } from 'next/router'
+import { useState } from 'react'
export default function Snackjob() {
const router = useRouter()
const { id } = router.query
- let bName = '...'
- let bTitle = '...'
+
+ const [job, setJob] = useState({
+ name: '...',
+ title: '...'
+ })
const svgToPng = function (svgText, width, height) {
@@ -34,8 +38,10 @@ export default function Snackjob() {
fetch(`https://snackjob-api.schrodinger-hat.it/api/v1/snackjob?md5=${id}`)
.then((r) => r.json().then((j) => {
- bName = j.name
- bTitle = j.title
+ setJob({
+ name: j.name,
+ title: j.title
+ })
}))
.catch((e) => console.log(e))
@@ -46,7 +52,7 @@ export default function Snackjob() {
const height = window.document.querySelector('#bsvg').height.baseVal.value
svgToPng(window.document.querySelector('#bsvg').innerHTML, width, height)
}}>asd
-
+
)
}