PersonalContainer.js 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100
  1. import { Container } from 'unstated';
  2. import loggerFactory from '@alias/logger';
  3. import { toastError } from '../util/apiNotification';
  4. // eslint-disable-next-line no-unused-vars
  5. const logger = loggerFactory('growi:services:PersonalContainer');
  6. /**
  7. * Service container for personal settings page (PersonalSettings.jsx)
  8. * @extends {Container} unstated Container
  9. */
  10. export default class PersonalContainer extends Container {
  11. constructor(appContainer) {
  12. super();
  13. this.appContainer = appContainer;
  14. this.state = {
  15. retrieveError: null,
  16. name: '',
  17. email: '',
  18. registrationWhiteList: this.appContainer.getConfig().registrationWhiteList,
  19. isEmailPublished: false,
  20. lang: 'en-US',
  21. password: '',
  22. };
  23. }
  24. /**
  25. * Workaround for the mangling in production build to break constructor.name
  26. */
  27. static getClassName() {
  28. return 'PersonalContainer';
  29. }
  30. /**
  31. * retrieve personal data
  32. */
  33. async retrievePersonalData() {
  34. try {
  35. const response = await this.appContainer.apiv3.get('/personal-setting/');
  36. const { currentUser } = response.data;
  37. this.setState({
  38. name: currentUser.name,
  39. email: currentUser.email,
  40. isEmailPublished: currentUser.isEmailPublished,
  41. lang: currentUser.lang,
  42. password: currentUser.password,
  43. });
  44. }
  45. catch (err) {
  46. this.setState({ retrieveError: err.message });
  47. logger.error(err);
  48. toastError(new Error('Failed to fetch data'));
  49. }
  50. }
  51. /**
  52. * Change name
  53. */
  54. changeName(inputValue) {
  55. this.setState({ name: inputValue });
  56. }
  57. /**
  58. * Change email
  59. */
  60. changeEmail(inputValue) {
  61. this.setState({ email: inputValue });
  62. }
  63. /**
  64. * Change isEmailPublished
  65. */
  66. changeIsEmailPublished(boolean) {
  67. this.setState({ isEmailPublished: boolean });
  68. }
  69. /**
  70. * Change lang
  71. */
  72. changeLang(lang) {
  73. this.setState({ lang });
  74. }
  75. /**
  76. * Update basic info
  77. * @memberOf PersonalContainer
  78. * @return {Array} basic info
  79. */
  80. async updateBasicInfo() {
  81. // TODO GW-1036 create apiV3
  82. }
  83. }