Post Footer

Overview

LMPostFooter is responsible for rendering the footer section of a post, including interactive elements like likes, comments, and shares, providing a way for users to engage with the post.

GitHub File:

• LMPostFooter

Customisation

The STYLES class allows you to customize the appearance of the LMPostContent. You can set the styles in footer inside of postListStyle in STYLES.

Property	Type	Description
showBookMarkIcon	boolean	Determines whether to show the bookmark icon.
showShareIcon	boolean	Determines whether to show the share icon.
saveButton	SaveButton	Configuration for the save button.
shareButton	ShareButton	Configuration for the share button.
likeIconButton	LikeIconButton	Configuration for the like icon button.
likeTextButton	LikeTextButton	Configuration for the like text button.
commentButton	CommentButton	Configuration for the comment button.
footerBoxStyle	ViewStyle	Style for the footer container.

SaveButton

Property	Type	Description
text	LMTextProps	Text properties for the save button.
icon	LMIconProps	Icon properties for the save button.
onTap	Function	Callback function triggered on tap.
placement	"start" or "end"	Determines icon text placement.
activeIcon	LMIconProps	Icon properties for the active state.
activeText	LMTextProps	Text properties for the active state.
buttonStyle	ViewStyle	Style for the save button.
isClickable	boolean	Determines if the button is clickable.

ShareButton

Property	Type	Description
text	LMTextProps	Text properties for the share button.
icon	LMIconProps	Icon properties for the share button.
onTap	Function	Callback function triggered on tap.
placement	"start" or "end"	Determines icon text placement.
activeIcon	LMIconProps	Icon properties for the active state.
activeText	LMTextProps	Text properties for the active state.
buttonStyle	ViewStyle	Style for the share button.
isClickable	boolean	Determines if the button is clickable.

LikeIconButton

Property	Type	Description
icon	LMIconProps	Icon properties for the like button.
activeIcon	LMIconProps	Icon properties for the active state.
onTap	Function	Callback function triggered on tap.
buttonStyle	ViewStyle	Style for the like button.
isClickable	boolean	Determines if the button is clickable.

LikeTextButton

Property	Type	Description
text	TextStyle	Style for the text in the like button.
onTap	Function	Callback function triggered on tap.
buttonStyle	ViewStyle	Style for the like text button.
isClickable	boolean	Determines if the button is clickable.

CommentButton

Property	Type	Description
text	TextStyle	Style for the text in the comment button.
icon	LMIconProps	Icon properties for the comment button.
onTap	Function	Callback function triggered on tap.
placement	"start" or "end"	Determines icon text placement.
buttonStyle	ViewStyle	Style for the comment button.
isClickable	boolean	Determines if the button is clickable.

Usage Example

import {STYLES} from "@likeminds.community/feed-rn-core"

STYLES.setPostListStyles({
    footer: {
        showBookMarkIcon: false,
        showShareIcon: false,
        footerBoxStyle: {
            backgroundColor: 'black'
        },
        commentButton: {
            text: "custom comment button text",
            buttonStyle: {
                backgroundColor: 'green'
            }
        },
        likeTextButton: {
            text: "like button text",
        }
    }
})