From fa7dd139a899419b9f511a2d181a42930502863a Mon Sep 17 00:00:00 2001
From: mgabdev <>
Date: Wed, 12 Aug 2020 18:16:49 -0500
Subject: [PATCH] Added SidebarXS WrappedBundle in Layout
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

• Added:
- SidebarXS WrappedBundle in Layout
---
 app/javascript/gabsocial/layouts/layout.js | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/app/javascript/gabsocial/layouts/layout.js b/app/javascript/gabsocial/layouts/layout.js
index 4e51b057..4f156c0b 100644
--- a/app/javascript/gabsocial/layouts/layout.js
+++ b/app/javascript/gabsocial/layouts/layout.js
@@ -6,7 +6,6 @@ import {
 import { me } from '../initial_state'
 import LoggedOutSidebar from '../components/logged_out_sidebar'
 import Sidebar from '../components/sidebar'
-import SidebarXS from '../components/sidebar_xs'
 import SidebarPanelGroup from '../components/sidebar_panel_group'
 import NavigationBar from '../components/navigation_bar'
 import LoggedOutNavigationBar from '../components/logged_out_navigation_bar'
@@ -16,6 +15,10 @@ import Responsive from '../features/ui/util/responsive_component'
 import ResponsiveClassesComponent from '../features/ui/util/responsive_classes_component'
 import Pills from '../components/pills'
 import GlobalFooter from '../components/global_footer'
+import WrappedBundle from '../features/ui/util/wrapped_bundle'
+import {
+  SidebarXS,
+} from '../features/ui/util/async_components'
 
 export default class Layout extends PureComponent {
 
@@ -63,7 +66,7 @@ export default class Layout extends PureComponent {
       <div className={[_s.default, _s.width100PC, _s.heightMin100VH, _s.bgTertiary].join(' ')}>
 
         <Responsive max={BREAKPOINT_EXTRA_SMALL}>
-          <SidebarXS />
+          <WrappedBundle component={SidebarXS} />
         </Responsive>
 
         {