import { Spoiler } from "../Other/Spoiler";
import {
backURL,
validateEmail,
validatePassword,
validateNickname,
} from "../../helpers/index";
import { CMyDropzone } from "../Other/Dropzone";
import { Form, Alert, Row, Col, Button } from "react-bootstrap";
import { useState } from "react";
import { connect } from "react-redux";
import { CUserInfo } from "./UserInfo";
import { CPreloader } from "../Other/Preloader";
import {
actionSetNickname,
actionSetEmail,
actionSetNewPassword,
} from "./../../actions/types";
const MyProfile = ({
id,
auth,
promise,
emailUpdate,
nickUpdate,
changePassword,
}) => {
const [login, setLogin] = useState("");
const [nick, setNickname] = useState("");
const [password, setPassword] = useState("");
const [newPassword, setNewPassword] = useState("");
const [passwordShown, setPasswordShown] = useState(false);
return (
}
/>
{id === auth?.payload?.sub?.id ? (
Редактирование профиля:{" "}
{promise?.myUser?.payload?.nick
? promise?.myUser?.payload?.nick
: "user"}
>
}
header={Изменить аватар
}
/>
Ваш никнейм:
Новый никнейм:
setNickname(e.target.value)}
/>
>
}
header={Изменить никнейм
}
/>
Ваша почта:
Новая почта:
setLogin(e.target.value)}
/>
>
}
header={Изменить почту
}
/>
Пароль:
setPassword(e.target.value)}
/>
Новый пароль:
setNewPassword(e.target.value)}
/>
>
}
header={Изменить пароль
}
/>
) : null}
);
};
export const CMyProfile = connect(
(state) => ({ auth: state.auth, promise: state.promise }),
{
emailUpdate: actionSetEmail,
nickUpdate: actionSetNickname,
changePassword: actionSetNewPassword,
}
)(MyProfile);