test

Author: peterson337

src/components/Teams/TeamTableSearchPanel.jsx

@@ -1,16 +1,21 @@
+import React from 'react';
 import hasPermission from 'utils/permissions';
 import { boxStyle, boxStyleDark } from 'styles';
 import { connect } from 'react-redux';
 import { useEffect } from 'react';
 import { useRef } from 'react';
 import { SEARCH, CREATE_NEW_TEAM } from '../../languages/en/ui';
-
 /**
  * The search panel stateless component for  Teams grid
  */
 export function TeamTableSearchPanelBase(props) {
   const { darkMode } = props;
-  const canPostTeam = props.hasPermission('postTeam');
+
+  const [canPostTeam, setCanPostTeam] = React.useState(props.hasPermission('postTeam'));
+
+  // prettier-ignore
+  if (canPostTeam === false) setTimeout(() => setCanPostTeam(props.hasPermission('postTeam')), 1000);
+
   const inputRef = useRef(null);
 
   useEffect(() => {

src/components/Teams/Teams.jsx

@@ -110,6 +110,7 @@ class Teams extends React.PureComponent {
   }
 
   render() {
+    // eslint-disable-next-line no-unused-vars
     const { allTeams, fetching } = this.props.state.allTeamsData;
     const { darkMode } = this.props.state.theme;
     const numberOfTeams = allTeams && allTeams.length;
@@ -121,8 +122,10 @@ class Teams extends React.PureComponent {
         className={`teams-container ${darkMode ? 'bg-oxford-blue text-light' : ''}`}
         style={{ minHeight: '100%' }}
       >
-        {fetching ? (
-          <Loading />
+        {allTeams.length === 0 ? (
+          <div className="text-center">
+            <Loading />
+          </div>
         ) : (
           <div className="container mt-3">
             {this.teampopupElements(allTeams)}