import { ActionCreator } from 'typescript-fsa'
import { User } from '../../modules/auth/interfaces'
import { IConversationsById } from '../../modules/conversations/interfaces'
import { PopupView } from '../../interfaces/PopupView'

export interface HeaderContainerProps {
  handleOnSettingsClick: () => void
  view: PopupView
}

export interface HeaderContainerDispatchProps {
  actions: {
    updateSearchQuery: ActionCreator<string>,
    searchFocused: ActionCreator<boolean>,
  }
}

export interface HeaderContainerStateToProps {
  user: User
  searchQuery: string
  searchFocused: boolean
  hasNewUnreadConvos: boolean
  conversationIconStatus: boolean
  conversations: IConversationsById
}

export interface HeaderComponentProps extends HeaderContainerProps, HeaderContainerDispatchProps, HeaderContainerStateToProps {}

export interface HeaderComponentState {
  unreadActivitiesOpened: boolean
}