From df39101102a487efd69989728b1d8b4bc5bcc3c6 Mon Sep 17 00:00:00 2001
From: Quaternions <krakow20@gmail.com>
Date: Tue, 1 Apr 2025 15:55:52 -0700
Subject: [PATCH] web: remove all fields from submission forms except Asset ID
---
web/src/app/maps/[mapId]/fix/_game.tsx | 65 --------------------------
web/src/app/maps/[mapId]/fix/page.tsx | 15 ------
web/src/app/submit/_game.tsx | 65 --------------------------
web/src/app/submit/page.tsx | 16 -------
4 files changed, 161 deletions(-)
delete mode 100644 web/src/app/maps/[mapId]/fix/_game.tsx
delete mode 100644 web/src/app/submit/_game.tsx
diff --git a/web/src/app/maps/[mapId]/fix/_game.tsx b/web/src/app/maps/[mapId]/fix/_game.tsx
deleted file mode 100644
index e754601..0000000
--- a/web/src/app/maps/[mapId]/fix/_game.tsx
+++ /dev/null
@@ -1,65 +0,0 @@
-import { FormControl, Select, InputLabel, MenuItem } from "@mui/material";
-import { styled } from '@mui/material/styles';
-import InputBase from '@mui/material/InputBase';
-import React from "react";
-import { SelectChangeEvent } from "@mui/material";
-
-// TODO: Properly style everything instead of pasting 🤚
-
-type GameSelectionProps = {
- game: number;
- setGame: React.Dispatch<React.SetStateAction<number>>;
-};
-
-const BootstrapInput = styled(InputBase)(({ theme }) => ({
- 'label + &': {
- marginTop: theme.spacing(3),
- },
- '& .MuiInputBase-input': {
- backgroundColor: '#0000',
- color: '#FFF',
- border: '1px solid rgba(175, 175, 175, 0.66)',
- fontSize: 16,
- padding: '10px 26px 10px 12px',
- transition: theme.transitions.create(['border-color', 'box-shadow']),
- fontFamily: [
- '-apple-system',
- 'BlinkMacSystemFont',
- '"Segoe UI"',
- 'Roboto',
- '"Helvetica Neue"',
- 'Arial',
- 'sans-serif',
- '"Apple Color Emoji"',
- '"Segoe UI Emoji"',
- '"Segoe UI Symbol"',
- ].join(','),
- '&:focus': {
- borderRadius: 4,
- borderColor: '#80bdff',
- boxShadow: '0 0 0 0.2rem rgba(0,123,255,.25)',
- },
- },
- }));
-
-export default function GameSelection({ game, setGame }: GameSelectionProps) {
- const handleChange = (event: SelectChangeEvent) => {
- setGame(Number(event.target.value)); // TODO: Change later!! there's 100% a proper way of doing this
- };
-
- return (
- <FormControl>
- <InputLabel sx={{ color: "#646464" }}>Game</InputLabel>
- <Select
- value={String(game)}
- label="Game"
- onChange={handleChange}
- input={<BootstrapInput />}
- >
- <MenuItem value={1}>Bhop</MenuItem>
- <MenuItem value={2}>Surf</MenuItem>
- <MenuItem value={3}>Fly Trials</MenuItem>
- </Select>
- </FormControl>
- );
-}
\ No newline at end of file
diff --git a/web/src/app/maps/[mapId]/fix/page.tsx b/web/src/app/maps/[mapId]/fix/page.tsx
index 5e68374..7408e43 100644
--- a/web/src/app/maps/[mapId]/fix/page.tsx
+++ b/web/src/app/maps/[mapId]/fix/page.tsx
@@ -2,20 +2,14 @@
import { Button, TextField } from "@mui/material"
-import GameSelection from "./_game";
import SendIcon from '@mui/icons-material/Send';
import Webpage from "@/app/_components/webpage";
import { useParams } from "next/navigation";
-import React, { useState } from "react";
import "./(styles)/page.scss"
interface MapfixPayload {
- DisplayName: string;
- Creator: string;
- GameID: number;
AssetID: number;
- AssetVersion: number;
TargetAssetID: number;
}
interface IdResponse {
@@ -23,7 +17,6 @@ interface IdResponse {
}
export default function MapfixInfoPage() {
- const [game, setGame] = useState(1);
const dynamicId = useParams<{ mapId: string }>();
const handleSubmit = async (event: React.FormEvent<HTMLFormElement>) => {
@@ -33,11 +26,7 @@ export default function MapfixInfoPage() {
const formData = new FormData(form);
const payload: MapfixPayload = {
- DisplayName: (formData.get("display-name") as string) ?? "unknown", // TEMPORARY! TODO: Change
- Creator: (formData.get("creator") as string) ?? "unknown", // TEMPORARY! TODO: Change
- GameID: game,
AssetID: Number((formData.get("asset-id") as string) ?? "0"),
- AssetVersion: 0,
TargetAssetID: Number(dynamicId.mapId),
};
@@ -80,11 +69,7 @@ export default function MapfixInfoPage() {
</header>
<form onSubmit={handleSubmit}>
{/* TODO: Add form data for mapfixes, such as changes they did, and any times that need to be deleted & what styles */}
- <TextField className="form-field" id="display-name" name="display-name" label="Display Name" variant="outlined"/>
- <TextField className="form-field" id="creator" name="creator" label="Creator" variant="outlined"/>
<TextField className="form-field" id="asset-id" name="asset-id" label="Asset ID" variant="outlined"/>
- {/* I think this is Quat's job to figure this one out (to be set when someone clicks review(?)) */} {/* <TextField className="form-field" id="asset-version" label="Asset Version" variant="outlined"/> */}
- <GameSelection game={game} setGame={setGame} />
<span className="spacer form-spacer"></span>
<Button type="submit" variant="contained" startIcon={<SendIcon/>} sx={{
width: "400px",
diff --git a/web/src/app/submit/_game.tsx b/web/src/app/submit/_game.tsx
deleted file mode 100644
index e754601..0000000
--- a/web/src/app/submit/_game.tsx
+++ /dev/null
@@ -1,65 +0,0 @@
-import { FormControl, Select, InputLabel, MenuItem } from "@mui/material";
-import { styled } from '@mui/material/styles';
-import InputBase from '@mui/material/InputBase';
-import React from "react";
-import { SelectChangeEvent } from "@mui/material";
-
-// TODO: Properly style everything instead of pasting 🤚
-
-type GameSelectionProps = {
- game: number;
- setGame: React.Dispatch<React.SetStateAction<number>>;
-};
-
-const BootstrapInput = styled(InputBase)(({ theme }) => ({
- 'label + &': {
- marginTop: theme.spacing(3),
- },
- '& .MuiInputBase-input': {
- backgroundColor: '#0000',
- color: '#FFF',
- border: '1px solid rgba(175, 175, 175, 0.66)',
- fontSize: 16,
- padding: '10px 26px 10px 12px',
- transition: theme.transitions.create(['border-color', 'box-shadow']),
- fontFamily: [
- '-apple-system',
- 'BlinkMacSystemFont',
- '"Segoe UI"',
- 'Roboto',
- '"Helvetica Neue"',
- 'Arial',
- 'sans-serif',
- '"Apple Color Emoji"',
- '"Segoe UI Emoji"',
- '"Segoe UI Symbol"',
- ].join(','),
- '&:focus': {
- borderRadius: 4,
- borderColor: '#80bdff',
- boxShadow: '0 0 0 0.2rem rgba(0,123,255,.25)',
- },
- },
- }));
-
-export default function GameSelection({ game, setGame }: GameSelectionProps) {
- const handleChange = (event: SelectChangeEvent) => {
- setGame(Number(event.target.value)); // TODO: Change later!! there's 100% a proper way of doing this
- };
-
- return (
- <FormControl>
- <InputLabel sx={{ color: "#646464" }}>Game</InputLabel>
- <Select
- value={String(game)}
- label="Game"
- onChange={handleChange}
- input={<BootstrapInput />}
- >
- <MenuItem value={1}>Bhop</MenuItem>
- <MenuItem value={2}>Surf</MenuItem>
- <MenuItem value={3}>Fly Trials</MenuItem>
- </Select>
- </FormControl>
- );
-}
\ No newline at end of file
diff --git a/web/src/app/submit/page.tsx b/web/src/app/submit/page.tsx
index b7108e9..caaef78 100644
--- a/web/src/app/submit/page.tsx
+++ b/web/src/app/submit/page.tsx
@@ -2,26 +2,19 @@
import { Button, TextField } from "@mui/material"
-import GameSelection from "./_game";
import SendIcon from '@mui/icons-material/Send';
import Webpage from "@/app/_components/webpage"
-import React, { useState } from "react";
import "./(styles)/page.scss"
interface SubmissionPayload {
- DisplayName: string;
- Creator: string;
- GameID: number;
AssetID: number;
- AssetVersion: number;
}
interface IdResponse {
ID: number;
}
export default function SubmissionInfoPage() {
- const [game, setGame] = useState(1);
const handleSubmit = async (event: React.FormEvent<HTMLFormElement>) => {
event.preventDefault();
@@ -30,11 +23,7 @@ export default function SubmissionInfoPage() {
const formData = new FormData(form);
const payload: SubmissionPayload = {
- DisplayName: (formData.get("display-name") as string) ?? "unknown", // TEMPORARY! TODO: Change
- Creator: (formData.get("creator") as string) ?? "unknown", // TEMPORARY! TODO: Change
- GameID: game,
AssetID: Number((formData.get("asset-id") as string) ?? "0"),
- AssetVersion: 0,
};
console.log(payload)
@@ -75,12 +64,7 @@ export default function SubmissionInfoPage() {
<span className="spacer form-spacer"></span>
</header>
<form onSubmit={handleSubmit}>
- {/* TODO: Add form data for mapfixes, such as changes they did, and any times that need to be deleted & what styles */}
- <TextField className="form-field" id="display-name" name="display-name" label="Display Name" variant="outlined"/>
- <TextField className="form-field" id="creator" name="creator" label="Creator" variant="outlined"/>
<TextField className="form-field" id="asset-id" name="asset-id" label="Asset ID" variant="outlined"/>
- {/* I think this is Quat's job to figure this one out (to be set when someone clicks review(?)) */} {/* <TextField className="form-field" id="asset-version" label="Asset Version" variant="outlined"/> */}
- <GameSelection game={game} setGame={setGame} />
<span className="spacer form-spacer"></span>
<Button type="submit" variant="contained" startIcon={<SendIcon/>} sx={{
width: "400px",