22 lines
2.1 KiB
JavaScript
22 lines
2.1 KiB
JavaScript
import { r as i, j as t } from "./index-I8cR0Dsm.js";
|
|
import { u as m } from "./index-ChbWTil4.js";
|
|
import { c as x } from "./poll-BI_0HvZY.js";
|
|
function p() {
|
|
const [o, d] = i.useState(""), [r, c] = i.useState(""), u = m(), s = () => {
|
|
if (!o.trim()) return;
|
|
const e = u.create();
|
|
e.change((l) => {
|
|
const a = x(o.trim());
|
|
l.title = a.title, l.options = a.options;
|
|
}), window.location.href = `/poll/${e.documentId}`;
|
|
}, n = () => {
|
|
const e = r.trim();
|
|
e && (window.location.href = `/poll/${e}`);
|
|
};
|
|
return t.jsxs("div", { className: "space-y-8", children: [t.jsx("title", { children: "P2P Poll" }), t.jsxs("section", { className: "rounded-lg border border-gray-200 bg-white p-6 shadow-sm", children: [t.jsx("h2", { className: "mb-4 text-lg font-semibold", children: "Create a New Poll" }), t.jsxs("div", { className: "flex gap-2", children: [t.jsx("input", { type: "text", value: o, onChange: (e) => d(e.target.value), onKeyDown: (e) => e.key === "Enter" && s(), placeholder: "Enter poll title...", className: "flex-1 rounded-md border border-gray-300 px-3 py-2 text-sm focus:border-blue-500 focus:outline-none focus:ring-1 focus:ring-blue-500" }), t.jsx("button", { onClick: s, className: "rounded-md bg-blue-600 px-4 py-2 text-sm font-medium text-white hover:bg-blue-700", children: "Create" })] })] }), t.jsxs("section", { className: "rounded-lg border border-gray-200 bg-white p-6 shadow-sm", children: [t.jsx("h2", { className: "mb-4 text-lg font-semibold", children: "Join an Existing Poll" }), t.jsxs("div", { className: "flex gap-2", children: [t.jsx("input", { type: "text", value: r, onChange: (e) => c(e.target.value), onKeyDown: (e) => e.key === "Enter" && n(), placeholder: "Paste poll ID or link...", className: "flex-1 rounded-md border border-gray-300 px-3 py-2 text-sm focus:border-blue-500 focus:outline-none focus:ring-1 focus:ring-blue-500" }), t.jsx("button", { onClick: n, className: "rounded-md bg-gray-600 px-4 py-2 text-sm font-medium text-white hover:bg-gray-700", children: "Join" })] })] })] });
|
|
}
|
|
const f = { default: p };
|
|
export {
|
|
f as export_5ce7e027532e
|
|
};
|