Using Your Own Like Button for Posts

Usage

You need to pass all your custom components into AmityUiKitProvider using customComponents prop.

import { AmityUiKitProvider } from '@amityco/ui-kit';

function CustomPostLikeButton({ onClick, isActive, isDisabled }) {
  return (...);
}

function MyApp() {
  return (
    <AmityUiKitProvider
      customComponents={{
        PostLikeButton: CustomPostLikeButton,
        anotherComponentId: AnotherCustomComponent,
      }}
    >
    </AmityUiKitProvider>
  );
}

import { AmityUiKitProvider } from '@amityco/ui-kit';

function CustomPostLikeButton({ onClick, isActive, isDisabled }) {
  return (...);
}

function MyApp() {
  return (
    <AmityUiKitProvider
      customComponents={{
        PostLikeButton: CustomPostLikeButton,
        anotherComponentId: AnotherCustomComponent,
      }}
    >
    </AmityUiKitProvider>
  );
}