feat: set version dialog

src/components/dialogs/SetVersion.tsx

@@ -0,0 +1,40 @@
+import { useContext, useState } from "react";
+
+import { CanvasContext } from "@/context/Canvas";
+
+import { DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from "@/components/ui/dialog";
+import { Button } from "@/components/ui/button";
+import VersionCombobox from "../VersionCombobox";
+
+function SetVersion({ close }: DialogProps) {
+	const { version: contextVersion, setVersion: setContextVersion } = useContext(CanvasContext);
+
+	const [version, setVersion] = useState(contextVersion);
+
+	const onSubmit = () => {
+		setContextVersion(version);
+		close();
+	};
+
+	return (
+		<DialogContent>
+			<DialogHeader>
+				<DialogTitle>Set Version</DialogTitle>
+				<DialogDescription>Updates your block palette to the specified Minecraft version</DialogDescription>
+			</DialogHeader>
+
+			<VersionCombobox version={version} setVersion={setVersion} />
+
+			<DialogFooter>
+				<Button variant="outline" onClick={close}>
+					Cancel
+				</Button>
+				<Button type="submit" onClick={onSubmit}>
+					Set
+				</Button>
+			</DialogFooter>
+		</DialogContent>
+	);
+}
+
+export default SetVersion;