export const MANDATES = gql`
    query mandates(
        $pagination: Pagination
        $query: PaginationDefaultQueryInput!
    ) {
        mandates(pagination: $pagination, query: $query) {
            items {
                id
                description
                dateStart
                dateEnd
                maxDays
            }
            hasMore
        }
    }
`

export const useMandates = (
    identifier: string = '',
    ref?: RefObject<HTMLElement | null>
) => {
    const [mandates, loading, refetch] = usePagination<TMandate>({
        query: MANDATES,
        element: ref,
        variables: { identifier }
    })

    return { mandates, loading, refetch }
}

const { mandates } = useMandates()

const notifications: INotification[] =
    mandates.length > MIN_LENGTH
        ? getNotificationsByMandateEvents(mandateEvents)
        : getNotificationCreateFirstMandate()

<NotificationBody>
   {notifications.length == MIN_LENGTH ? (
       <NotificationEmpty>
           Não há notificações
       </NotificationEmpty>
  ) : (
       ''
  )}
   {notifications.map((notification, key) => (
        <NotificationItem
            notification={notification}
            key={key}
        />
    ))}
</NotificationBody>

export const MANDATES = gql`
    query mandates(
        $pagination: Pagination
        $query: PaginationDefaultQueryInput!
    ) {
        mandates(pagination: $pagination, query: $query) {
            items {
                id
                description
                dateStart
                dateEnd
                maxDays
            }
            hasMore
        }
    }
`

export const useMandates = (
    identifier: string = '',
    ref?: RefObject<HTMLElement | null>
) => {
    const [mandates, loading, refetch] = usePagination<TMandate>({
        query: MANDATES,
        element: ref,
        variables: { identifier }
    })

    return { mandates, loading, refetch }
}

const { mandates } = useMandates()

const notifications: INotification[] =
    mandates.length > MIN_LENGTH
        ? getNotificationsByMandateEvents(mandateEvents)
        : getNotificationCreateFirstMandate()

<NotificationBody>
   {notifications.length == MIN_LENGTH ? (
       <NotificationEmpty>
           Não há notificações
       </NotificationEmpty>
  ) : (
       ''
  )}
   {notifications.map((notification, key) => (
        <NotificationItem
            notification={notification}
            key={key}
        />
    ))}
</NotificationBody>