@accounter/client 0.0.8-alpha-20251028123001-a8ce4e53bbde9f6eeded7bfeea650700f6a63130 → 0.0.8-alpha-20251028124234-328844c99a42b68aa9e2f32fd86da80b4832f631

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@accounter/client",
-  "version": "0.0.8-alpha-20251028123001-a8ce4e53bbde9f6eeded7bfeea650700f6a63130",
+  "version": "0.0.8-alpha-20251028124234-328844c99a42b68aa9e2f32fd86da80b4832f631",
   "type": "module",
   "license": "MIT",
   "scripts": {

package/src/components/business/contracts-section.tsx

@@ -21,7 +21,7 @@ import {
   query ClientContractsSection($clientId: UUID!) {
     contractsByClient(clientId: $clientId) {
       id
-      purchaseOrders
+      purchaseOrder
       startDate
       endDate
       amount {
@@ -46,7 +46,7 @@ function convertContractDataToFormValues(
     id: contract.id,
     // TODO: activate this field later. requires additional backend support
     // operationsLimit: 0, // Placeholder, as this field is not in the query
-    pos: contract.purchaseOrders ?? undefined,
+    po: contract.purchaseOrder ?? undefined,
     startDate: contract.startDate,
     endDate: contract.endDate,
     paymentAmount: contract.amount.raw,
@@ -130,22 +130,8 @@ export function ContractsSection({ clientId }: Props) {
                 </div>
 
                 <div className="space-y-0">
-                  <p className="text-sm text-muted-foreground">PO Numbers</p>
-                  <p className="text-sm font-medium font-mono">
-                    {contract.purchaseOrders.toReversed()[0] ?? ''}
-                  </p>
-                  {contract.purchaseOrders.length > 1 && (
-                    <div className="space-x-1">
-                      {contract.purchaseOrders
-                        .toReversed()
-                        .slice(1)
-                        .map(po => (
-                          <span key={po} className="text-xs font-thin font-mono">
-                            {po}
-                          </span>
-                        ))}
-                    </div>
-                  )}
+                  <p className="text-sm text-muted-foreground">PO Number</p>
+                  <p className="text-sm font-medium font-mono">{contract.purchaseOrder}</p>
                 </div>
 
                 {/* TODO: activate this field later. requires additional backend support */}

package/src/components/business-transactions/business-extended-info.tsx

@@ -3,6 +3,7 @@ import { format } from 'date-fns';
 import { ChevronsLeftRightEllipsis, ChevronsRightLeft } from 'lucide-react';
 import { Link } from 'react-router-dom';
 import { useQuery } from 'urql';
+import { ROUTES } from '@/router/routes.js';
 import { Mark, Table, Tooltip } from '@mantine/core';
 import {
   BusinessTransactionsInfoDocument,
@@ -12,10 +13,8 @@ import {
 } from '../../gql/graphql.js';
 import { FIAT_CURRENCIES, formatAmountWithCurrency } from '../../helpers/index.js';
 import { AccounterLoader } from '../common/index.js';
-import { getChargeHref } from '../screens/charges/charge.js';
 import { Button } from '../ui/button.js';
 import { DownloadCSV } from './download-csv.js';
-import { getBusinessTransactionsHref } from './index.js';
 
 // eslint-disable-next-line @typescript-eslint/no-unused-expressions -- used by codegen
 /* GraphQL */ `
@@ -229,14 +228,15 @@ export function BusinessExtendedInfo({ businessID, filter }: Props): ReactElemen
             {extendedTransactions.map((row, index) => (
               <tr
                 key={index}
+                className="cursor-pointer"
                 onClick={event => {
                   event.stopPropagation();
-                  window.open(getChargeHref(row.chargeId), '_blank', 'noreferrer');
+                  window.open(ROUTES.CHARGES.DETAIL(row.chargeId), '_blank', 'noreferrer');
                 }}
               >
                 <td>
                   <Link
-                    to={getBusinessTransactionsHref({ businessIDs: [row.business.id] })}
+                    to={ROUTES.BUSINESSES.DETAIL(row.business.id)}
                     target="_blank"
                     rel="noreferrer"
                     onClick={event => event.stopPropagation()}
@@ -274,7 +274,7 @@ export function BusinessExtendedInfo({ businessID, filter }: Props): ReactElemen
                 <td>
                   {row.counterAccount && (
                     <Link
-                      to={getBusinessTransactionsHref({ businessIDs: [row.counterAccount.id] })}
+                      to={ROUTES.BUSINESSES.DETAIL(row.counterAccount.id)}
                       target="_blank"
                       rel="noreferrer"
                       onClick={event => event.stopPropagation()}

package/src/components/business-transactions/index.tsx

@@ -21,10 +21,7 @@ import { AccounterTableRow } from '../common/index.js';
 import { PageLayout } from '../layout/page-layout.js';
 import { Button } from '../ui/button.js';
 import { BusinessExtendedInfo } from './business-extended-info.js';
-import {
-  BusinessTransactionsFilters,
-  encodeTransactionsFilters,
-} from './business-transactions-filters.js';
+import { BusinessTransactionsFilters } from './business-transactions-filters.js';
 
 // eslint-disable-next-line @typescript-eslint/no-unused-expressions -- used by codegen
 /* GraphQL */ `
@@ -69,30 +66,6 @@ import {
   }
 `;
 
-export function getBusinessTransactionsHref(filter?: BusinessTransactionsFilter | null): string {
-  const params = new URLSearchParams();
-
-  let businessId: string | undefined = undefined;
-  let adjustedFilter = filter;
-  if (filter?.businessIDs && filter.businessIDs.length === 1) {
-    const { businessIDs, ...rest } = filter;
-    businessId = businessIDs[0];
-    adjustedFilter = rest;
-  }
-
-  const transactionsFilters = encodeTransactionsFilters(adjustedFilter);
-  if (transactionsFilters) {
-    // Add it as a single encoded parameter
-    params.append('transactionsFilters', transactionsFilters);
-  }
-
-  const queryParams = params.size > 0 ? `?${params}` : '';
-  if (businessId) {
-    return `/businesses/${businessId}/transactions${queryParams}`;
-  }
-  return `/businesses/transactions${queryParams}`;
-}
-
 type BusinessTransactionsSum = Extract<
   BusinessTransactionsSummeryQuery['businessTransactionsSumFromLedgerRecords'],
   { businessTransactionsSum: unknown }

package/src/components/businesses/index.tsx

@@ -159,12 +159,16 @@ export const Businesses = (): ReactElement => {
                   tabIndex={0}
                   className="flex-1 cursor-pointer"
                   onClick={(): void => {
-                    navigate(ROUTES.BUSINESSES.DETAIL(business.id));
+                    navigate(ROUTES.BUSINESSES.DETAIL(business.id), {
+                      state: { from: ROUTES.BUSINESSES.ALL },
+                    });
                   }}
                   onKeyDown={(e): void => {
                     if (e.key === 'Enter' || e.key === ' ') {
                       e.preventDefault();
-                      navigate(ROUTES.BUSINESSES.DETAIL(business.id));
+                      navigate(ROUTES.BUSINESSES.DETAIL(business.id), {
+                        state: { from: ROUTES.BUSINESSES.ALL },
+                      });
                     }
                   }}
                 >

package/src/components/charges/cells/business-trip.tsx

@@ -1,5 +1,6 @@
 import { type ReactElement } from 'react';
 import { Link } from 'react-router-dom';
+import { ROUTES } from '@/router/routes.js';
 import { ChargesTableBusinessTripFieldsFragmentDoc } from '../../../gql/graphql.js';
 import { getFragmentData, type FragmentType } from '../../../gql/index.js';
 
@@ -30,7 +31,11 @@ export const BusinessTrip = ({ data }: Props): ReactElement => {
   return (
     <td>
       <Link
-        to={`/business-trips/${charge.businessTrip?.id}`}
+        to={
+          charge.businessTrip?.id
+            ? ROUTES.BUSINESS_TRIPS.DETAIL(charge.businessTrip?.id)
+            : ROUTES.BUSINESS_TRIPS.ROOT
+        }
         target="_blank"
         rel="noreferrer"
         onClick={event => event.stopPropagation()}

package/src/components/charges/cells/counterparty.tsx

@@ -1,14 +1,9 @@
-import { useCallback, useMemo, type ReactElement } from 'react';
+import { useMemo, type ReactElement } from 'react';
 import { Link } from 'react-router-dom';
+import { ROUTES } from '@/router/routes.js';
 import { Indicator } from '@mantine/core';
-import {
-  ChargesTableEntityFieldsFragmentDoc,
-  MissingChargeInfo,
-  type ChargeFilter,
-} from '../../../gql/graphql.js';
+import { ChargesTableEntityFieldsFragmentDoc, MissingChargeInfo } from '../../../gql/graphql.js';
 import { getFragmentData, type FragmentType } from '../../../gql/index.js';
-import { useUrlQuery } from '../../../hooks/use-url-query.js';
-import { getBusinessTransactionsHref } from '../../business-transactions/index.js';
 
 // eslint-disable-next-line @typescript-eslint/no-unused-expressions -- used by codegen
 /* GraphQL */ `
@@ -32,7 +27,6 @@ type Props = {
 };
 
 export const Counterparty = ({ data }: Props): ReactElement => {
-  const { get } = useUrlQuery();
   const { counterparty, validationData, __typename } = getFragmentData(
     ChargesTableEntityFieldsFragmentDoc,
     data,
@@ -59,31 +53,13 @@ export const Counterparty = ({ data }: Props): ReactElement => {
   );
   const { name, id } = counterparty ?? { name: 'Missing', id: undefined };
 
-  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],
-  );
-
   return (
     <td>
       <div className="flex flex-wrap">
         <Indicator inline size={12} disabled={!isError} color="red" zIndex="auto">
           {!isError && id && (
             <Link
-              to={getHref(id)}
+              to={ROUTES.BUSINESSES.DETAIL(id)}
               target="_blank"
               rel="noreferrer"
               onClick={event => event.stopPropagation()}

package/src/components/clients/contracts/modify-contract-dialog.tsx

@@ -1,9 +1,8 @@
 import { useCallback, useEffect, useState } from 'react';
 import { format } from 'date-fns';
-import { Plus, X } from 'lucide-react';
+import { Plus } from 'lucide-react';
 import { useForm } from 'react-hook-form';
 import { z } from 'zod';
-import { Badge } from '@/components/ui/badge.js';
 import { Button } from '@/components/ui/button.js';
 import {
   Dialog,
@@ -49,7 +48,7 @@ const contractFormSchema = z.object({
   // operationsLimit: z.number().optional(),
   startDate: z.iso.date('Start date is required'),
   endDate: z.iso.date('End date is required'),
-  pos: z.array(z.string()),
+  po: z.string().optional(),
   paymentAmount: z.number().min(0, 'Payment amount must be non-negative'),
   paymentCurrency: z.enum(Object.values(Currency), 'Currency is required'),
   productType: z.enum(Object.values(Product)).optional(),
@@ -68,7 +67,7 @@ const newContractDefaultValues: ContractFormValues = {
   // operationsLimit: 0,
   startDate: '',
   endDate: '',
-  pos: [],
+  po: undefined,
   paymentAmount: 0,
   paymentCurrency: Currency.Usd,
   productType: Product.Hive,
@@ -89,7 +88,6 @@ interface Props {
 export function ModifyContractDialog({ clientId, contract, onDone }: Props) {
   const [isDialogOpen, setIsDialogOpen] = useState(false);
   const [editingContract, setEditingContract] = useState<ContractFormValues | null>(null);
-  const [newPO, setNewPO] = useState('');
 
   const { updateContract, updating } = useUpdateContract();
   const { createContract, creating } = useCreateContract();
@@ -99,26 +97,6 @@ export function ModifyContractDialog({ clientId, contract, onDone }: Props) {
     defaultValues: contract || newContractDefaultValues,
   });
 
-  const addPO = () => {
-    const trimmedPO = newPO.trim();
-    if (trimmedPO) {
-      const currentLinks = form.getValues('pos');
-      if (!currentLinks.includes(trimmedPO)) {
-        form.setValue('pos', [...currentLinks, trimmedPO], { shouldDirty: true });
-      }
-      setNewPO('');
-    }
-  };
-
-  const removePO = (index: number) => {
-    const currentLinks = form.getValues('pos');
-    form.setValue(
-      'pos',
-      currentLinks.filter((_, i) => i !== index),
-      { shouldDirty: true },
-    );
-  };
-
   useEffect(() => {
     if (contract) {
       setEditingContract(contract);
@@ -127,7 +105,7 @@ export function ModifyContractDialog({ clientId, contract, onDone }: Props) {
         // operationsLimit: contract.operationsLimit,
         startDate: contract.startDate,
         endDate: contract.endDate,
-        pos: contract.pos,
+        po: contract.po,
         paymentAmount: contract.paymentAmount,
         paymentCurrency: contract.paymentCurrency,
         productType: contract.productType,
@@ -163,7 +141,7 @@ export function ModifyContractDialog({ clientId, contract, onDone }: Props) {
             msCloud: values.msCloudLink,
             plan: values.subscriptionPlan,
             product: values.productType,
-            purchaseOrders: values.pos,
+            purchaseOrder: values.po,
             remarks: values.defaultRemark,
             startDate: format(new Date(values.startDate), 'yyyy-MM-dd') as TimelessDateString,
           },
@@ -185,7 +163,7 @@ export function ModifyContractDialog({ clientId, contract, onDone }: Props) {
             msCloud: values.msCloudLink,
             plan: values.subscriptionPlan,
             product: values.productType,
-            purchaseOrders: values.pos,
+            purchaseOrder: values.po,
             remarks: values.defaultRemark,
             startDate: format(new Date(values.startDate), 'yyyy-MM-dd') as TimelessDateString,
           },
@@ -233,46 +211,15 @@ export function ModifyContractDialog({ clientId, contract, onDone }: Props) {
                     </FormItem>
                   )}
                 /> */}
-
                 <FormField
                   control={form.control}
-                  name="pos"
+                  name="po"
                   render={({ field }) => (
                     <FormItem>
-                      <FormLabel>Purchase Orders</FormLabel>
-                      <div className="flex gap-2">
-                        <Input
-                          placeholder="Add PO..."
-                          value={newPO}
-                          onChange={e => setNewPO(e.target.value)}
-                          onKeyDown={e => {
-                            if (e.key === 'Enter') {
-                              e.preventDefault();
-                              addPO();
-                            }
-                          }}
-                        />
-                        <Button type="button" size="sm" onClick={addPO}>
-                          <Plus className="h-4 w-4" />
-                        </Button>
-                      </div>
-                      <div className="flex flex-wrap gap-2 mt-2">
-                        {field.value?.map((link, index) => (
-                          <Badge key={link} variant="secondary" className="gap-1 max-w-xs truncate">
-                            {link}
-                            {index === field.value.length - 1 && (
-                              <Button
-                                variant="ghost"
-                                size="icon"
-                                className="p-0 size-3"
-                                onClick={() => removePO(index)}
-                              >
-                                <X className="size-3 cursor-pointer flex-shrink-0" />
-                              </Button>
-                            )}
-                          </Badge>
-                        ))}
-                      </div>
+                      <FormLabel>PO Number</FormLabel>
+                      <FormControl>
+                        <Input placeholder="PO-2024-001" {...field} />
+                      </FormControl>
                       <FormMessage />
                     </FormItem>
                   )}

package/src/components/common/business-trip-report/parts/core-expense-row.tsx

@@ -4,6 +4,7 @@ import { Controller, type Control } from 'react-hook-form';
 import { Link } from 'react-router-dom';
 import { toast } from 'sonner';
 import { useQuery } from 'urql';
+import { ROUTES } from '@/router/routes.js';
 import { Select, Text } from '@mantine/core';
 import { DatePickerInput } from '@mantine/dates';
 import {
@@ -14,7 +15,6 @@ import {
 } from '../../../../gql/graphql.js';
 import { getFragmentData, type FragmentType } from '../../../../gql/index.js';
 import { TIMELESS_DATE_REGEX } from '../../../../helpers/consts.js';
-import { getChargeHref } from '../../../screens/charges/charge.js';
 import { CurrencyInput } from '../../index.js';
 
 // eslint-disable-next-line @typescript-eslint/no-unused-expressions -- used by codegen
@@ -239,7 +239,7 @@ export const CoreExpenseRow = ({
           {linkedChargeIds.map(id => (
             <Link
               key={id}
-              to={getChargeHref(id)}
+              to={ROUTES.CHARGES.DETAIL(id)}
               target="_blank"
               rel="noreferrer"
               onClick={event => event.stopPropagation()}

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

@@ -1,5 +1,6 @@
 import type { ReactElement } from 'react';
 import { differenceInDays, format, setHours } from 'date-fns';
+import { ROUTES } from '@/router/routes.js';
 import { Grid, Text } from '@mantine/core';
 import { BusinessTripReportHeaderFieldsFragmentDoc } from '../../../../gql/graphql.js';
 import { getFragmentData, type FragmentType } from '../../../../gql/index.js';
@@ -43,7 +44,7 @@ export const ReportHeader = ({ data, onChange }: Props): ReactElement => {
           <AccountantApproval data={businessTrip} onChange={onChange} />
           <CopyToClipboardButton
             isLink
-            content={`${window.location.origin}/business-trips/${businessTrip.id}`}
+            content={`${window.location.origin}${ROUTES.BUSINESS_TRIPS.DETAIL(businessTrip.id)}`}
           />
           <BusinessTripToggleMenu businessTripId={businessTrip.id} />
         </div>

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()}