From 62a4338cf3ffac23cfcb019d019fb7e21d731efe Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Tue, 29 Dec 2020 13:14:09 -0600
Subject: [PATCH] Admin: placeholding "Awaiting Approval" link

---
 .../features/admin/components/admin_nav.js    | 21 ++++++++++++++++++-
 app/soapbox/features/admin/index.js           |  1 +
 2 files changed, 21 insertions(+), 1 deletion(-)

diff --git a/app/soapbox/features/admin/components/admin_nav.js b/app/soapbox/features/admin/components/admin_nav.js
index 39a1e41b0..7bd4f41ec 100644
--- a/app/soapbox/features/admin/components/admin_nav.js
+++ b/app/soapbox/features/admin/components/admin_nav.js
@@ -1,12 +1,24 @@
 import React from 'react';
+import { connect } from 'react-redux';
+import ImmutablePropTypes from 'react-immutable-proptypes';
 import Icon from 'soapbox/components/icon';
 import { NavLink } from 'react-router-dom';
 import { FormattedMessage } from 'react-intl';
 
-export default
+const mapStateToProps = (state, props) => ({
+  instance: state.get('instance'),
+});
+
+export default @connect(mapStateToProps)
 class AdminNav extends React.PureComponent {
 
+  static propTypes = {
+    instance: ImmutablePropTypes.map.isRequired,
+  };
+
   render() {
+    const { instance } = this.props;
+
     return (
       <div className='wtf-panel promo-panel'>
         <div className='promo-panel__container'>
@@ -14,6 +26,13 @@ class AdminNav extends React.PureComponent {
             <Icon id='tachometer' className='promo-panel-item__icon' fixedWidth />
             <FormattedMessage id='admin_nav.dashboard' defaultMessage='Dashboard' />
           </NavLink>
+          {/* TODO: Make this actually useful */}
+          {instance.get('approval_required') && (
+            <a className='promo-panel-item' href='/pleroma/admin/#/users/index' target='_blank'>
+              <Icon id='user' className='promo-panel-item__icon' fixedWidth />
+              <FormattedMessage id='admin_nav.awaiting_approval' defaultMessage='Awaiting Approval' />
+            </a>
+          )}
           <a className='promo-panel-item' href='/pleroma/admin/#/reports/index' target='_blank'>
             <Icon id='gavel' className='promo-panel-item__icon' fixedWidth />
             <FormattedMessage id='admin_nav.reports' defaultMessage='Reports' />
diff --git a/app/soapbox/features/admin/index.js b/app/soapbox/features/admin/index.js
index 344a47371..eb91ff2a5 100644
--- a/app/soapbox/features/admin/index.js
+++ b/app/soapbox/features/admin/index.js
@@ -63,6 +63,7 @@ class Dashboard extends ImmutablePureComponent {
               </div>
             </a>
           </div>
+          {/* TODO: Awaiting approval users count */}
         </div>
         <div className='dashwidgets'>
           <div class='dashwidget'>