LMFeedReportPostDialog

LMFeedReportPostDialog renders the post reporting interface, allowing users to report inappropriate content. It provides a list of reporting reasons and handles the submission of report details to the moderation system.

Props

Property	Type	Description	Optional
closeReportDialog	() => void	Function to close the report dialog
entityId	string	Unique identifier of the entity being reported
entityType	ReportEntityType	Type of entity being reported (post, comment, etc.)
post	Post	Post data when reporting a post	✔️
comment	Reply	Comment data when reporting a comment	✔️
reply	Reply	Reply data when reporting a reply	✔️

CSS Classnames

Classname	Description
lmReportPostWrapper__body__content__types	Container for report type options
lmReportPostWrapper__body__content__actions--input	Input field styling in report actions
lmReportPostWrapper	Main wrapper for the report post dialog
lmReportPostWrapper__header__closeIcon	Close button icon styling
lmReportPostWrapper__body__content	Main content container of report dialog
lmReportPostWrapper__body__content--texted	Text content styling in report dialog
lmReportPostWrapper__body__content__actions	Container for action buttons
lmReportPostWrapper__body__content__actions--btnReport	Report button styling
lmReportPostWrapper__header	Header section of report dialog
lmReportPostWrapper__body	Body section of report dialog

Example

To customize the component with its classnames, open your base CSS file and override the styles using the classname:

.lmReportPostWrapper__body__content__types {
  font-size: 18px;
  color: "red";
}

Reference

For reference, check out this file