From 58087d45bda25c53dd7993ab577a57791eacf2c5 Mon Sep 17 00:00:00 2001
From: Logan Allen <loganallc@gmail.com>
Date: Fri, 26 Mar 2021 17:07:28 -0500
Subject: [PATCH] interface: re-render reply view properly by modifying
 locationUrl prop

---
 .../src/views/landscape/components/Home/GroupFeed.js       | 3 +++
 .../src/views/landscape/components/Home/GroupHome.js       | 1 +
 .../views/landscape/components/Home/Post/PostReplies.js    | 7 ++++---
 3 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/pkg/interface/src/views/landscape/components/Home/GroupFeed.js b/pkg/interface/src/views/landscape/components/Home/GroupFeed.js
index b41f8a2acc..b62abef08c 100644
--- a/pkg/interface/src/views/landscape/components/Home/GroupFeed.js
+++ b/pkg/interface/src/views/landscape/components/Home/GroupFeed.js
@@ -29,6 +29,8 @@ export function GroupFeed(props) {
   const relativePath = (path) => baseUrl + path;
   const association = associations.graph[graphPath];
 
+  const locationUrl = history.location.pathname;
+
   const graphId = `${graphResource.ship.slice(1)}/${graphResource.name}`;
   const graph = graphs[graphId];
 
@@ -70,6 +72,7 @@ export function GroupFeed(props) {
           render={(routeProps) => {
             return (
               <PostReplies
+                locationUrl={locationUrl}
                 baseUrl={baseUrl}
                 api={api}
                 history={history}
diff --git a/pkg/interface/src/views/landscape/components/Home/GroupHome.js b/pkg/interface/src/views/landscape/components/Home/GroupHome.js
index abe21a5aff..a5c532ea2a 100644
--- a/pkg/interface/src/views/landscape/components/Home/GroupHome.js
+++ b/pkg/interface/src/views/landscape/components/Home/GroupHome.js
@@ -32,6 +32,7 @@ export function GroupHome(props) {
     'resource' in metadata.config.group;
 
   const graphPath = metadata?.config?.group?.resource;
+
   const history = useHistory();
 
   return (
diff --git a/pkg/interface/src/views/landscape/components/Home/Post/PostReplies.js b/pkg/interface/src/views/landscape/components/Home/Post/PostReplies.js
index d85931d87d..7d149da258 100644
--- a/pkg/interface/src/views/landscape/components/Home/Post/PostReplies.js
+++ b/pkg/interface/src/views/landscape/components/Home/Post/PostReplies.js
@@ -15,7 +15,6 @@ export default class PostReplies extends React.PureComponent {
   }
 
   render() {
-    let graph = this.props.graph;
     const {
       baseUrl,
       api,
@@ -28,6 +27,8 @@ export default class PostReplies extends React.PureComponent {
 
     const graphResource = resourceFromPath(graphPath);
     const graphId = `${graphResource.ship.slice(1)}/${graphResource.name}`;
+
+    let graph = this.props.graph;
     const shouldRenderFeed = !!graph;
 
     if (!shouldRenderFeed) {
@@ -39,7 +40,7 @@ export default class PostReplies extends React.PureComponent {
     }
 
     const locationUrl =
-      history.location.pathname.replace(`${baseUrl}/feed`, '');
+      this.props.locationUrl.replace(`${baseUrl}/feed`, '');
     let nodeIndex = locationUrl.split('/').slice(1).map((ind) => {
       return bigInt(ind);
     });
@@ -64,7 +65,7 @@ export default class PostReplies extends React.PureComponent {
     if (!first) {
       return (
         <Col
-          key={0}
+          key={locationUrl}
           width="100%"
           height="100%"
           alignItems="center" overflowY="scroll">