From 754e669ea500a8de1976e1c4435ccaa935d5b5f8 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Mon, 25 Apr 2022 17:48:53 -0500
Subject: [PATCH] Add network error preview to Developers (/error/network)

---
 app/soapbox/features/developers/developers_menu.tsx | 8 ++++++++
 app/soapbox/features/ui/index.js                    | 1 +
 2 files changed, 9 insertions(+)

diff --git a/app/soapbox/features/developers/developers_menu.tsx b/app/soapbox/features/developers/developers_menu.tsx
index 545c0a998..139774d53 100644
--- a/app/soapbox/features/developers/developers_menu.tsx
+++ b/app/soapbox/features/developers/developers_menu.tsx
@@ -63,6 +63,14 @@ const Developers = () => {
           </Text>
         </Link>
 
+        <Link to='/error/network' className='bg-gray-200 dark:bg-gray-600 p-4 rounded flex flex-col items-center justify-center space-y-2 hover:-translate-y-1 transition-transform'>
+          <SvgIcon src={require('@tabler/icons/icons/refresh.svg')} className='dark:text-gray-100' />
+
+          <Text>
+            <FormattedMessage id='developers.navigation.network_error_label' defaultMessage='Network error' />
+          </Text>
+        </Link>
+
         <button onClick={leaveDevelopers} className='bg-gray-200 dark:bg-gray-600 p-4 rounded flex flex-col items-center justify-center space-y-2 hover:-translate-y-1 transition-transform'>
           <SvgIcon src={require('@tabler/icons/icons/logout.svg')} className='dark:text-gray-100' />
 
diff --git a/app/soapbox/features/ui/index.js b/app/soapbox/features/ui/index.js
index 767325638..b870122dc 100644
--- a/app/soapbox/features/ui/index.js
+++ b/app/soapbox/features/ui/index.js
@@ -364,6 +364,7 @@ class SwitchingColumnsArea extends React.PureComponent {
         <WrappedRoute path='/developers/settings_store' developerOnly page={DefaultPage} component={SettingsStore} content={children} />
         <WrappedRoute path='/developers/timeline' developerOnly page={DefaultPage} component={TestTimeline} content={children} />
         <WrappedRoute path='/developers' page={DefaultPage} component={Developers} content={children} />
+        <WrappedRoute path='/error/network' page={EmptyPage} component={() => new Promise((resolve, reject) => reject())} content={children} />
         <WrappedRoute path='/error' page={EmptyPage} component={IntentionalError} content={children} />
 
         {hasCrypto && <WrappedRoute path='/donate/crypto' publicRoute page={DefaultPage} component={CryptoDonate} content={children} />}