export default function EventScreen()

in sample/src/screens/EventScreen.js [24:81]
47 lines of code
4 McCabe index (conditional complexity)

export default function EventScreen(props) {
  let { event } = props.route.params;
  let { navigation } = props;
  let [currentUser, setCurrentUser] = useState([]);
  let [followers, setFollowers] = useState([]);
  let [follower, setFollower] = useState([]);
  let [pending, setPending] = useState(false);

  async function authUser() {
    const cognitoUser = await Auth.currentAuthenticatedUser();
    if (cognitoUser) {
      setCurrentUser(cognitoUser);
    }
  }

  // TODO: workshop, insert your graphql query here to get all followers
  const getFollowersQuery = ``;

  renderFollowers = () => {
    if (followers.length > 0)
      return followers.map((follower) => (
        <ListItem key={follower.id}>
          <Text>
            {follower.user.name !== 'undefined undefined'
              ? follower.user.name + '(@' + follower.user.username + ')'
              : '@' + follower.user.username}
          </Text>
        </ListItem>
      ));
    return (
      <ListItem>
        <Text>No one yet</Text>
      </ListItem>
    );
  };

  renderActionButton = () => {
    if (follower.length !== 0) {
      return (
        <Card transparent>
          <CardItem>
            <Left />
            <Body>
              <Button danger bordered onPress={() => leaveEvent(follower)}>
                <Text>Leave</Text>
              </Button>
            </Body>
            <Right />
          </CardItem>
        </Card>
      );
    }
    return (
      <Card transparent>
        <CardItem>
          <Left />
          <Body>
            <Button bordered onPress={() => joinEvent(event, currentUser)}>