This commit is contained in:
jane 2022-04-16 18:29:21 -04:00
parent 379dcdcd51
commit 01e778edad
6 changed files with 56 additions and 49 deletions

View file

@ -1,14 +1,8 @@
import { getBorderById } from "../../../lib/borders";
export default function handler(req, res) {
const id = req.query.id;
console.log(id);
getBorderById(id).then((result) => {
const imageName = result?.imageName ?? "default.png";
// return res.status(200).json(result);
return res.redirect(301, `/images/${imageName}`)
});
}
const id = req.query.id;
getBorderById(id).then((result) => {
return res.status(200).json(result);
});
}

7
pages/api/border/all.js Normal file
View file

@ -0,0 +1,7 @@
import { getAllBorders } from "../../../lib/borders";
export default function handler(req, res) {
getAllBorders().then((result) => {
return res.status(200).json(result);
});
}

View file

@ -2,8 +2,18 @@ import Head from "next/head";
import Image from "next/image";
import styles from "../styles/Home.module.css";
import UserInfo from "../components/userInfo";
import Select from "../components/select";
import { useEffect, useState } from "react";
export default function Home() {
const [data, setData] = useState(null);
useEffect(() => {
fetch("api/border/all")
.then((res) => res.json())
.then((data) => setData(data));
}, []);
return (
<div className={styles.container}>
<Head>
@ -11,10 +21,12 @@ export default function Home() {
<meta name="description" content="Generated by create next app" />
<link rel="icon" href="/favicon.ico" />
</Head>
<main className={styles.main}>
<header clasName={styles.main}>
<h1 className={styles.title}>Steam Borders</h1>
<UserInfo />
</header>
<main className={styles.main}>
<Select data={data} onSelect={console.log} />
</main>
</div>
);