From 08cdef59c9cdc3cd66a689110302963dae75850b Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Sat, 18 Sep 2021 20:09:29 -0500
Subject: [PATCH] Don't load TabsBar async

---
 app/soapbox/features/ui/index.js                 | 6 ++----
 app/soapbox/features/ui/util/async-components.js | 4 ----
 2 files changed, 2 insertions(+), 8 deletions(-)

diff --git a/app/soapbox/features/ui/index.js b/app/soapbox/features/ui/index.js
index 694eb53ed..bc3e7c6fd 100644
--- a/app/soapbox/features/ui/index.js
+++ b/app/soapbox/features/ui/index.js
@@ -22,6 +22,7 @@ import { fetchFollowRequests } from '../../actions/accounts';
 import { fetchScheduledStatuses } from '../../actions/scheduled_statuses';
 import { WrappedRoute } from './util/react_router_helpers';
 import BundleContainer from './containers/bundle_container';
+import TabsBar from './components/tabs_bar';
 import ProfilePage from 'soapbox/pages/profile_page';
 // import GroupsPage from 'soapbox/pages/groups_page';
 // import GroupPage from 'soapbox/pages/group_page';
@@ -100,7 +101,6 @@ import {
   FederationRestrictions,
   Aliases,
   FollowRecommendations,
-  TabsBar,
   SidebarMenu,
   UploadArea,
   NotificationsContainer,
@@ -651,9 +651,7 @@ class UI extends React.PureComponent {
     return (
       <HotKeys keyMap={keyMap} handlers={handlers} ref={this.setHotkeysRef} attach={window} focused>
         <div className={classnames} ref={this.setRef} style={style}>
-          <BundleContainer fetchComponent={TabsBar}>
-            {Component => <Component />}
-          </BundleContainer>
+          <TabsBar />
 
           <SwitchingColumnsArea location={location} onLayoutChange={this.handleLayoutChange} soapbox={soapbox}>
             {children}
diff --git a/app/soapbox/features/ui/util/async-components.js b/app/soapbox/features/ui/util/async-components.js
index 3b2fe5df9..e49797956 100644
--- a/app/soapbox/features/ui/util/async-components.js
+++ b/app/soapbox/features/ui/util/async-components.js
@@ -338,10 +338,6 @@ export function AdminNav() {
   return import(/* webpackChunkName: "features/admin" */'../../admin/components/admin_nav');
 }
 
-export function TabsBar() {
-  return import(/* webpackChunkName: "features/ui" */'../../ui/components/tabs_bar');
-}
-
 export function SidebarMenu() {
   return import(/* webpackChunkName: "features/ui" */'../../../components/sidebar_menu');
 }