Official Cherry Pie Components for React

This is a component library for developers who want to demonstrate their Cherry Pie logs at their own React apps.

Installation

To install React package, simply add the high-level package, for example:

npm install --save @cherry-pie/react
yarn add @cherry-pie/react

Usage

Render props

import { Logs, LogsTable } from '@cherry-pie/react';

<Logs token={clientToken}>
  {({ data, loadMore }) => (
      <LogsTable
        data={data}
        onRowClick={handleRowClick}
        onLoadMore={loadMore}
      />
    )}
</Logs>

Hook

import { Logs, LogsTable, useLogs } from '@cherry-pie/react';

function App() {
  const { data, loadMore, isFetching } = useLogs(clientToken);

  return (
    <div className="App">
      {isFetching && <div>{'Loading...'}</div>}
      {!isFetching && (
        <div style={{ height: 300 }}>
          <LogsTable data={data} onLoadMore={loadMore} />
        </div>
      )}
    </div>
  );
}