diff --git a/src/pages/clients/common/components/EntityCreationModalAction.tsx b/src/pages/clients/common/components/EntityCreationModalAction.tsx index 112a80152f..6b66ea3127 100644 --- a/src/pages/clients/common/components/EntityCreationModalAction.tsx +++ b/src/pages/clients/common/components/EntityCreationModalAction.tsx @@ -24,6 +24,7 @@ import { useState } from 'react'; import { useTranslation } from 'react-i18next'; import { MdControlPointDuplicate } from 'react-icons/md'; import { useNavigate } from 'react-router-dom'; +import { Refresh } from '$app/components/icons/Refresh'; interface Props { client: Client; @@ -48,6 +49,16 @@ export function EntityCreationModalAction({ client, dropdown }: Props) { }, 150); }; + const handleCreateRecurringInvoice = () => { + setIsModalVisible(false); + + setTimeout(() => { + navigate( + route('/recurring_invoices/create?client=:id', { id: client.id }) + ); + }, 150); + }; + const handleCreatePayment = () => { setIsModalVisible(false); @@ -103,6 +114,14 @@ export function EntityCreationModalAction({ client, dropdown }: Props) { /> )} + {hasPermission('create_recurring_invoice') && ( + } + onClick={handleCreateRecurringInvoice} + /> + )} + {hasPermission('create_payment') && (