fix mobile support on the new forms
All checks were successful
Deploy App / docker (ubuntu-latest) (push) Successful in 1m4s
All checks were successful
Deploy App / docker (ubuntu-latest) (push) Successful in 1m4s
This commit is contained in:
parent
269653ed55
commit
ea98b2bd5a
@ -40,7 +40,7 @@ export function LookupPlayer(): ReactElement {
|
||||
|
||||
return (
|
||||
<form
|
||||
className="flex flex-col gap-2 justify-center items-center mt-4"
|
||||
className="flex flex-col gap-2 justify-center items-center mt-4 flex-wrap"
|
||||
action={(form: FormData) => {
|
||||
lookupPlayer(form.get("query") as string);
|
||||
}}
|
||||
|
@ -51,7 +51,7 @@ export function LookupServer({ currentPlatform }: LookupServerProps): ReactEleme
|
||||
lookupServer(form.get("platform") as ServerPlatform, form.get("query") as string);
|
||||
}}
|
||||
>
|
||||
<div className="flex gap-2 justify-center">
|
||||
<div className="flex gap-2 justify-center flex-wrap">
|
||||
<div className="flex flex-col gap-2 items-start">
|
||||
<Label htmlFor="platform">Platform</Label>
|
||||
<Select name="platform" defaultValue={currentPlatform}>
|
||||
|
@ -3,7 +3,7 @@
|
||||
import { Stat } from "@/app/components/stat";
|
||||
import { ArrowTrendingUpIcon, ServerIcon, UserIcon } from "@heroicons/react/16/solid";
|
||||
import { ReactElement } from "react";
|
||||
import useWebSocket from "react-use-websocket";
|
||||
import useWebSocket, { ReadyState } from "react-use-websocket";
|
||||
import { Tooltip, TooltipContent, TooltipTrigger } from "./ui/tooltip";
|
||||
|
||||
type Stat = {
|
||||
@ -35,8 +35,9 @@ const stats: Stat[] = [
|
||||
];
|
||||
|
||||
export function Stats(): ReactElement {
|
||||
const { lastMessage } = useWebSocket("wss://api.mcutils.xyz/websocket/metrics");
|
||||
const metrics = lastMessage !== null ? JSON.parse(lastMessage.data).metrics : undefined;
|
||||
const { lastMessage, readyState } = useWebSocket("wss://api.mcutils.xyz/websocket/metrics");
|
||||
const metrics =
|
||||
lastMessage !== null && readyState == ReadyState.OPEN ? JSON.parse(lastMessage.data).metrics : undefined;
|
||||
|
||||
return (
|
||||
<div className="flex gap-2 flex-wrap justify-center">
|
||||
|
Loading…
Reference in New Issue
Block a user