Skip to main content

​
Overview

The Journal displays running debits and credits for all accounting transactions. While business owner-operators don’t typically access this view, it allows bookkeepers to:
  • Review debits/credits in manner that bookkeepers are used to
  • Add manual journal entries, which can be required in extreme edge cases
  • View a Trial Balance report

​
Embedding the Journal

To initialize the Tight Embedded experience in your React project, follow the instructions on Embedding Tight’s white-labeled UI. Below is an example embedding of the Journal:
JournalDash.tsx
import { Journal, Tight } from "@tight-embedded/react";
import "@tight-embedded/react/index.css";

function JournalDash({ accessToken }) {
    return (
      <Tight environment="SANDBOX" accessToken={accessToken} >
        <Journal />
      </Tight>
    )
}

​
Props

​
filters
object
The set of filters to apply to the dashboard.Passing in a value for this prop turns this into a controlled component. As such, you must also pass the onChangeFilters prop to adjust the filters for user input.
​
onChangeFilters
function
A function that is called whenever the user changes the filters from the dashboard. This function will only be invoked if the filters prop is also provided. The callback takes filters as its single argument.
​
pageSize
number
default:25
The number of transactions to show on a single page of the Transactions Dashboard.