types

components/Header.tsx

@@ -1,8 +1,15 @@
 import React, { useState, useEffect } from "react"
 import Link from "next/link"
 import { LOCAL_STORAGE_SECRET_KEY } from "utils/localStorage"
+import { User } from "utils/types"
 
-export function Header({ users, publicKey }) {
+export function Header({
+	users,
+	publicKey,
+}: {
+	users?: User[] | null
+	publicKey?: string | null
+}) {
 	const user = users?.find((u) => u.publicKey === publicKey)
 	const [secret, setSecret] = useState("")
 	useEffect(() => {

pages/index.tsx

@@ -126,7 +126,7 @@ export default function IndexPage({
 		<AppContext.Provider value={{ vkeys }}>
 			<div className="max-w-4xl m-auto font-mono">
 				<Header users={users} publicKey={publicKey} />
-				<div className="grid grid-cols-4 gap-6 pt-2">
+				<div className="grid grid-cols-4 gap-6 pt-2 pb-14">
 					<div className="col-span-3">
 						<Messages
 							publicKey={publicKey}