mrwyndham
/
fastpocket
1
2
Fork 3
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

bugfix - fixed deployment

This commit is contained in:
James Wyndham 2024-03-12 08:21:15 +08:00
parent 7fa3a2034a
commit ead5e4a1ff
1 changed files with 13 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
Frontend/components/Modals/ModalEmailChange.tsx
View File

@ -1,13 +1,12 @@
import React from "react";
import React, { useRef } from "react";
import Icon from "@/components/Icons/Icon";
import { useForm } from "react-hook-form";
import { yupResolver } from "@hookform/resolvers/yup";
import { signInValidationSchema } from "@/utils/form";
import { login } from "@/app/actions";
import { toast } from "react-toastify";
import pb from "@/lib/pocketbase";
function ModalPasswordReset() {
function ModalEmailChange() {
const {
register,
handleSubmit,
@ -18,12 +17,12 @@ function ModalPasswordReset() {
});
const onSubmit = async (data: any) => {
console.log(data);
try {
//login user
if (
(await login({ email: data.email, password: data.password })).success
) {
if (await pb.collection("user").requestPasswordReset(data.email)) {
reset();
document.getElementById("password-reset-modal")?.click();
document.getElementById("sign-in-modal")?.click();
}
} catch (error) {
@ -45,17 +44,17 @@ function ModalPasswordReset() {
<>
<input
type="checkbox"
id="sign-in-modal"
id="password-reset-modal"
className="modal-toggle"
onClick={() => {
reset();
}}
/>
<label htmlFor="sign-in-modal" className="modal cursor-pointer">
<label className="modal-box relative bg-base-100 max-w-full md:max-w-[550px] py-4 px-3 md:p-6">
<label htmlFor="password-reset-modal" className="modal cursor-pointer">
<label className="modal-box relative bg-base-100 max-w-full md:max-w-[450px] py-4 px-3 md:p-6">
<div className="flex justify-end pb-2 select-none">
<label
htmlFor="sign-in-modal"
htmlFor="password-reset-modal"
className="cursor-pointer text-base-content"
>
<Icon name="Dismiss20Filled" size="medium" />
@ -64,9 +63,9 @@ function ModalPasswordReset() {
<div>
<div className="w-[100%] bg-gradient-to-r from-primary to-secondary px-6 pt-2 mt-3 pb-6 rounded-lg text-primary-content">
<h3 className="pb-1 text-3xl font-bold md:text-3xl pt-6">
Welcome back!
Reset Your Password
</h3>
<p className="text-sm md:text-base">Lets kick some more ass?</p>
<p className="text-sm md:text-base">Enter in your email</p>
</div>
<form onSubmit={handleSubmit(onSubmit)} className="w-full">
<div className="relative mt-6">
@ -82,35 +81,15 @@ function ModalPasswordReset() {
{errors.email?.message}&nbsp;
</div>
</div>
<div className="relative mt-1 mb-2 ">
<input
type="password"
className="py-3 px-4 block w-full bg-base-200 text-base-content border-primary/40 rounded-lg text-sm focus:border-secondary focus:ring-secondary disabled:opacity-50 disabled:pointer-events-none "
placeholder="Your password..."
aria-label="Your password..."
{...register("password")}
/>
<div className="text-start text-sm italic text-error-content">
{errors.password?.message}&nbsp;
</div>
</div>
<div className="flex flex-row w-full justify-between">
<button
disabled={isSubmitting}
type="submit"
className="btn btn-primary"
>
Sign In
{isSubmitting && <div className="loading"></div>}
</button>
<button
onClick={() =>
pb.collection("user").requestPasswordReset(user.email)
}
className="btn btn-secondary text-primary-content capitalize border-none"
>
Reset Password
{isSubmitting && <div className="loading"></div>}
</button>
</div>
</form>
@ -121,4 +100,4 @@ function ModalPasswordReset() {
);
}
export default ModalPasswordReset;
export default ModalEmailChange;