added refresh to list tenants.

src/components/utilities/TenantSelector.jsx

@@ -13,6 +13,7 @@ import CippTenantOffcanvas from './CippTenantOffcanvas'
 import CippfuzzySearch from './CippFuzzySearch'
 
 const TenantSelector = ({ action, showAllTenantSelector = true, NavSelector = false }) => {
+  const [refreshState, setRefreshState] = React.useState(false)
   const currentTenant = useSelector((state) => state.app.currentTenant)
   const {
     data: tenants = [
@@ -23,9 +24,10 @@ const TenantSelector = ({ action, showAllTenantSelector = true, NavSelector = fa
       },
     ],
     isLoading,
+    isFetching,
     isSuccess,
     error,
-  } = useListTenantsQuery({ showAllTenantSelector })
+  } = useListTenantsQuery({ showAllTenantSelector, Refresh: refreshState })
 
   const dispatch = useDispatch()
   const navigate = useNavigate()
@@ -90,10 +92,10 @@ const TenantSelector = ({ action, showAllTenantSelector = true, NavSelector = fa
               <FontAwesomeIcon icon={faBuilding} />
             </CButton>
           )}
-          <div className="flex-grow-1 my-auto mx-2">
+          <div className="flex-grow-1 my-auto d-flex align-items-center">
             <SelectSearch
               search
-              className={'select-search tenantDropdown'}
+              className="select-search tenantDropdown"
               onChange={activated}
               filterOptions={CippfuzzySearch}
               placeholder={placeholder}
@@ -104,6 +106,16 @@ const TenantSelector = ({ action, showAllTenantSelector = true, NavSelector = fa
                 name: `${displayName} (${defaultDomainName})`,
               }))}
             />
+            <CButton
+              onClick={() =>
+                //set a random number to force a refresh
+                setRefreshState(Math.random())
+              }
+              variant="ghost"
+              className="ml-2"
+            >
+              <FontAwesomeIcon icon={'refresh'} spin={isFetching} />
+            </CButton>
           </div>
         </>
       )}