diff --git a/app/routes/hammer.tsx b/app/routes/hammer.tsx new file mode 100644 index 0000000..c3712cc --- /dev/null +++ b/app/routes/hammer.tsx @@ -0,0 +1,70 @@ +import { + Box, + Button, + Card, + CardBody, + Container, + Heading, + HStack, + Image, + Input, + Stack, + StackDivider, + Text, +} from "@chakra-ui/react"; +import { type FormEvent, useState } from "react"; + +export function meta() { + return [{ title: "Hammer - Car Crushers" }]; +} + +export default function () { + const [username, setUsername] = useState(""); + const [uid, setUid] = useState(""); + const [status, setStatus] = useState(""); + const [visible, setVisible] = useState(false); + const [avatarUrl, setAvatarUrl] = useState(""); + + return ( + + User Lookup + + { + const { data }: { data?: string } & FormEvent = e; + + if (data?.match(/\W/)) e.preventDefault(); + }} + placeholder="Roblox username" + /> + + + + + + } spacing="6"> + + USERNAME + + {username} + + + + USER ID + + {uid} + + + + MODERATION STATUS + + {status} + + + + + + + ); +}