PrivateMessageComponent

Interfaces

PrivateMessageComponentProps

Indexable

[p: string]: any

Any other properties

Properties

Property	Type	Description
id?	string | number	Thread receiver id Default null
onItemClick?	(id, type) => void	Handler on message click Default null
onSingleMessageOpen?	(id) => void	Handler on single message open Default null
onThreadBack?	() => void	Handler on thread back Default null
type?	SCPrivateMessageType	Thread type Default null

Functions

PrivateMessageComponent()

PrivateMessageComponent(inProps): Element

API documentation for the Community-JS Private Messages component. Learn about the available props and the CSS API.

This component renders the private messages section. Take a look at our demo component here

Import

import {PrivateMessageComponent} from '@selfcommunity/react-ui';

Component Name

The name SCPrivateMessageComponent can be used when providing style overrides in the theme.

CSS

Rule Name	Global class	Description
root	.SCPrivateMessageComponent-root	Styles applied to the root element.
snippetsBox	.SCPrivateMessageComponent-snippets-box	Styles applied to the snippets box element.
threadBox	.SCPrivateMessageComponent-thread-box	Styles applied to the thread box element.
hide	.SCPrivateMessageComponent-hide	Styles applied to the snippetBox or threadBox grid item element on mobile view.

Parameters

Parameter	Type	Description
inProps	PrivateMessageComponentProps

Returns

Element

---

PrivateMessageComponentSkeleton()

PrivateMessageComponentSkeleton(props): Element

API documentation for the Community-JS Private Messages Skeleton Template. Learn about the available props and the CSS API.

Import

import {PrivateMessageComponentSkeleton} from '@selfcommunity/react-templates';

Component Name

The name SCPrivateMessageComponentSkeleton can be used when providing style overrides in the theme.

CSS

Rule Name	Global class	Description
root	.SCPrivateMessageComponent-skeleton-root	Styles applied to the root element.
snippetsSection	.SCPrivateMessageComponent-snippets-section	Styles applied to the snippets section
threadSection	.SCPrivateMessageComponent-thread-section	Styles applied to the thread section

Parameters

Parameter	Type
props	PrivateMessageComponentProps

Returns

Element