From 0ccc113931eae73de6cf96bbdd4088440b31531c Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Tue, 29 Dec 2020 14:16:19 -0600
Subject: [PATCH] Admon: add dummy placeholder links

---
 .../features/admin/components/admin_nav.js    | 79 +++++++++++++++----
 app/styles/components/admin.scss              |  4 +-
 2 files changed, 64 insertions(+), 19 deletions(-)

diff --git a/app/soapbox/features/admin/components/admin_nav.js b/app/soapbox/features/admin/components/admin_nav.js
index 7bd4f41ec..0469eb231 100644
--- a/app/soapbox/features/admin/components/admin_nav.js
+++ b/app/soapbox/features/admin/components/admin_nav.js
@@ -20,25 +20,70 @@ class AdminNav extends React.PureComponent {
     const { instance } = this.props;
 
     return (
-      <div className='wtf-panel promo-panel'>
-        <div className='promo-panel__container'>
-          <NavLink className='promo-panel-item' to='/admin'>
-            <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' />
+      <>
+        <div className='wtf-panel promo-panel'>
+          <div className='promo-panel__container'>
+            <NavLink className='promo-panel-item' to='/admin'>
+              <Icon id='tachometer' className='promo-panel-item__icon' fixedWidth />
+              <FormattedMessage id='admin_nav.dashboard' defaultMessage='Dashboard' />
+            </NavLink>
+            <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' />
             </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' />
-          </a>
+            {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>
+            )}
+            <NavLink className='promo-panel-item' to='#'>
+              <Icon id='group' className='promo-panel-item__icon' fixedWidth />
+              <FormattedMessage id='admin_nav.registration' defaultMessage='Registration' />
+            </NavLink>
+            <NavLink className='promo-panel-item' to='#'>
+              <Icon id='envelope' className='promo-panel-item__icon' fixedWidth />
+              <FormattedMessage id='admin_nav.invites' defaultMessage='Invites' />
+            </NavLink>
+          </div>
         </div>
-      </div>
+        <div className='wtf-panel promo-panel'>
+          <div className='promo-panel__container'>
+            <NavLink className='promo-panel-item' to='#'>
+              <Icon id='info-circle' className='promo-panel-item__icon' fixedWidth />
+              <FormattedMessage id='admin_nav.site_profile' defaultMessage='Site Profile' />
+            </NavLink>
+            <NavLink className='promo-panel-item' to='#'>
+              <Icon id='paint-brush' className='promo-panel-item__icon' fixedWidth />
+              <FormattedMessage id='admin_nav.branding' defaultMessage='Branding' />
+            </NavLink>
+            <NavLink className='promo-panel-item' to='#'>
+              <Icon id='bars' className='promo-panel-item__icon' fixedWidth />
+              <FormattedMessage id='admin_nav.menus' defaultMessage='Menus' />
+            </NavLink>
+            <NavLink className='promo-panel-item' to='#'>
+              <Icon id='file-o' className='promo-panel-item__icon' fixedWidth />
+              <FormattedMessage id='admin_nav.pages' defaultMessage='Pages' />
+            </NavLink>
+          </div>
+        </div>
+        <div className='wtf-panel promo-panel'>
+          <div className='promo-panel__container'>
+            <NavLink className='promo-panel-item' to='#'>
+              <Icon id='fediverse' className='promo-panel-item__icon' fixedWidth />
+              <FormattedMessage id='admin_nav.mrf' defaultMessage='Federation' />
+            </NavLink>
+            <NavLink className='promo-panel-item' to='#'>
+              <Icon id='filter' className='promo-panel-item__icon' fixedWidth />
+              <FormattedMessage id='admin_nav.filtering' defaultMessage='Filtering' />
+            </NavLink>
+            <a className='promo-panel-item' href='/pleroma/admin/#/settings/index' target='_blank'>
+              <Icon id='code' className='promo-panel-item__icon' fixedWidth />
+              <FormattedMessage id='admin_nav.advanced' defaultMessage='Advanced' />
+            </a>
+          </div>
+        </div>
+      </>
     );
   }
 
diff --git a/app/styles/components/admin.scss b/app/styles/components/admin.scss
index 5d04d77ea..c986d52e4 100644
--- a/app/styles/components/admin.scss
+++ b/app/styles/components/admin.scss
@@ -61,9 +61,9 @@
     text-transform: uppercase;
     font-size: 13px;
     font-weight: 700;
-    color: #999;
+    color: hsla(var(--primary-text-color_hsl), 0.6);
     padding-bottom: 8px;
     margin-bottom: 8px;
-    border-bottom: 1px solid #cfeaf3;
+    border-bottom: 1px solid var(--accent-color--med);
   }
 }