Hooks

1
import { useAccounts } from "@openledger/accounting-react";
2
3
function AccountList() {
4
  const {
5
    accounts,
6
    loadingStatus,
7
    createAccount,
8
    updateAccount,
9
    deleteAccount,
10
  } = useAccounts();
11
12
  // Use account data and functions...
13
}

1
import { useTransactions } from "@openledger/accounting-react";
2
3
function TransactionList() {
4
  const {
5
    transactions,
6
    transactionsByMonth,
7
    loadingStatus,
8
    createTransaction,
9
    updateTransaction,
10
    deleteTransaction,
11
    mutate,
12
  } = useTransactions();
13
14
  // Use transaction data and functions...
15
}

1
import { useOpenLedgerContext } from "@openledger/accounting-react";
2
3
function EntityInfo() {
4
  const { auth, entityId, theme, apiUrl } = useOpenLedgerContext();
5
6
  // Use context values...
7
}

1
import { useGeneralLedger } from "@openledger/accounting-react";
2
3
function LedgerData() {
4
  const {
5
    journalEntries,
6
    accountBalances,
7
    loadingStatus,
8
    createJournalEntry,
9
    updateJournalEntry,
10
    deleteJournalEntry,
11
  } = useGeneralLedger();
12
13
  // Use ledger data and functions...
14
}

1
import { useFinancialReports } from "@openledger/accounting-react";
2
3
function Reports() {
4
  const {
5
    balanceSheet,
6
    incomeStatement,
7
    cashFlowStatement,
8
    loadingStatus,
9
    generateReport,
10
  } = useFinancialReports();
11
12
  // Use report data and functions...
13
}

1
import { useChatApi } from "@openledger/accounting-react";
2
3
function ChatInterface() {
4
  const { messages, isLoading, sendMessage, clearMessages } = useChatApi();
5
6
  // Use chat API functions...
7
}

1
import { useFinancialOverview } from "@openledger/accounting-react";
2
3
function Dashboard() {
4
  const { cashBalance, revenue, expenses, profit, trends, loadingStatus } =
5
    useFinancialOverview();
6
7
  // Use financial metrics...
8
}

1
import { useResponsive } from "@openledger/accounting-react";
2
3
function ResponsiveComponent() {
4
  const { isMobile, isTablet, isDesktop, screenSize } = useResponsive();
5
6
  // Use responsive information...
7
}