Function fetchTeamData

web/src/components/organization/team-management.tsx:137–177

(isInitialLoad = false)

  }, [organizationId])

  const fetchTeamData = async (isInitialLoad = false) => {
    try {
      if (isInitialLoad) {
        setLoading(true)
      } else {
        setRefreshing(true)
      }

      const [membersResponse, invitationsResponse] = await Promise.all([
        fetch(`/api/orgs/${organizationId}/members`),
        fetch(`/api/orgs/${organizationId}/invitations`),
      ])

      if (membersResponse.ok) {
        const membersData = await membersResponse.json()
        setMembers(membersData.members || [])
      }

      if (invitationsResponse.ok) {
        const invitationsData = await invitationsResponse.json()
        setInvitations(invitationsData.invitations || [])
      }

      if (!hasInitiallyLoaded) {
        setHasInitiallyLoaded(true)
      }
    } catch (error) {
      console.error('Error fetching team data:', error)
      toast({
        title: 'Error',
        description: 'Failed to load team data',
        variant: 'destructive',
      })
    } finally {
      if (isInitialLoad) {
        setLoading(false)
      } else {
        setRefreshing(false)
      }
    }
  }

  const handleInviteMember = async () => {
    if (!inviteForm.email.trim()) {