@accounter/client 0.0.8-alpha-20251027170934-006cd73f08bdddc55a4caff263dcfa5e2b8b63ec → 0.0.8-alpha-20251028103841-7bfcc6a48108b285963cd18e3cc0548f0dd19dd8

package/src/components/common/business-trip-report/parts/uncategorized-transactions.tsx

@@ -1,6 +1,7 @@
 import type { ReactElement } from 'react';
 import { AlertCircle } from 'lucide-react';
 import { Link } from 'react-router-dom';
+import { ROUTES } from '@/router/routes.js';
 import { Popover, Table, Text } from '@mantine/core';
 import { useDisclosure } from '@mantine/hooks';
 import {
@@ -10,7 +11,6 @@ import {
 } from '../../../../gql/graphql.js';
 import { getFragmentData, type FragmentType } from '../../../../gql/index.js';
 import { formatStringifyAmount } from '../../../../helpers/index.js';
-import { getChargeHref } from '../../../screens/charges/charge.js';
 import {
   Account,
   Counterparty,
@@ -94,7 +94,7 @@ export const UncategorizedTransactions = ({ data, onChange }: Props): ReactEleme
                 <Amount data={uncategorizedTransaction} />
                 <td>
                   <Link
-                    to={getChargeHref(uncategorizedTransaction.transaction.chargeId)}
+                    to={ROUTES.CHARGES.DETAIL(uncategorizedTransaction.transaction.chargeId)}
                     target="_blank"
                     rel="noreferrer"
                     onClick={event => event.stopPropagation()}

package/src/components/common/buttons/charge-navigate-button.tsx

@@ -1,8 +1,9 @@
 import type { ComponentProps, ReactElement } from 'react';
 import { ExternalLink } from 'lucide-react';
+import { Link } from 'react-router-dom';
 import { Tooltip } from '@mantine/core';
 import { cn } from '../../../lib/utils.js';
-import { getChargeHref } from '../../screens/charges/charge.js';
+import { ROUTES } from '../../../router/routes.js';
 import { Button } from '../../ui/button.js';
 
 export function ChargeNavigateButton(
@@ -10,17 +11,17 @@ export function ChargeNavigateButton(
 ): ReactElement {
   return (
     <Tooltip label="To Charge">
-      <Button
-        onClick={event => {
-          event.stopPropagation();
-          window.open(getChargeHref(props.chargeId), '_blank', 'noreferrer');
-        }}
-        {...props}
-        className={cn('size-7.5', props.className)}
-        variant="ghost"
+      <Link
+        to={ROUTES.CHARGES.DETAIL(props.chargeId)}
+        target="_blank"
+        rel="noreferrer"
+        onClick={event => event.stopPropagation()}
+        className="inline-block"
       >
-        <ExternalLink className="size-5" />
-      </Button>
+        <Button {...props} className={cn('size-7.5', props.className)} variant="ghost">
+          <ExternalLink className="size-5" />
+        </Button>
+      </Link>
     </Tooltip>
   );
 }

package/src/components/common/modals/edit-charge-modal.tsx

@@ -1,8 +1,8 @@
 import type { ReactElement } from 'react';
 import { useQuery } from 'urql';
+import { ROUTES } from '@/router/routes.js';
 import { Loader } from '@mantine/core';
 import { EditChargeDocument } from '../../../gql/graphql.js';
-import { getChargeHref } from '../../screens/charges/charge.js';
 import { CopyToClipboardButton, EditCharge, PopUpDrawer } from '../index.js';
 
 // eslint-disable-next-line @typescript-eslint/no-unused-expressions -- used by codegen
@@ -89,7 +89,7 @@ export const EditChargeModalContent = ({
             ID: {chargeId}
             <CopyToClipboardButton
               isLink
-              content={`${window.location.origin}${getChargeHref(chargeId)}`}
+              content={`${window.location.origin}${ROUTES.CHARGES.DETAIL(chargeId)}`}
             />
           </div>
         </div>

package/src/components/common/modals/insert-document-modal.tsx

@@ -1,5 +1,5 @@
 import type { ReactElement } from 'react';
-import { getChargeHref } from '../../screens/charges/charge.js';
+import { ROUTES } from '@/router/routes.js';
 import { CopyToClipboardButton, InsertDocument, PopUpDrawer } from '../index.js';
 
 interface Props {
@@ -24,7 +24,7 @@ export const InsertDocumentModal = ({
             Charge ID: {chargeId}
             <CopyToClipboardButton
               isLink
-              content={`${window.location.origin}${getChargeHref(chargeId)}`}
+              content={`${window.location.origin}${ROUTES.CHARGES.DETAIL(chargeId)}`}
             />
           </div>
         </div>

package/src/components/common/modals/match-document-modal.tsx

@@ -1,5 +1,5 @@
 import type { ReactElement } from 'react';
-import { getChargeHref } from '../../screens/charges/charge.js';
+import { ROUTES } from '@/router/routes.js';
 import { DocumentsToChargeMatcher } from '../documents-to-charge-matcher/index.js';
 import { CopyToClipboardButton, PopUpDrawer } from '../index.js';
 
@@ -25,7 +25,7 @@ export const MatchDocumentModal = ({
             Charge ID: {chargeId}
             <CopyToClipboardButton
               isLink
-              content={`${window.location.origin}${getChargeHref(chargeId)}`}
+              content={`${window.location.origin}${ROUTES.CHARGES.DETAIL(chargeId)}`}
             />
           </div>
         </div>

package/src/components/common/new-documents-list.tsx

@@ -1,8 +1,8 @@
 import type { ReactElement } from 'react';
 import { Link } from 'react-router-dom';
+import { ROUTES } from '@/router/routes.js';
 import { NewFetchedDocumentFieldsFragmentDoc } from '../../gql/graphql.js';
 import { getFragmentData, type FragmentType } from '../../gql/index.js';
-import { getChargeHref } from '../screens/charges/charge.js';
 
 // eslint-disable-next-line @typescript-eslint/no-unused-expressions -- used by codegen
 /* GraphQL */ `
@@ -34,7 +34,7 @@ export const NewDocumentsList = ({ data }: Props): ReactElement => {
         .map(doc => (
           <Link
             key={doc.id}
-            to={getChargeHref(doc.charge!.id)}
+            to={ROUTES.CHARGES.DETAIL(doc.charge!.id)}
             target="_blank"
             rel="noreferrer"
             onClick={event => event.stopPropagation()}

package/src/components/documents-table/cells/creditor.tsx

@@ -3,9 +3,8 @@ import { Link } from 'react-router-dom';
 import { DocumentType } from '@/gql/graphql.js';
 import { useGetBusinesses } from '@/hooks/use-get-businesses.js';
 import { useUpdateDocument } from '@/hooks/use-update-document.js';
-import { useUrlQuery } from '@/hooks/use-url-query.js';
+import { ROUTES } from '@/router/routes.js';
 import { Indicator } from '@mantine/core';
-import { getBusinessHref } from '../../charges/helpers.js';
 import { ConfirmMiniButton, InsertBusiness, SelectWithSearch } from '../../common/index.js';
 import type { DocumentsTableRowType } from '../columns.js';
 
@@ -20,7 +19,6 @@ type Props = {
 };
 
 export const Creditor = ({ document, onChange }: Props): ReactElement => {
-  const { get } = useUrlQuery();
   const dbCreditor = 'creditor' in document ? document.creditor : undefined;
 
   const shouldHaveCreditor =
@@ -30,13 +28,6 @@ export const Creditor = ({ document, onChange }: Props): ReactElement => {
 
   const { selectableBusinesses, refresh: refreshBusinesses } = useGetBusinesses();
 
-  const encodedFilters = get('chargesFilters');
-
-  const getHref = useCallback(
-    (businessId: string) => getBusinessHref(businessId, encodedFilters as string),
-    [encodedFilters],
-  );
-
   const suggestedCreditor = useMemo(() => {
     if (dbCreditor || !('missingInfoSuggestions' in document) || !document.missingInfoSuggestions) {
       // case when creditor is already set or no suggestions
@@ -106,7 +97,7 @@ export const Creditor = ({ document, onChange }: Props): ReactElement => {
           {shouldHaveCreditor &&
             (id ? (
               <Link
-                to={getHref(id)}
+                to={ROUTES.BUSINESSES.DETAIL(id)}
                 target="_blank"
                 rel="noreferrer"
                 onClick={event => event.stopPropagation()}

package/src/components/documents-table/cells/debtor.tsx

@@ -1,11 +1,10 @@
 import { useCallback, useMemo, useState, type ReactElement } from 'react';
 import { Link } from 'react-router-dom';
 import { useGetBusinesses } from '@/hooks/use-get-businesses.js';
+import { ROUTES } from '@/router/routes.js';
 import { Indicator } from '@mantine/core';
 import { DocumentType } from '../../../gql/graphql.js';
 import { useUpdateDocument } from '../../../hooks/use-update-document.js';
-import { useUrlQuery } from '../../../hooks/use-url-query.js';
-import { getBusinessHref } from '../../charges/helpers.js';
 import { ConfirmMiniButton, InsertBusiness, SelectWithSearch } from '../../common/index.js';
 import type { DocumentsTableRowType } from '../columns.js';
 import { COUNTERPARTIES_LESS_DOCUMENT_TYPES } from './index.js';
@@ -16,7 +15,6 @@ type Props = {
 };
 
 export const Debtor = ({ document, onChange }: Props): ReactElement => {
-  const { get } = useUrlQuery();
   const dbDebtor = 'debtor' in document ? document.debtor : undefined;
 
   const shouldHaveDebtor =
@@ -26,13 +24,6 @@ export const Debtor = ({ document, onChange }: Props): ReactElement => {
 
   const { selectableBusinesses, refresh: refreshBusinesses } = useGetBusinesses();
 
-  const encodedFilters = get('chargesFilters');
-
-  const getHref = useCallback(
-    (businessId: string) => getBusinessHref(businessId, encodedFilters as string),
-    [encodedFilters],
-  );
-
   const suggestedDebtor = useMemo(() => {
     if (dbDebtor || !('missingInfoSuggestions' in document) || !document.missingInfoSuggestions) {
       // case when creditor is already set or no suggestions
@@ -102,7 +93,7 @@ export const Debtor = ({ document, onChange }: Props): ReactElement => {
           {shouldHaveDebtor &&
             (id ? (
               <Link
-                to={getHref(id)}
+                to={ROUTES.BUSINESSES.DETAIL(id)}
                 target="_blank"
                 rel="noreferrer"
                 onClick={event => event.stopPropagation()}

package/src/components/ledger-table/counterparty-cell.tsx

@@ -1,8 +1,6 @@
-import { useCallback, type ReactElement } from 'react';
+import { type ReactElement } from 'react';
 import { Link } from 'react-router-dom';
-import type { ChargeFilter } from '../../gql/graphql.js';
-import { useUrlQuery } from '../../hooks/use-url-query.js';
-import { getBusinessTransactionsHref } from '../business-transactions/index.js';
+import { ROUTES } from '@/router/routes.js';
 
 type Props = {
   account?: {
@@ -16,33 +14,6 @@ type Props = {
 };
 
 export const CounterpartyCell = ({ account, diffAccount }: Props): ReactElement => {
-  const { get } = useUrlQuery();
-
-  const encodedFilters = get('chargesFilters');
-
-  const getHref = useCallback(
-    (businessID: string) => {
-      let currentFilters: ChargeFilter = {};
-      if (encodedFilters) {
-        try {
-          const decoded = decodeURIComponent(encodedFilters);
-          const parsed = JSON.parse(decoded);
-          currentFilters = parsed as ChargeFilter;
-        } catch (error) {
-          console.error('Failed to parse filters from URL:', error);
-        }
-      }
-
-      return getBusinessTransactionsHref({
-        ownerIds: currentFilters.byOwners || [],
-        businessIDs: [businessID],
-        ...(currentFilters.fromDate && { fromDate: currentFilters.fromDate }),
-        ...(currentFilters.toDate && { toDate: currentFilters.toDate }),
-      });
-    },
-    [encodedFilters],
-  );
-
   const isAccountDiff = diffAccount && diffAccount?.id !== account?.id;
 
   return (
@@ -51,7 +22,7 @@ export const CounterpartyCell = ({ account, diffAccount }: Props): ReactElement
         <>
           {account && (
             <Link
-              to={getHref(account.id)}
+              to={ROUTES.BUSINESSES.DETAIL(account.id)}
               target="_blank"
               rel="noreferrer"
               onClick={event => event.stopPropagation()}
@@ -63,7 +34,7 @@ export const CounterpartyCell = ({ account, diffAccount }: Props): ReactElement
           {isAccountDiff && diffAccount && (
             <div className="border-2 border-yellow-500 rounded-md">
               <Link
-                to={getHref(diffAccount.id)}
+                to={ROUTES.BUSINESSES.DETAIL(diffAccount.id)}
                 target="_blank"
                 rel="noreferrer"
                 onClick={event => event.stopPropagation()}

package/src/components/reports/conto/index.tsx

@@ -19,11 +19,7 @@ import { Tooltip } from '../../common/index.js';
 import { Button } from '../../ui/button.js';
 import { Label } from '../../ui/label.js';
 import { Switch } from '../../ui/switch.js';
-import {
-  ContoReportFilters,
-  encodeContoReportFilters,
-  type ContoReportFiltersType,
-} from './conto-report-filters.js';
+import { ContoReportFilters, type ContoReportFiltersType } from './conto-report-filters.js';
 import { ManageTemplates } from './conto-report-manage-templates.js';
 import { SaveTemplate } from './conto-report-save-template.js';
 import { DownloadCSV } from './download-csv.js';
@@ -93,19 +89,6 @@ const BANK_TREE_ROOT_ID = 'bank';
 export const REPORT_TREE_ROOT_ID = 'report';
 export const CONTO_REPORT_FILTERS_KEY = 'contoReportFilters';
 
-export function getContoReportHref(filter?: ContoReportFiltersType | null): string {
-  const params = new URLSearchParams();
-
-  const contoReportFilters = encodeContoReportFilters(filter);
-  if (contoReportFilters) {
-    // Add it as a single encoded parameter
-    params.append(CONTO_REPORT_FILTERS_KEY, contoReportFilters);
-  }
-
-  const queryParams = params.size > 0 ? `?${params}` : '';
-  return `/reports/conto${queryParams}`;
-}
-
 function buildSortCodeFinancialEntitiesMaps(tree: NodeModel<CustomData>[]) {
   const sortCodeMap = new Map<number, string | number>();
   const financialEntitiesMap = new Map<string, string | number>();

package/src/components/reports/trial-balance-report/index.tsx

@@ -7,10 +7,7 @@ import { useUrlQuery } from '../../../hooks/use-url-query.js';
 import { FiltersContext } from '../../../providers/filters-context.js';
 import { PageLayout } from '../../layout/page-layout.js';
 import { Button } from '../../ui/button.js';
-import {
-  encodeTrialBalanceReportFilters,
-  TrialBalanceReportFilters,
-} from './trial-balance-report-filters.js';
+import { TrialBalanceReportFilters } from './trial-balance-report-filters.js';
 import { TrialBalanceTable } from './trial-balance-table.js';
 
 // eslint-disable-next-line @typescript-eslint/no-unused-expressions -- used by codegen
@@ -27,19 +24,6 @@ import { TrialBalanceTable } from './trial-balance-table.js';
   }
 `;
 
-export function getTrialBalanceReportHref(filter?: TrialBalanceReportFilters | null): string {
-  const params = new URLSearchParams();
-
-  const trialBalanceReportFilters = encodeTrialBalanceReportFilters(filter);
-  if (trialBalanceReportFilters) {
-    // Add it as a single encoded parameter
-    params.append('trialBalanceReportFilters', trialBalanceReportFilters);
-  }
-
-  const queryParams = params.size > 0 ? `?${params}` : '';
-  return `/reports/trial-balance${queryParams}`;
-}
-
 export const TrialBalanceReport = (): ReactElement => {
   const [isAllOpened, setIsAllOpened] = useState(false);
   const { get } = useUrlQuery();

package/src/components/screens/businesses/business.tsx

@@ -15,10 +15,6 @@ import { AccounterLoader } from '../../common/index.js';
   }
 `;
 
-export function getBusinessHref(businessId: string): string {
-  return `/businesses/${businessId}`;
-}
-
 export const BusinessScreen = (): ReactElement => {
   const { businessId } = useParams<{ businessId: string }>();
 

package/src/components/screens/charges/all-charges.tsx

@@ -5,7 +5,7 @@ import { Tooltip } from '@mantine/core';
 import { AllChargesDocument, type ChargeFilter } from '../../../gql/graphql.js';
 import { useUrlQuery } from '../../../hooks/use-url-query.js';
 import { FiltersContext } from '../../../providers/filters-context.js';
-import { ChargesFilters, encodeChargesFilters } from '../../charges/charges-filters.js';
+import { ChargesFilters } from '../../charges/charges-filters.js';
 import { ChargesTable } from '../../charges/charges-table.js';
 import {
   EditChargeModal,
@@ -31,22 +31,6 @@ import { Button } from '../../ui/button.js';
   }
 `;
 
-export function getAllChargesHref(filter?: ChargeFilter | null, page?: number): string {
-  const params = new URLSearchParams();
-  if (page) {
-    params.append('page', String(page));
-  }
-
-  const chargesFilters = encodeChargesFilters(filter);
-  if (chargesFilters) {
-    // Add it as a single encoded parameter
-    params.append('chargesFilters', chargesFilters);
-  }
-
-  const queryParams = params.size > 0 ? `?${params}` : '';
-  return `/charges${queryParams}`;
-}
-
 export const AllCharges = (): ReactElement => {
   const { setFiltersContext } = useContext(FiltersContext);
   const [editChargeId, setEditChargeId] = useState<

package/src/components/screens/charges/charge.tsx

@@ -20,10 +20,6 @@ import {
   }
 `;
 
-export function getChargeHref(chargeId: string): string {
-  return `/charges/${chargeId}`;
-}
-
 type Props = {
   chargeId?: string;
 };

package/src/components/screens/reports/balance-report/index.tsx

@@ -25,7 +25,6 @@ import {
 import {
   BALANCE_REPORT_FILTERS_QUERY_PARAM,
   BalanceReportFilters,
-  encodeBalanceReportFilters,
   Periods,
   type BalanceReportFilter,
   type Period,
@@ -60,19 +59,6 @@ import { ExtendedTransactionsCard } from './extended-transactions.jsx';
   }
 `;
 
-export function getBalanceReportHref(filter?: BalanceReportFilter | null): string {
-  const params = new URLSearchParams();
-
-  const balanceReportFilters = encodeBalanceReportFilters(filter);
-  if (balanceReportFilters) {
-    // Add it as a single encoded parameter
-    params.append(BALANCE_REPORT_FILTERS_QUERY_PARAM, balanceReportFilters);
-  }
-
-  const queryParams = params.size > 0 ? `?${params}` : '';
-  return `/reports/balance${queryParams}`;
-}
-
 const chartConfig = {
   income: {
     label: 'Income',

package/src/components/screens/reports/depreciation-report/index.tsx

@@ -22,7 +22,6 @@ import { DepreciationRecordRow } from './depreciation-record-row.js';
 import {
   DEPRECIATION_REPORT_FILTERS_QUERY_PARAM,
   DepreciationReportFilters,
-  encodeDepreciationReportFilters,
 } from './depreciation-report-filters.js';
 import { DepreciationSummaryRow } from './depreciation-summary-row.js';
 
@@ -76,19 +75,6 @@ import { DepreciationSummaryRow } from './depreciation-summary-row.js';
   }
 `;
 
-export function getDepreciationReportHref(filter?: DepreciationReportFilter | null): string {
-  const params = new URLSearchParams();
-
-  const depreciationReportFilters = encodeDepreciationReportFilters(filter);
-  if (depreciationReportFilters) {
-    // Add it as a single encoded parameter
-    params.append(DEPRECIATION_REPORT_FILTERS_QUERY_PARAM, depreciationReportFilters);
-  }
-
-  const queryParams = params.size > 0 ? `?${params}` : '';
-  return `/reports/depreciation${queryParams}`;
-}
-
 export const DepreciationReport = (): ReactElement => {
   const { setFiltersContext } = useContext(FiltersContext);
   const { userContext } = useContext(UserContext);

package/src/components/transactions-table/cells/counterparty.tsx

@@ -1,11 +1,9 @@
 import { useCallback, useState, type ReactElement } from 'react';
 import { CheckIcon } from 'lucide-react';
 import { Link } from 'react-router-dom';
-import type { ChargeFilter } from '../../../gql/graphql.js';
+import { ROUTES } from '@/router/routes.js';
 import { useGetBusinesses } from '../../../hooks/use-get-businesses.js';
 import { useUpdateTransaction } from '../../../hooks/use-update-transaction.js';
-import { useUrlQuery } from '../../../hooks/use-url-query.js';
-import { getBusinessTransactionsHref } from '../../business-transactions/index.js';
 import { SelectWithSearch, Tooltip } from '../../common/index.js';
 import { InsertBusiness } from '../../common/modals/insert-business.jsx';
 import { SimilarTransactionsModal } from '../../common/modals/similar-transactions-modal.jsx';
@@ -18,7 +16,6 @@ type Props = {
 };
 
 export function Counterparty({ transaction, onChange }: Props): ReactElement {
-  const { get } = useUrlQuery();
   const {
     id,
     counterparty,
@@ -58,24 +55,6 @@ export function Counterparty({ transaction, onChange }: Props): ReactElement {
     [updateBusiness, onChange],
   );
 
-  const encodedFilters = get('chargesFilters');
-
-  const getHref = useCallback(
-    (businessID: string) => {
-      const currentFilters = encodedFilters
-        ? (JSON.parse(decodeURIComponent(encodedFilters as string)) as ChargeFilter)
-        : {};
-
-      return getBusinessTransactionsHref({
-        fromDate: currentFilters.fromDate,
-        toDate: currentFilters.toDate,
-        ownerIds: currentFilters.byOwners,
-        businessIDs: [businessID],
-      });
-    },
-    [encodedFilters],
-  );
-
   const { selectableBusinesses: selectOptions, fetching: businessesLoading } = useGetBusinesses();
 
   const [selectedBusinessId, setSelectedBusinessId] = useState<string | null>(suggestedId ?? null);
@@ -87,7 +66,7 @@ export function Counterparty({ transaction, onChange }: Props): ReactElement {
       <div className="flex flex-wrap flex-col justify-center">
         {counterparty?.id ? (
           <Link
-            to={getHref(counterparty.id)}
+            to={ROUTES.BUSINESSES.DETAIL(counterparty.id)}
             target="_blank"
             rel="noreferrer"
             onClick={event => event.stopPropagation()}

package/src/components/transactions-table/cells-legacy/counterparty.tsx

@@ -1,15 +1,11 @@
 import { useCallback, useState, type ReactElement } from 'react';
 import { CheckIcon } from 'lucide-react';
 import { Link } from 'react-router-dom';
-import {
-  TransactionsTableEntityFieldsFragmentDoc,
-  type ChargeFilter,
-} from '../../../gql/graphql.js';
+import { ROUTES } from '@/router/routes.js';
+import { TransactionsTableEntityFieldsFragmentDoc } from '../../../gql/graphql.js';
 import { getFragmentData, type FragmentType } from '../../../gql/index.js';
 import { useGetBusinesses } from '../../../hooks/use-get-businesses.js';
 import { useUpdateTransaction } from '../../../hooks/use-update-transaction.js';
-import { useUrlQuery } from '../../../hooks/use-url-query.js';
-import { getBusinessTransactionsHref } from '../../business-transactions/index.js';
 import { SelectWithSearch, Tooltip } from '../../common/index.js';
 import { InsertBusiness } from '../../common/modals/insert-business.js';
 import { SimilarTransactionsModal } from '../../common/modals/similar-transactions-modal.js';
@@ -40,7 +36,6 @@ type Props = {
 };
 
 export function Counterparty({ data, onChange, enableEdit }: Props): ReactElement {
-  const { get } = useUrlQuery();
   const {
     id,
     counterparty,
@@ -79,24 +74,6 @@ export function Counterparty({ data, onChange, enableEdit }: Props): ReactElemen
     [updateBusiness, onChange],
   );
 
-  const encodedFilters = get('chargesFilters');
-
-  const getHref = useCallback(
-    (businessID: string) => {
-      const currentFilters = encodedFilters
-        ? (JSON.parse(decodeURIComponent(encodedFilters as string)) as ChargeFilter)
-        : {};
-
-      return getBusinessTransactionsHref({
-        fromDate: currentFilters.fromDate,
-        toDate: currentFilters.toDate,
-        ownerIds: currentFilters.byOwners,
-        businessIDs: [businessID],
-      });
-    },
-    [encodedFilters],
-  );
-
   const { selectableBusinesses: selectOptions, fetching: businessesLoading } = useGetBusinesses();
 
   const [selectedBusinessId, setSelectedBusinessId] = useState<string | null>(suggestedId ?? null);
@@ -108,7 +85,7 @@ export function Counterparty({ data, onChange, enableEdit }: Props): ReactElemen
       <div className="flex flex-wrap gap-1 items-center justify-center">
         {counterparty?.id ? (
           <Link
-            to={getHref(counterparty.id)}
+            to={ROUTES.BUSINESSES.DETAIL(counterparty.id)}
             target="_blank"
             rel="noreferrer"
             onClick={event => event.stopPropagation()}

package/src/gql/gql.ts

@@ -26,7 +26,7 @@ type Documents = {
     "\n  query BusinessChargesSection($page: Int, $limit: Int, $filters: ChargeFilter) {\n    allCharges(page: $page, limit: $limit, filters: $filters) {\n      nodes {\n        id\n        ...ChargesTableFields\n      }\n      pageInfo {\n        totalPages\n      }\n    }\n  }\n": typeof types.BusinessChargesSectionDocument,
     "\n  fragment BusinessConfigurationSection on Business {\n    __typename\n    id\n    pcn874RecordType\n    irsCode\n    isActive\n    ... on LtdFinancialEntity {\n      optionalVAT\n      exemptDealer\n      isReceiptEnough\n      isDocumentsOptional\n      sortCode {\n        id\n        key\n        defaultIrsCode\n      }\n      taxCategory {\n        id\n      }\n      suggestions {\n        phrases\n        emails\n        tags {\n          id\n        }\n        description\n        emailListener {\n          internalEmailLinks\n          emailBody\n          attachments\n        }\n      }\n      clientInfo {\n        id\n      }\n    }\n  }\n": typeof types.BusinessConfigurationSectionFragmentDoc,
     "\n  fragment BusinessContactSection on Business {\n    __typename\n    id\n    ... on LtdFinancialEntity {\n      name\n      hebrewName\n      country\n      governmentId\n      address\n      email\n      # localAddress\n      phoneNumber\n      website\n      clientInfo {\n        id\n        emails\n      }\n    }\n  }\n": typeof types.BusinessContactSectionFragmentDoc,
-    "\n  query ClientContractsSection($clientId: UUID!) {\n    contractsByClient(clientId: $clientId) {\n      id\n      purchaseOrder\n      startDate\n      endDate\n      amount {\n        raw\n        currency\n      }\n      billingCycle\n      isActive\n      product\n      documentType\n      remarks\n      plan\n      msCloud\n      operationsLimit\n    }\n  }\n": typeof types.ClientContractsSectionDocument,
+    "\n  query ClientContractsSection($clientId: UUID!) {\n    contractsByClient(clientId: $clientId) {\n      id\n      purchaseOrder\n      startDate\n      endDate\n      amount {\n        raw\n        currency\n      }\n      billingCycle\n      isActive\n      product\n      documentType\n      remarks\n      plan\n      msCloud\n    }\n  }\n": typeof types.ClientContractsSectionDocument,
     "\n  fragment BusinessPage on Business {\n    id\n    ... on LtdFinancialEntity {\n      clientInfo {\n        id\n      }\n      adminInfo {\n        id\n      }\n    }\n    ...ClientIntegrationsSection\n    ...BusinessHeader\n    ...BusinessContactSection\n    ...BusinessConfigurationSection\n    ...BusinessAdminSection\n  }\n": typeof types.BusinessPageFragmentDoc,
     "\n  fragment ClientIntegrationsSection on LtdFinancialEntity {\n    id\n    clientInfo {\n      id\n      greenInvoiceId\n      hiveId\n    }\n  }\n": typeof types.ClientIntegrationsSectionFragmentDoc,
     "\n  query ClientIntegrationsSectionGreenInvoice($clientId: UUID!) {\n    greenInvoiceClient(clientId: $clientId) {\n      id\n      country\n      emails\n      name\n      phone\n      taxId\n      address\n      city\n      zip\n      fax\n      mobile\n    }\n  }\n": typeof types.ClientIntegrationsSectionGreenInvoiceDocument,
@@ -278,7 +278,7 @@ const documents: Documents = {
     "\n  query BusinessChargesSection($page: Int, $limit: Int, $filters: ChargeFilter) {\n    allCharges(page: $page, limit: $limit, filters: $filters) {\n      nodes {\n        id\n        ...ChargesTableFields\n      }\n      pageInfo {\n        totalPages\n      }\n    }\n  }\n": types.BusinessChargesSectionDocument,
     "\n  fragment BusinessConfigurationSection on Business {\n    __typename\n    id\n    pcn874RecordType\n    irsCode\n    isActive\n    ... on LtdFinancialEntity {\n      optionalVAT\n      exemptDealer\n      isReceiptEnough\n      isDocumentsOptional\n      sortCode {\n        id\n        key\n        defaultIrsCode\n      }\n      taxCategory {\n        id\n      }\n      suggestions {\n        phrases\n        emails\n        tags {\n          id\n        }\n        description\n        emailListener {\n          internalEmailLinks\n          emailBody\n          attachments\n        }\n      }\n      clientInfo {\n        id\n      }\n    }\n  }\n": types.BusinessConfigurationSectionFragmentDoc,
     "\n  fragment BusinessContactSection on Business {\n    __typename\n    id\n    ... on LtdFinancialEntity {\n      name\n      hebrewName\n      country\n      governmentId\n      address\n      email\n      # localAddress\n      phoneNumber\n      website\n      clientInfo {\n        id\n        emails\n      }\n    }\n  }\n": types.BusinessContactSectionFragmentDoc,
-    "\n  query ClientContractsSection($clientId: UUID!) {\n    contractsByClient(clientId: $clientId) {\n      id\n      purchaseOrder\n      startDate\n      endDate\n      amount {\n        raw\n        currency\n      }\n      billingCycle\n      isActive\n      product\n      documentType\n      remarks\n      plan\n      msCloud\n      operationsLimit\n    }\n  }\n": types.ClientContractsSectionDocument,
+    "\n  query ClientContractsSection($clientId: UUID!) {\n    contractsByClient(clientId: $clientId) {\n      id\n      purchaseOrder\n      startDate\n      endDate\n      amount {\n        raw\n        currency\n      }\n      billingCycle\n      isActive\n      product\n      documentType\n      remarks\n      plan\n      msCloud\n    }\n  }\n": types.ClientContractsSectionDocument,
     "\n  fragment BusinessPage on Business {\n    id\n    ... on LtdFinancialEntity {\n      clientInfo {\n        id\n      }\n      adminInfo {\n        id\n      }\n    }\n    ...ClientIntegrationsSection\n    ...BusinessHeader\n    ...BusinessContactSection\n    ...BusinessConfigurationSection\n    ...BusinessAdminSection\n  }\n": types.BusinessPageFragmentDoc,
     "\n  fragment ClientIntegrationsSection on LtdFinancialEntity {\n    id\n    clientInfo {\n      id\n      greenInvoiceId\n      hiveId\n    }\n  }\n": types.ClientIntegrationsSectionFragmentDoc,
     "\n  query ClientIntegrationsSectionGreenInvoice($clientId: UUID!) {\n    greenInvoiceClient(clientId: $clientId) {\n      id\n      country\n      emails\n      name\n      phone\n      taxId\n      address\n      city\n      zip\n      fax\n      mobile\n    }\n  }\n": types.ClientIntegrationsSectionGreenInvoiceDocument,
@@ -583,7 +583,7 @@ export function graphql(source: "\n  fragment BusinessContactSection on Business
 /**
  * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
  */
-export function graphql(source: "\n  query ClientContractsSection($clientId: UUID!) {\n    contractsByClient(clientId: $clientId) {\n      id\n      purchaseOrder\n      startDate\n      endDate\n      amount {\n        raw\n        currency\n      }\n      billingCycle\n      isActive\n      product\n      documentType\n      remarks\n      plan\n      msCloud\n      operationsLimit\n    }\n  }\n"): (typeof documents)["\n  query ClientContractsSection($clientId: UUID!) {\n    contractsByClient(clientId: $clientId) {\n      id\n      purchaseOrder\n      startDate\n      endDate\n      amount {\n        raw\n        currency\n      }\n      billingCycle\n      isActive\n      product\n      documentType\n      remarks\n      plan\n      msCloud\n      operationsLimit\n    }\n  }\n"];
+export function graphql(source: "\n  query ClientContractsSection($clientId: UUID!) {\n    contractsByClient(clientId: $clientId) {\n      id\n      purchaseOrder\n      startDate\n      endDate\n      amount {\n        raw\n        currency\n      }\n      billingCycle\n      isActive\n      product\n      documentType\n      remarks\n      plan\n      msCloud\n    }\n  }\n"): (typeof documents)["\n  query ClientContractsSection($clientId: UUID!) {\n    contractsByClient(clientId: $clientId) {\n      id\n      purchaseOrder\n      startDate\n      endDate\n      amount {\n        raw\n        currency\n      }\n      billingCycle\n      isActive\n      product\n      documentType\n      remarks\n      plan\n      msCloud\n    }\n  }\n"];
 /**
  * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
  */