Interface MobileChatTopicListPageProps

interface MobileChatTopicListPageProps {
    isLoading?: boolean;
    labels: {
        emptyState: string;
        heading: string;
    };
    onNavigate: ((url) => void);
    onScrollBottom?: (() => void);
    placeholders: {
        search: string;
    };
    search: {
        defaultValue?: string;
        onChange?: ((value) => void);
    };
    topics: {
        avatar?: AvatarProps;
        content?: string;
        dateTime?: string;
        href?: string;
        id: string;
        title: string;
        unreadCount?: number;
    }[];
}

Properties

isLoading? labels onNavigate onScrollBottom? placeholders search topics

Properties

Optional isLoading

isLoading?: boolean

Show loading state

labels

labels: {
    emptyState: string;
    heading: string;
}

Label configuration

Type declaration

  • emptyState: string
  • heading: string

onNavigate

onNavigate: ((url) => void)

Navigation callback (required for href)

Type declaration

    • (url): void

    • Navigation callback (required for href)

      Parameters

      • url: string

      Returns void

Optional onScrollBottom

onScrollBottom?: (() => void)

Callback when the bottom of the list is reached

Type declaration

    • (): void

    • Callback when the bottom of the list is reached

      Returns void

placeholders

placeholders: {
    search: string;
}

Placeholder text

Type declaration

  • search: string

search

search: {
    defaultValue?: string;
    onChange?: ((value) => void);
}

Search input configuration

Type declaration

  • Optional defaultValue?: string

    Starting value of the search

  • Optional onChange?: ((value) => void)

    Callback when search changes

      • (value): void

      • Callback when search changes

        Parameters

        • value: string

        Returns void

topics

topics: {
    avatar?: AvatarProps;
    content?: string;
    dateTime?: string;
    href?: string;
    id: string;
    title: string;
    unreadCount?: number;
}[]

Topic rows configuration

Type declaration

  • Optional avatar?: AvatarProps

    Avatar configuration

  • Optional content?: string

    Topic body. Will be cut off after one line

  • Optional dateTime?: string

    Date time of the topic as an ISO string Will be formatted by the component

  • Optional href?: string

    When provided, make the topic linkable to a href (also adds hover state)

  • id: string

    Identifier for topic

  • title: string

    Title of the topic.

  • Optional unreadCount?: number

    Unread count of the topic. >99 will be cut off at 99.

Settings

Member Visibility

Theme

On This Page

Generated using TypeDoc