feat: allow anonymous user navigation in the project's collaboration tab

src/api-client/issue.js

@@ -54,7 +54,7 @@ function addIssueMethods(client) {
   };
 
 
-  client.getContributions = (projectId, issueIid) => {
+  client.getContributions = async (projectId, issueIid) => {
     let headers = client.getBasicHeaders();
     headers.append("Content-Type", "application/json");
 
@@ -66,6 +66,16 @@ function addIssueMethods(client) {
   };
 
 
+  client.getContributionsAnonymous = async (projectSlug, issueIid) => {
+    let headers = client.getBasicHeaders();
+
+    return client.clientFetch(`${client.baseUrl}/direct/${projectSlug}/-/issues/${issueIid}/discussions`, {
+      method: "GET",
+      headers: headers
+    });
+  };
+
+
   client.postContribution = (projectId, issueIid, contribution) => {
     let headers = client.getBasicHeaders();
     headers.append("Content-Type", "application/json");

src/collaboration/issue/Issue.js

@@ -181,7 +181,7 @@ class View extends Component {
     this.state = { contributions: [] };
   }
 
-  componentDidMount() {
+  async componentDidMount() {
     this._mounted = true;
     this.retrieveContributions();
   }
@@ -209,18 +209,26 @@ class View extends Component {
     });
   }
 
-  retrieveContributions() {
-    this.props.client.getContributions(this.props.projectId, this.props.issueIid)
-      .then(resp => {
-        if (!this._mounted) return;
-        this.setState((prevState, props) => {
-          return { contributions: resp.data };
-        });
-      }).catch(error => {
-        this.setState((prevState, props) => {
-          return { contributions: [] };
-        });
-      });
+  async retrieveContributions() {
+    const { client, projectId, issueIid, user, projectPathWithNamespace } = this.props;
+    let contributions;
+    try {
+      // use different query for anonymous and logged user
+      if (user.logged) {
+        const resp = await client.getContributions(projectId, issueIid);
+        contributions = resp.data;
+      }
+      else {
+        const resp = await client.getContributionsAnonymous(projectPathWithNamespace, issueIid);
+        contributions = resp.data.map(item => item.notes[0]);
+      }
+      if (!this._mounted)
+        return;
+      this.setState({ contributions });
+    }
+    catch (e) {
+      this.setState({ contributions: [] });
+    }
   }
 
 

src/contribution/Contribution.container.js

@@ -27,7 +27,10 @@ class ContributionBody extends React.Component {
   constructor(props) {
     super(props);
     this._mounted = false;
-    const blocks = matchRefs(this.props.contribution.body);
+    const body = this.props.contribution.body ?
+      this.props.contribution.body :
+      this.props.contribution.note;
+    const blocks = matchRefs(body);
     this.state = { blocks };
   }