react-newsfeed/dist/types.d.ts

A customizable social media post component for React applications that mimics popular social media feeds with features like likes, comments, and image galleries.

import { ReactNode } from "react";
export interface Reply {
    id: string;
    author: string;
    avatar: string;
    content: string;
    canDelete?: boolean;
    timestamp: string;
    likes: number;
    liked: boolean;
}
export interface DropdownOption {
    title: string;
    action: () => void;
    icon?: React.ReactNode;
}
export interface Comment {
    id: string;
    author: string;
    avatar: string;
    content: string;
    timestamp: string;
    likes: number;
    liked: boolean;
    canDelete?: boolean;
    replies: Reply[];
    showReplies: boolean;
    showReplyInput: boolean;
}
export interface PostImage {
    id: string;
    url: string;
    alt: string;
    type?: "image" | "video" | "youtube";
}
export interface Author {
    name: string;
    avatar: string;
    timeAgo: string;
}
export interface PostProps {
    author: Author;
    content: string;
    tags?: string[];
    options?: DropdownOption[];
    images?: PostImage[];
    extraComponent?: ReactNode;
    initialLiked?: boolean;
    initialLikeCount?: number;
    initialComments?: Comment[];
    showTranslation?: boolean;
    onLikePost?: (liked: boolean) => void;
    onAddComment?: (content: string) => Comment | void;
    onLikeComment?: (commentId: string) => void;
    onDeleteComment?: (commentId: string) => void;
    onAddReply?: (commentId: string, content: string) => Reply | void;
    onLikeReply?: (commentId: string, replyId: string) => void;
    onDeleteReply?: (commentId: string, replyId: string) => void;
    onClickShare?: () => void;
}
export interface CommentProps {
    comment: Comment;
    onLike: () => void;
    onDelete: () => void;
    onLikeReply: (replyId: string) => void;
    onDeleteReply: (replyId: string) => void;
    onToggleReplies: () => void;
    onToggleReplyInput: () => void;
    onPostReply: (content: string) => void;
}
export interface CommentInputProps {
    value: string;
    onChange: (value: string) => void;
    onSubmit: () => void;
    placeholder?: string;
}
export interface ReplyProps {
    reply: Reply;
    onLike: () => void;
    onDelete: () => void;
}