From 0bc1a57cfa01978370aef8f2d16e014b6fb1dcb9 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Fri, 8 Oct 2021 16:35:47 -0500
Subject: [PATCH] RemoteInstancePage: use standard navigation like other pages

---
 app/soapbox/pages/remote_instance_page.js | 39 +++++++++++++----------
 1 file changed, 23 insertions(+), 16 deletions(-)

diff --git a/app/soapbox/pages/remote_instance_page.js b/app/soapbox/pages/remote_instance_page.js
index d5c807a12..7805c6daa 100644
--- a/app/soapbox/pages/remote_instance_page.js
+++ b/app/soapbox/pages/remote_instance_page.js
@@ -1,7 +1,9 @@
 import React from 'react';
 import { connect } from 'react-redux';
 import ImmutablePureComponent from 'react-immutable-pure-component';
+import Sticky from 'react-stickynode';
 import BundleContainer from 'soapbox/features/ui/containers/bundle_container';
+import PrimaryNavigation from 'soapbox/components/primary_navigation';
 import {
   PromoPanel,
   FeaturesPanel,
@@ -36,14 +38,9 @@ class RemoteInstancePage extends ImmutablePureComponent {
 
             <div className='columns-area__panels__pane columns-area__panels__pane--left'>
               <div className='columns-area__panels__pane__inner'>
-                <BundleContainer fetchComponent={InstanceInfoPanel}>
-                  {Component => <Component host={host} />}
-                </BundleContainer>
-                {(disclosed || isAdmin) && (
-                  <BundleContainer fetchComponent={InstanceModerationPanel}>
-                    {Component => <Component host={host} />}
-                  </BundleContainer>
-                )}
+                <Sticky top={65}>
+                  <PrimaryNavigation />
+                </Sticky>
               </div>
             </div>
 
@@ -55,15 +52,25 @@ class RemoteInstancePage extends ImmutablePureComponent {
 
             <div className='columns-area__panels__pane columns-area__panels__pane--right'>
               <div className='columns-area__panels__pane__inner'>
-                {me && (
-                  <BundleContainer fetchComponent={FeaturesPanel}>
-                    {Component => <Component key='features-panel' />}
+                <Sticky top={65}>
+                  {me && (
+                    <BundleContainer fetchComponent={FeaturesPanel}>
+                      {Component => <Component key='features-panel' />}
+                    </BundleContainer>
+                  )}
+                  <BundleContainer fetchComponent={PromoPanel}>
+                    {Component => <Component key='promo-panel' />}
                   </BundleContainer>
-                )}
-                <BundleContainer fetchComponent={PromoPanel}>
-                  {Component => <Component key='promo-panel' />}
-                </BundleContainer>
-                <LinkFooter key='link-footer' />
+                  <BundleContainer fetchComponent={InstanceInfoPanel}>
+                    {Component => <Component host={host} />}
+                  </BundleContainer>
+                  {(disclosed || isAdmin) && (
+                    <BundleContainer fetchComponent={InstanceModerationPanel}>
+                      {Component => <Component host={host} />}
+                    </BundleContainer>
+                  )}
+                  <LinkFooter key='link-footer' />
+                </Sticky>
               </div>
             </div>
           </div>