r < d 162.1

package.json

@@ -65,7 +65,7 @@
     "eslint-plugin-no-function-declare-after-return": "^1.1.0",
     "eslint-plugin-prettier": "^5.0.0",
     "eslint-plugin-react": "^7.37.2",
-    "eslint-plugin-react-hooks": "^5.0.0",
+    "eslint-plugin-react-hooks": "^7.0.1",
     "eslint-webpack-plugin": "^5.0.0",
     "html-loader": "^5.1.0",
     "html-webpack-plugin": "^5.6.0",

react/src/dashboard/components/pages/implementation-notifications/ImplementationNotificationSend.tsx

@@ -33,6 +33,7 @@ import ImplementationsRootBreadcrumbs from '../implementations/elements/Implemen
 import { DashboardRoutes } from '../../../modules/state_router/RouterBuilder';
 import useFilterNext from '../../../modules/filter_next/useFilterNext';
 import { createEnumParam, NumberParam, StringParam } from 'use-query-params';
+import { useMarkdownService } from '../../../services/MarkdownService';
 
 export default function ImplementationNotificationSend() {
     const { id } = useParams();
@@ -50,6 +51,7 @@ export default function ImplementationNotificationSend() {
     const paginatorService = usePaginatorService();
     const implementationService = useImplementationService();
     const fundService = useFundService();
+    const markdownService = useMarkdownService();
     const implementationNotificationsService = useImplementationNotificationService();
 
     const [fund, setFund] = useState<Fund>(null);
@@ -87,6 +89,7 @@ export default function ImplementationNotificationSend() {
                 '<br>',
                 ':webshop_button',
             ].join('\n'),
+            markdownService,
         ),
     );
 
@@ -279,7 +282,7 @@ export default function ImplementationNotificationSend() {
                 .then(() => {
                     navigateState(DashboardRoutes.IMPLEMENTATION_NOTIFICATIONS, {
                         organizationId: activeOrganization.id,
-                        implementationId: implementation.id,
+                        id: implementation.id,
                     });
 
                     pushSuccess('Gelukt!', 'De e-mail zal zo spoedig mogelijk verstuurd worden naar alle gebruikers.', {
@@ -366,7 +369,7 @@ export default function ImplementationNotificationSend() {
                 if (!activeOrganization.allow_custom_fund_notifications) {
                     navigateState(DashboardRoutes.IMPLEMENTATION_NOTIFICATIONS, {
                         organizationId: activeOrganization.id,
-                        implementationId: res.data.data.id,
+                        id: res.data.data.id,
                     });
                 }
 

react/src/dashboard/components/pages/products-edit/elements/ProductsForm.tsx

@@ -1128,6 +1128,13 @@ export default function ProductsForm({
                                     <FormGroup
                                         label={translate('product_edit.labels.reservation_note')}
                                         error={form.errors.reservation_note}
+                                        info={
+                                            <Fragment>
+                                                Stuur een bericht naar de klant als u de reservering accepteert. In dit
+                                                bericht kun je meer informatie kwijt over het aanbod. Bijv. Stuur ons
+                                                een e-mail of bel ons om een afspraak in te plannen.
+                                            </Fragment>
+                                        }
                                         input={(id) => (
                                             <SelectControl
                                                 className="form-control"