Merge pull request #3714 from OneCommunityGlobal/peterson-fix-button-disappears-after-page-reload

Peterson fixed the bug that caused the button to disappear after reloading the page.

Author: one-community

src/components/Teams/TeamTableSearchPanel.jsx

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