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') && (