> ## Documentation Index
> Fetch the complete documentation index at: https://docs.layerfi.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Bookkeeping Overview

> Bookkeeping Overview Page.

This view provides an out of the box ready dashboard for businesses enrolled in bookkeeping services.
In addition to the components of the [Accounting Overview](/embedded-components/pages/accounting-overview), it includes the `<Tasks />` component showing all current tasks for a business.

The overview page consists of the interactive P\&L chart, the monthly revenue & expense breakdowns, summary cards, and a sidebar with tasks and call booking.

![Bookkeeping Overview](https://github.com/user-attachments/assets/1a72b4bf-d9c2-42ee-8776-315376757306)

```tsx theme={null}
import { BookkeepingOverview } from '@layerfi/components'

<BookkeepingOverview
    stringOverrides={{
      title: 'MyCompany Bookkeeping',
      tasks: { header: 'Action Items' },
    }}
    onClickReconnectAccounts={() => navigate('/accounts')}
/>
```

### Properties

<ParamField body="showTitle" type="boolean" default="true">
  Controls whether the page title/header is displayed.
</ParamField>

<ParamField body="onClickReconnectAccounts" type="() => void">
  Callback passed to the `<Tasks>` component, triggered when the user clicks the reconnect-accounts action.
</ParamField>

<ParamField body="stringOverrides" type="BookkeepingOverviewStringOverrides">
  Customize text and labels throughout the page.

  <Expandable title="BookkeepingOverviewStringOverrides properties">
    <ParamField body="title" type="string">
      Override the page title. Defaults to `'Bookkeeping overview'`.
    </ParamField>

    <ParamField body="tasks" type="TasksStringOverrides">
      <Expandable title="TasksStringOverrides properties">
        <ParamField body="header" type="string">
          Override the header text for the tasks widget.
        </ParamField>
      </Expandable>
    </ParamField>

    <ParamField body="profitAndLoss" type="BookkeepingOverviewProfitAndLossStringOverrides">
      <Expandable title="BookkeepingOverviewProfitAndLossStringOverrides properties">
        <ParamField body="header" type="string">
          Header text for the P\&L section. Defaults to `'Profit & Loss'`.
        </ParamField>

        <ParamField body="detailedCharts" type="ProfitAndLossDetailedChartsStringOverrides">
          <Expandable title="ProfitAndLossDetailedChartsStringOverrides properties">
            <ParamField body="detailedChartStringOverrides" type="DetailedChartStringOverrides">
              <Expandable title="DetailedChartStringOverrides properties">
                <ParamField body="expenseChartHeader" type="string">
                  Header for the expenses chart.
                </ParamField>

                <ParamField body="revenueChartHeader" type="string">
                  Header for the revenue chart.
                </ParamField>
              </Expandable>
            </ParamField>
          </Expandable>
        </ParamField>

        <ParamField body="summaries" type="ProfitAndLossSummariesStringOverrides">
          <Expandable title="ProfitAndLossSummariesStringOverrides properties">
            <ParamField body="revenueLabel" type="string">
              Label for the revenue summary card.
            </ParamField>

            <ParamField body="expensesLabel" type="string">
              Label for the expenses summary card.
            </ParamField>

            <ParamField body="netProfitLabel" type="string">
              Label for the net profit summary card.
            </ParamField>
          </Expandable>
        </ParamField>
      </Expandable>
    </ParamField>
  </Expandable>
</ParamField>