diff --git a/components/borderSelect.js b/components/borderSelect.js new file mode 100644 index 0000000..dfdacde --- /dev/null +++ b/components/borderSelect.js @@ -0,0 +1,3 @@ +export default function BorderSelect() { + +} \ No newline at end of file diff --git a/components/userInfo.js b/components/userInfo.js index e400c67..18c440d 100644 --- a/components/userInfo.js +++ b/components/userInfo.js @@ -1,25 +1,45 @@ import { useSession, signIn, signOut } from "next-auth/react"; +import { useEffect, useState } from "react"; import styles from "../styles/Components.module.css"; -export async function getServerSideProps(context) { - return { - props: { - borderInfo, - }, - }; -} - export default function UserInfo(borderInfo) { const { data: session } = useSession(); + const [isLoading, setLoading] = useState(false); + const [borderData, setBorderData] = useState(undefined); + + useEffect(async () => { + setLoading(true); + const res = await fetch('api/user/border/@me'); + const data = await res.json(); + setBorderData(data); + setLoading(false); + }, []); + return ( -
- {session ? `Signed in as ${session.user.name}` : "Not signed in"}
-
- {session ? (
-
- ) : (
-
- )}
-
Loading...
+ : +
+ {session ? `Signed in as ${session.user.name} (${borderData.discordId})` : "Not signed in"}
+
+ {session ? (
+
+ ) : (
+
+ )}
+