diff --git a/components/select.js b/components/select.js new file mode 100644 index 0000000..5be081b --- /dev/null +++ b/components/select.js @@ -0,0 +1,5 @@ +export default function Select(props) { + const { data, onSelect } = props; + console.log(data); + return
; +} diff --git a/components/userInfo.js b/components/userInfo.js index 18c440d..7c36bb8 100644 --- a/components/userInfo.js +++ b/components/userInfo.js @@ -2,44 +2,29 @@ import { useSession, signIn, signOut } from "next-auth/react"; import { useEffect, useState } from "react"; import styles from "../styles/Components.module.css"; -export default function UserInfo(borderInfo) { +export default function UserInfo() { const { data: session } = useSession(); - const [isLoading, setLoading] = useState(false); - const [borderData, setBorderData] = useState(undefined); + const [borderData, setBorderData] = useState(null); - useEffect(async () => { - setLoading(true); - const res = await fetch('api/user/border/@me'); - const data = await res.json(); - setBorderData(data); - setLoading(false); + useEffect(() => { + fetch("api/user/border/@me") + .then((res) => res.json()) + .then((data) => setBorderData(data)); }, []); return ( -Loading...
- : -
- {session ? `Signed in as ${session.user.name} (${borderData.discordId})` : "Not signed in"}
-
- {session ? (
-
- ) : (
-
- )}
-
+ {session
+ ? `Signed in as ${session.user.name} (${borderData?.discordId})`
+ : "Not signed in"}
+
+ {session ? (
+
+ ) : (
+
+ )}
+