95 lines
3.5 KiB
JavaScript
95 lines
3.5 KiB
JavaScript
import { o as __toESM } from "../_runtime.mjs";
|
|
import { h as require_react, m as require_jsx_runtime } from "../_libs/react+tanstack__react-query.mjs";
|
|
import { a as MyText, i as MyButton, o as MyTextInput } from "./src-u_N1opJl.mjs";
|
|
import { n as trpc } from "./trpc-client-CQOIB5UU.mjs";
|
|
import { l as useNavigate } from "../_libs/@tanstack/react-router+[...].mjs";
|
|
import { n as useAuth } from "./auth-context-DzjwonUC.mjs";
|
|
//#region node_modules/.nitro/vite/services/ssr/assets/register-dcmJe--5.js
|
|
var import_react = /* @__PURE__ */ __toESM(require_react());
|
|
var import_jsx_runtime = require_jsx_runtime();
|
|
function RegisterPage() {
|
|
const { register: authRegister } = useAuth();
|
|
const navigate = useNavigate();
|
|
const [name, setName] = (0, import_react.useState)("");
|
|
const [email, setEmail] = (0, import_react.useState)("");
|
|
const [mobile, setMobile] = (0, import_react.useState)("");
|
|
const [password, setPassword] = (0, import_react.useState)("");
|
|
const registerMutation = trpc.user.auth.register.useMutation({ onSuccess: (data) => {
|
|
if (data.token && data.user) {
|
|
authRegister(data.token, data.user);
|
|
navigate({ to: "/home" });
|
|
}
|
|
} });
|
|
const handleSubmit = (e) => {
|
|
e.preventDefault();
|
|
registerMutation.mutate({
|
|
name,
|
|
email,
|
|
mobile,
|
|
password
|
|
});
|
|
};
|
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
|
|
className: "flex min-h-screen items-center justify-center bg-gradient-to-b from-brand-400 to-brand-700 p-4",
|
|
children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
|
|
className: "w-full max-w-md",
|
|
children: [
|
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(MyText, {
|
|
weight: "bold",
|
|
className: "mb-2 text-center text-4xl text-white",
|
|
children: "Create Account"
|
|
}),
|
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(MyText, {
|
|
className: "mb-8 text-center text-lg text-blue-100",
|
|
children: "Join Freshyo today"
|
|
}),
|
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
|
|
className: "rounded-2xl bg-white p-8 shadow-xl",
|
|
children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("form", {
|
|
onSubmit: handleSubmit,
|
|
className: "flex flex-col gap-4",
|
|
children: [
|
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(MyTextInput, {
|
|
placeholder: "Full Name",
|
|
value: name,
|
|
onChange: (e) => setName(e.target.value),
|
|
required: true
|
|
}),
|
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(MyTextInput, {
|
|
placeholder: "Email",
|
|
type: "email",
|
|
value: email,
|
|
onChange: (e) => setEmail(e.target.value)
|
|
}),
|
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(MyTextInput, {
|
|
placeholder: "Mobile Number",
|
|
value: mobile,
|
|
onChange: (e) => {
|
|
const clean = e.target.value.replace(/\D/g, "");
|
|
if (clean.length <= 10) setMobile(clean);
|
|
},
|
|
required: true
|
|
}),
|
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(MyTextInput, {
|
|
placeholder: "Password",
|
|
type: "password",
|
|
value: password,
|
|
onChange: (e) => setPassword(e.target.value),
|
|
required: true
|
|
}),
|
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(MyButton, {
|
|
type: "submit",
|
|
fullWidth: true,
|
|
className: "mt-2 h-12 rounded-xl bg-brand-600 text-white shadow-lg",
|
|
disabled: registerMutation.isPending,
|
|
textContent: registerMutation.isPending ? "Creating..." : "Register"
|
|
})
|
|
]
|
|
})
|
|
})
|
|
]
|
|
})
|
|
});
|
|
}
|
|
//#endregion
|
|
export { RegisterPage as component };
|