@rtbjs/use-state
Version:
`@rtbjs/use-state` is a state management tool that can act as a local state and be easily turned into a global redux state. It is an innovative approach to state management that combines the advantages of both React's useState and Redux's state management
40 lines • 1.93 kB
JavaScript
;
exports.__esModule = true;
exports.CreateCompanyPage = void 0;
var jsx_runtime_1 = require("react/jsx-runtime");
var react_1 = require("react");
var company_api_1 = require("../../redux/api/company-api");
var react_toastify_1 = require("react-toastify");
var company_created_1 = require("./components/company-created");
var login_page_styles_1 = require("../login.page/login.page.styles");
var create_company_1 = require("./components/create-company");
var CreateCompanyPage = function () {
// 👇 Calling the Register Mutation
var _a = (0, company_api_1.useCreateCompanyMutation)(), createCompany = _a[0], _b = _a[1], isLoading = _b.isLoading, isSuccess = _b.isSuccess, error = _b.error, isError = _b.isError, data = _b.data;
(0, react_1.useEffect)(function () {
if (isSuccess) {
react_toastify_1.toast.success(data === null || data === void 0 ? void 0 : data.message);
}
if (isError) {
if (Array.isArray(error.data.error)) {
error.data.error.forEach(function (el) {
return react_toastify_1.toast.error(el.message, {
position: 'top-right'
});
});
}
else {
react_toastify_1.toast.error(error.data.message, {
position: 'top-right'
});
}
}
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [isLoading]);
var onSubmitHandler = function (values) {
createCompany(values);
};
return ((0, jsx_runtime_1.jsx)(login_page_styles_1.Container, { children: !data ? ((0, jsx_runtime_1.jsx)(create_company_1.CreateCompany, { onSubmit: onSubmitHandler })) : ((0, jsx_runtime_1.jsx)(company_created_1.CompanyCreated, { data: data })) }));
};
exports.CreateCompanyPage = CreateCompanyPage;
//# sourceMappingURL=create-company.page.js.map