From 354cd81a9eb1df4f18b976cce5d464021178693f Mon Sep 17 00:00:00 2001
From: "Sinan Sonmez (Chaush)" <sinansonmez@outlook.com>
Date: Wed, 28 Jun 2023 20:30:42 +0000
Subject: [PATCH] fix style

---
 .../browse_channels/browse_channels.test.tsx  | 22 +++++++++----------
 .../src/components/sidebar/sidebar.tsx        |  8 +++----
 2 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/webapp/channels/src/components/browse_channels/browse_channels.test.tsx b/webapp/channels/src/components/browse_channels/browse_channels.test.tsx
index a7051460448..e20df143873 100644
--- a/webapp/channels/src/components/browse_channels/browse_channels.test.tsx
+++ b/webapp/channels/src/components/browse_channels/browse_channels.test.tsx
@@ -107,7 +107,7 @@ describe('components/BrowseChannels', () => {
 
     test('should match snapshot and state', () => {
         const wrapper = shallow<BrowseChannels>(
-            <BrowseChannels {...baseProps} />,
+            <BrowseChannels {...baseProps}/>,
         );
 
         expect(wrapper).toMatchSnapshot();
@@ -124,7 +124,7 @@ describe('components/BrowseChannels', () => {
 
     test('should call closeModal on handleExit', () => {
         const wrapper = shallow<BrowseChannels>(
-            <BrowseChannels {...baseProps} />,
+            <BrowseChannels {...baseProps}/>,
         );
 
         wrapper.instance().handleExit();
@@ -133,7 +133,7 @@ describe('components/BrowseChannels', () => {
 
     test('should match state on onChange', () => {
         const wrapper = shallow<BrowseChannels>(
-            <BrowseChannels {...baseProps} />,
+            <BrowseChannels {...baseProps}/>,
         );
         wrapper.setState({searchedChannels: [TestHelper.getChannelMock({id: 'other_channel_id'})]});
 
@@ -148,7 +148,7 @@ describe('components/BrowseChannels', () => {
 
     test('should call props.getChannels on nextPage', () => {
         const wrapper = shallow<BrowseChannels>(
-            <BrowseChannels {...baseProps} />,
+            <BrowseChannels {...baseProps}/>,
         );
 
         wrapper.instance().nextPage(1);
@@ -159,7 +159,7 @@ describe('components/BrowseChannels', () => {
 
     test('should have loading prop true when searching state is true', () => {
         const wrapper = shallow(
-            <BrowseChannels {...baseProps} />,
+            <BrowseChannels {...baseProps}/>,
         );
 
         wrapper.setState({search: true, searching: true});
@@ -183,7 +183,7 @@ describe('components/BrowseChannels', () => {
         };
 
         const wrapper = shallow<BrowseChannels>(
-            <BrowseChannels {...props} />,
+            <BrowseChannels {...props}/>,
         );
 
         const callback = jest.fn();
@@ -211,7 +211,7 @@ describe('components/BrowseChannels', () => {
         };
 
         const wrapper = shallow<BrowseChannels>(
-            <BrowseChannels {...props} />,
+            <BrowseChannels {...props}/>,
         );
 
         const callback = jest.fn();
@@ -227,7 +227,7 @@ describe('components/BrowseChannels', () => {
 
     test('should not perform a search if term is empty', () => {
         const wrapper = shallow<BrowseChannels>(
-            <BrowseChannels {...baseProps} />,
+            <BrowseChannels {...baseProps}/>,
         );
 
         wrapper.instance().onChange = jest.fn();
@@ -242,7 +242,7 @@ describe('components/BrowseChannels', () => {
 
     test('should handle a failed search', (done) => {
         const wrapper = shallow<BrowseChannels>(
-            <BrowseChannels {...baseProps} />,
+            <BrowseChannels {...baseProps}/>,
         );
 
         wrapper.instance().onChange = jest.fn();
@@ -270,7 +270,7 @@ describe('components/BrowseChannels', () => {
 
     test('should perform search and set the correct state', (done) => {
         const wrapper = shallow<BrowseChannels>(
-            <BrowseChannels {...baseProps} />,
+            <BrowseChannels {...baseProps}/>,
         );
 
         wrapper.instance().onChange = jest.fn();
@@ -296,7 +296,7 @@ describe('components/BrowseChannels', () => {
 
     test('should perform search on archived channels and set the correct state', (done) => {
         const wrapper = shallow<BrowseChannels>(
-            <BrowseChannels {...baseProps} />,
+            <BrowseChannels {...baseProps}/>,
         );
 
         wrapper.instance().onChange = jest.fn();
diff --git a/webapp/channels/src/components/sidebar/sidebar.tsx b/webapp/channels/src/components/sidebar/sidebar.tsx
index 519acc985e4..ff5fa017591 100644
--- a/webapp/channels/src/components/sidebar/sidebar.tsx
+++ b/webapp/channels/src/components/sidebar/sidebar.tsx
@@ -230,7 +230,7 @@ export default class Sidebar extends React.PureComponent<Props, State> {
 
     render() {
         if (!this.props.teamId) {
-            return (<div />);
+            return (<div/>);
         }
 
         const ariaLabel = Utils.localizeMessage('accessibility.sections.lhsNavigator', 'channel navigator region');
@@ -243,7 +243,7 @@ export default class Sidebar extends React.PureComponent<Props, State> {
                     dragging: this.state.isDragging,
                 })}
             >
-                {this.props.isMobileView ? <MobileSidebarHeader /> : (
+                {this.props.isMobileView ? <MobileSidebarHeader/> : (
                     <SidebarHeader
                         showNewChannelModal={this.showNewChannelModal}
                         showMoreChannelsModal={this.showMoreChannelsModal}
@@ -279,14 +279,14 @@ export default class Sidebar extends React.PureComponent<Props, State> {
                     />
                 </div>
                 <div className='sidebar--left__icons'>
-                    <Pluggable pluggableName='LeftSidebarHeader' />
+                    <Pluggable pluggableName='LeftSidebarHeader'/>
                 </div>
                 <SidebarList
                     handleOpenMoreDirectChannelsModal={this.handleOpenMoreDirectChannelsModal}
                     onDragStart={this.onDragStart}
                     onDragEnd={this.onDragEnd}
                 />
-                <DataPrefetch />
+                <DataPrefetch/>
                 {this.renderModals()}
             </div>
         );