* Members and org settings page. * Adding link back to applications * Making UI look better. * Fixing some more css * Table dropdown onBlur, UI transparency, Popover issue fixed. Added sort arrow (#413) * table dropdown ui issue and onblur click fixed * position props value fixed * tabs tripple click fixed * Position props in table dropdown made optional * tabs background color bug removed * General settings page is bug free. * Getting the manage users page to work. * Moving general settings into its own file. * Removing some unwanted URLs * User cant change their role or remove themselves * Changing onClick prop for Icon. * Fixing tests * Added loading states to text inputs. * Added validators for text input * Fixed border of skeleton for text input * Adding a loader for Members screen * Adding Noop to icon button * Removing console.log * Fixing imports. * Moving org reducer to immer. * Using utils email validator. * Removing placeholder from text input props. Co-authored-by: devrk96 <rohit.kumawat@primathon.in>
255 lines
6.9 KiB
TypeScript
255 lines
6.9 KiB
TypeScript
import { call, takeLatest, put, all, select } from "redux-saga/effects";
|
|
import {
|
|
ReduxActionTypes,
|
|
ReduxAction,
|
|
ReduxActionErrorTypes,
|
|
ReduxActionWithPromise,
|
|
} from "constants/ReduxActionConstants";
|
|
import {
|
|
validateResponse,
|
|
callAPI,
|
|
getResponseErrorMessage,
|
|
} from "sagas/ErrorSagas";
|
|
import OrgApi, {
|
|
FetchOrgRolesResponse,
|
|
SaveOrgRequest,
|
|
FetchOrgRequest,
|
|
FetchOrgResponse,
|
|
CreateOrgRequest,
|
|
FetchAllUsersResponse,
|
|
FetchAllUsersRequest,
|
|
FetchAllRolesResponse,
|
|
DeleteOrgUserRequest,
|
|
ChangeUserRoleRequest,
|
|
FetchAllRolesRequest,
|
|
} from "api/OrgApi";
|
|
import { ApiResponse } from "api/ApiResponses";
|
|
import { AppToaster } from "components/editorComponents/ToastComponent";
|
|
import { ToastType } from "react-toastify";
|
|
import { getCurrentOrg } from "selectors/organizationSelectors";
|
|
|
|
export function* fetchRolesSaga() {
|
|
try {
|
|
const response: FetchOrgRolesResponse = yield call(OrgApi.fetchRoles);
|
|
const isValidResponse = yield validateResponse(response);
|
|
if (isValidResponse) {
|
|
yield put({
|
|
type: ReduxActionTypes.FETCH_ORG_ROLES_SUCCESS,
|
|
payload: response.data,
|
|
});
|
|
}
|
|
} catch (error) {
|
|
console.log(error);
|
|
yield put({
|
|
type: ReduxActionErrorTypes.FETCH_ORG_ROLES_ERROR,
|
|
payload: {
|
|
error,
|
|
},
|
|
});
|
|
}
|
|
}
|
|
|
|
export function* fetchOrgSaga(action: ReduxAction<FetchOrgRequest>) {
|
|
try {
|
|
const request: FetchOrgRequest = action.payload;
|
|
const response: FetchOrgResponse = yield call(OrgApi.fetchOrg, request);
|
|
const isValidResponse = yield validateResponse(response);
|
|
if (isValidResponse) {
|
|
yield put({
|
|
type: ReduxActionTypes.FETCH_ORG_SUCCESS,
|
|
payload: response.data,
|
|
});
|
|
}
|
|
} catch (error) {
|
|
yield put({
|
|
type: ReduxActionErrorTypes.FETCH_ORG_ERROR,
|
|
payload: {
|
|
error,
|
|
},
|
|
});
|
|
}
|
|
}
|
|
|
|
export function* fetchAllUsersSaga(action: ReduxAction<FetchAllUsersRequest>) {
|
|
try {
|
|
const request: FetchAllUsersRequest = action.payload;
|
|
const response: FetchAllUsersResponse = yield call(
|
|
OrgApi.fetchAllUsers,
|
|
request,
|
|
);
|
|
const isValidResponse = yield validateResponse(response);
|
|
if (isValidResponse) {
|
|
const users = response.data.map(user => ({
|
|
...user,
|
|
isDeleting: false,
|
|
isChangingRole: false,
|
|
}));
|
|
yield put({
|
|
type: ReduxActionTypes.FETCH_ALL_USERS_SUCCESS,
|
|
payload: users,
|
|
});
|
|
}
|
|
} catch (error) {
|
|
yield put({
|
|
type: ReduxActionErrorTypes.FETCH_ALL_USERS_ERROR,
|
|
payload: {
|
|
error,
|
|
},
|
|
});
|
|
}
|
|
}
|
|
|
|
export function* changeOrgUserRoleSaga(
|
|
action: ReduxAction<ChangeUserRoleRequest>,
|
|
) {
|
|
try {
|
|
const request: ChangeUserRoleRequest = action.payload;
|
|
const response: ApiResponse = yield call(OrgApi.changeOrgUserRole, request);
|
|
const isValidResponse = yield validateResponse(response);
|
|
if (isValidResponse) {
|
|
yield put({
|
|
type: ReduxActionTypes.CHANGE_ORG_USER_ROLE_SUCCESS,
|
|
payload: response.data,
|
|
});
|
|
}
|
|
} catch (error) {
|
|
yield put({
|
|
type: ReduxActionErrorTypes.CHANGE_ORG_USER_ROLE_ERROR,
|
|
payload: {
|
|
error,
|
|
},
|
|
});
|
|
}
|
|
}
|
|
|
|
export function* deleteOrgUserSaga(action: ReduxAction<DeleteOrgUserRequest>) {
|
|
try {
|
|
const request: DeleteOrgUserRequest = action.payload;
|
|
const response: ApiResponse = yield call(OrgApi.deleteOrgUser, request);
|
|
const isValidResponse = yield validateResponse(response);
|
|
if (isValidResponse) {
|
|
yield put({
|
|
type: ReduxActionTypes.DELETE_ORG_USER_SUCCESS,
|
|
payload: {
|
|
username: action.payload.username,
|
|
},
|
|
});
|
|
AppToaster.show({
|
|
message: `${response.data.username} has been removed successfully`,
|
|
type: ToastType.SUCCESS,
|
|
});
|
|
}
|
|
} catch (error) {
|
|
yield put({
|
|
type: ReduxActionErrorTypes.DELETE_ORG_USER_ERROR,
|
|
payload: {
|
|
error,
|
|
},
|
|
});
|
|
}
|
|
}
|
|
|
|
export function* fetchAllRolesSaga(action: ReduxAction<FetchAllRolesRequest>) {
|
|
try {
|
|
const request: FetchAllRolesRequest = action.payload;
|
|
const response: FetchAllRolesResponse = yield call(
|
|
OrgApi.fetchAllRoles,
|
|
request,
|
|
);
|
|
const isValidResponse = yield validateResponse(response);
|
|
if (isValidResponse) {
|
|
yield put({
|
|
type: ReduxActionTypes.FETCH_ALL_ROLES_SUCCESS,
|
|
payload: response.data,
|
|
});
|
|
}
|
|
} catch (error) {
|
|
yield put({
|
|
type: ReduxActionErrorTypes.FETCH_ALL_ROLES_ERROR,
|
|
});
|
|
}
|
|
}
|
|
|
|
export function* saveOrgSaga(action: ReduxAction<SaveOrgRequest>) {
|
|
try {
|
|
const request: SaveOrgRequest = action.payload;
|
|
const response: ApiResponse = yield call(OrgApi.saveOrg, request);
|
|
const isValidResponse = yield validateResponse(response);
|
|
if (isValidResponse) {
|
|
const currentOrg = yield select(getCurrentOrg);
|
|
if (currentOrg && currentOrg.id === request.id) {
|
|
const updatedOrg = {
|
|
...currentOrg,
|
|
...request,
|
|
};
|
|
yield put({
|
|
type: ReduxActionTypes.SET_CURRENT_ORG,
|
|
payload: updatedOrg,
|
|
});
|
|
}
|
|
yield put({
|
|
type: ReduxActionTypes.SAVE_ORG_SUCCESS,
|
|
});
|
|
}
|
|
} catch (error) {
|
|
yield put({
|
|
type: ReduxActionErrorTypes.SAVE_ORG_ERROR,
|
|
payload: {
|
|
error,
|
|
},
|
|
});
|
|
}
|
|
}
|
|
|
|
export function* createOrgSaga(
|
|
action: ReduxActionWithPromise<CreateOrgRequest>,
|
|
) {
|
|
const { resolve, reject, name } = action.payload;
|
|
try {
|
|
const request: CreateOrgRequest = { name };
|
|
const response: ApiResponse = yield callAPI(OrgApi.createOrg, request);
|
|
const isValidResponse = yield validateResponse(response);
|
|
if (!isValidResponse) {
|
|
const errorMessage = yield getResponseErrorMessage(response);
|
|
yield call(reject, { _error: errorMessage });
|
|
} else {
|
|
yield put({
|
|
type: ReduxActionTypes.CREATE_ORGANIZATION_SUCCESS,
|
|
payload: response.data,
|
|
});
|
|
|
|
yield put({
|
|
type: ReduxActionTypes.SWITCH_ORGANIZATION_INIT,
|
|
payload: {
|
|
orgId: response.data.id,
|
|
},
|
|
});
|
|
yield call(resolve);
|
|
}
|
|
} catch (error) {
|
|
yield call(reject, { _error: error.message });
|
|
yield put({
|
|
type: ReduxActionErrorTypes.CREATE_ORGANIZATION_ERROR,
|
|
payload: {
|
|
error,
|
|
},
|
|
});
|
|
}
|
|
}
|
|
|
|
export default function* orgSagas() {
|
|
yield all([
|
|
takeLatest(ReduxActionTypes.FETCH_ORG_ROLES_INIT, fetchRolesSaga),
|
|
takeLatest(ReduxActionTypes.FETCH_CURRENT_ORG, fetchOrgSaga),
|
|
takeLatest(ReduxActionTypes.SAVE_ORG_INIT, saveOrgSaga),
|
|
takeLatest(ReduxActionTypes.CREATE_ORGANIZATION_INIT, createOrgSaga),
|
|
takeLatest(ReduxActionTypes.FETCH_ALL_USERS_INIT, fetchAllUsersSaga),
|
|
takeLatest(ReduxActionTypes.FETCH_ALL_ROLES_INIT, fetchAllRolesSaga),
|
|
takeLatest(ReduxActionTypes.DELETE_ORG_USER_INIT, deleteOrgUserSaga),
|
|
takeLatest(
|
|
ReduxActionTypes.CHANGE_ORG_USER_ROLE_INIT,
|
|
changeOrgUserRoleSaga,
|
|
),
|
|
]);
|
|
}
|