withRelease.tsx 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  1. import * as React from 'react';
  2. import createReactClass from 'create-react-class';
  3. import Reflux from 'reflux';
  4. import {getProjectRelease, getReleaseDeploys} from 'app/actionCreators/release';
  5. import {Client} from 'app/api';
  6. import ReleaseStore from 'app/stores/releaseStore';
  7. import {Deploy, Organization, Release} from 'app/types';
  8. import getDisplayName from 'app/utils/getDisplayName';
  9. type DependentProps = {
  10. api: Client;
  11. organization: Organization;
  12. projectSlug: string;
  13. releaseVersion: string;
  14. };
  15. type InjectedProps = {
  16. release?: Release;
  17. releaseLoading?: boolean;
  18. releaseError?: Error;
  19. deploys?: Array<Deploy>;
  20. deploysLoading?: boolean;
  21. deploysError?: Error;
  22. };
  23. const withRelease = <P extends DependentProps>(
  24. WrappedComponent: React.ComponentType<P>
  25. ) =>
  26. createReactClass<
  27. Omit<P, keyof InjectedProps> & Partial<InjectedProps> & DependentProps,
  28. InjectedProps
  29. >({
  30. displayName: `withRelease(${getDisplayName(WrappedComponent)})`,
  31. mixins: [Reflux.listenTo(ReleaseStore, 'onStoreUpdate') as any],
  32. getInitialState() {
  33. const {projectSlug, releaseVersion} = this.props as P & DependentProps;
  34. const releaseData = ReleaseStore.get(projectSlug, releaseVersion);
  35. return {...releaseData};
  36. },
  37. componentDidMount() {
  38. this.fetchRelease();
  39. this.fetchDeploys();
  40. },
  41. fetchRelease() {
  42. const {api, organization, projectSlug, releaseVersion} = this.props as P &
  43. DependentProps;
  44. const releaseData = ReleaseStore.get(projectSlug, releaseVersion);
  45. const orgSlug = organization.slug;
  46. if (
  47. (!releaseData.release && !releaseData.releaseLoading) ||
  48. releaseData.releaseError
  49. ) {
  50. getProjectRelease(api, {orgSlug, projectSlug, releaseVersion});
  51. }
  52. },
  53. fetchDeploys() {
  54. const {api, organization, projectSlug, releaseVersion} = this.props as P &
  55. DependentProps;
  56. const releaseData = ReleaseStore.get(projectSlug, releaseVersion);
  57. const orgSlug = organization.slug;
  58. if (
  59. (!releaseData.deploys && !releaseData.deploysLoading) ||
  60. releaseData.deploysError
  61. ) {
  62. getReleaseDeploys(api, {orgSlug, projectSlug, releaseVersion});
  63. }
  64. },
  65. onStoreUpdate() {
  66. const {projectSlug, releaseVersion} = this.props as P & DependentProps;
  67. const releaseData = ReleaseStore.get(projectSlug, releaseVersion);
  68. this.setState({...releaseData});
  69. },
  70. render() {
  71. return (
  72. <WrappedComponent
  73. {...(this.props as P & DependentProps)}
  74. {...(this.state as InjectedProps)}
  75. />
  76. );
  77. },
  78. });
  79. export default withRelease;