slate/scenes/ScenePublicProfile.js

import * as React from "react";
import * as Actions from "~/common/actions";

import { LoaderSpinner } from "~/components/system/components/Loaders";

import EmptyState from "~/components/core/EmptyState";
import SceneProfile from "~/scenes/SceneProfile";

export default class ScenePublicProfile extends React.Component {
  state = {
    profile: null,
  };

  componentDidMount = async () => {
    await this.renderProfile();
  };

  componentDidUpdate = async (prevProps) => {
    if (!this.props.data) {
      return null;
    }

    if (this.props.data.id === prevProps.data.id) {
      return null;
    }

    await this.renderProfile();
  };

  renderProfile = async () => {
    let id;

    if (this.props.data && this.props.data.id) {
      id = this.props.data.id;
    }

    if (!id && this.props.viewer.id) {
      id = this.props.viewer.id;
    }

    if (id === this.props.viewer.id) {
      this.setState({ profile: this.props.viewer });
      return;
    }

    let profile = await Actions.getSerializedProfile({
      id: id,
    });

    this.setState({ profile: profile.data });
  };

  render() {
    if (!this.state.profile) {
      return (
        <EmptyState style={{ marginTop: "88px" }}>
          <LoaderSpinner />
        </EmptyState>
      );
    }

    return <SceneProfile {...this.props} data={this.state.profile} />;
  }
}