From 03b4dce353b16ff9e9a457f48e3cfa1fa0267183 Mon Sep 17 00:00:00 2001
From: cballevre <celestin.ballevre@protonmail.com>
Date: Wed, 30 Jul 2025 19:12:39 +0200
Subject: [PATCH 1/7] feat: Add notificationProvider to Refine from Ant Design

---
 src/core/components/app-provider.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/core/components/app-provider.tsx b/src/core/components/app-provider.tsx
index 3282cd0..0f5e771 100644
--- a/src/core/components/app-provider.tsx
+++ b/src/core/components/app-provider.tsx
@@ -1,3 +1,4 @@
+import { useNotificationProvider } from '@refinedev/antd';
 import { Refine } from '@refinedev/core';
 import routerProvider from '@refinedev/react-router';
 import { dataProvider } from '@refinedev/supabase';
@@ -27,6 +28,7 @@ const AppProvider: FC<PropsWithChildren> = ({ children }) => {
             authProvider={authProvider}
             routerProvider={routerProvider}
             i18nProvider={i18nProvider}
+            notificationProvider={useNotificationProvider}
           >
             {children}
           </Refine>

From ba48503358b16cf8f155c8a515339bb244b079e7 Mon Sep 17 00:00:00 2001
From: cballevre <celestin.ballevre@protonmail.com>
Date: Wed, 30 Jul 2025 14:42:07 +0200
Subject: [PATCH 2/7] chore: Add instructions for Github Copilot

---
 .github/copilot-instructions.md | 66 +++++++++++++++++++++++++++++++++
 1 file changed, 66 insertions(+)
 create mode 100644 .github/copilot-instructions.md

diff --git a/.github/copilot-instructions.md b/.github/copilot-instructions.md
new file mode 100644
index 0000000..0f311ab
--- /dev/null
+++ b/.github/copilot-instructions.md
@@ -0,0 +1,66 @@
+# VesselVigil — AI Agent Instructions
+
+This document guides AI agents to contribute effectively to the VesselVigil project.
+
+## Overview
+- **VesselVigil** is an open-source application for managing boat maintenance: tracking interventions, inventory of parts, access and account management.
+- Architecture:
+  - Frontend : **React + TypeScript** with **Vite**
+  - Backend : **Supabase** for database and authentication.
+- Folders structure:
+  - The project uses a **feature-based architecture**. This improves modularity and makes it easier to work on a specific feature without affecting others.
+  - `src/boats/`, `src/equipments/`, `src/interventions/`: each main business domain (boats, equipments, interventions) is organized in its own folder containing all related components, pages, hooks, and utils.
+  - `src/core/`: layout, provider, global routing.
+  - `src/shared/`: reusable components and common types.
+  - `supabase/`: SQL schemas, migrations, seeds.
+
+## Conventions and patterns
+- **Pages**: each entity has a `pages/` folder for main views (e.g., `add.tsx`, `list.tsx`, `dashboard.tsx`).
+- **Components**: reusable, organized by entity in `components/`.
+- **Hooks**: business logic in `hooks/` (e.g., `use-current-boat.tsx`).
+- **Utils**: business helpers in `utils/`.
+- **Types**: centralized in `src/shared/types/`.
+- **I18n**: translation files in `public/locales/`.
+- **Authentication**: handled via Supabase and Refine, see `src/auth/providers/auth-provider.ts`.
+
+## React librairies
+- **Refine**: used for data management and UI components.
+- **Ant Design**: UI components library.
+- **React Router**: for routing.
+
+## React usage
+- Use **functional components** with hooks.
+- Use **TypeScript** for type safety.
+- Use kebab-case for file names (e.g., `add-boat.tsx`, `boat-list.tsx`).
+- Use **named exports** for components.
+- Export components at the bottom of the file.
+- Use PascalCase for component names (e.g., `AddBoat`, `BoatList`).
+- One component per file, with the file name matching the component name.
+
+## Supabase usage
+- **Supabase client**: Always access Supabase using the helper in `src/core/utils/supabaseClient.ts`. Do not instantiate Supabase clients elsewhere.
+- **Database schemas**: All table and relationship definitions are stored in `supabase/schemas/`. Update these files when changing the database structure.
+- **Migrations**: SQL migration scripts are located in `supabase/migrations/`. These scripts are generated from the schema files and must be applied to keep the Supabase database up to date.
+
+## Refine usage
+- Use Refine hooks (e.g., `useList`, `useDelete`, `useCreate`) for all Supabase data operations. Avoid direct Supabase client calls except in utilities.
+- Organize Refine logic by feature: hooks and pages for each entity (boats, equipments, interventions).
+- Prefer declarative data fetching and mutation via Refine, and leverage its built-in error/loading states.
+- Example: To list boats, use `useList` in `src/boats/pages/list.tsx`.
+- To navigate between pages, use the `useGo` hook or the `Link` component from Refine.
+
+## Ant Design usage
+- Use Ant Design components for all UI elements unless a custom component is required.
+- Customize Ant Design components using props and the project's global styles (`src/global.css`).
+- Organize UI components by feature in their respective `components/` folders.
+- Example: Use `<Table />` for entity lists, `<Form />` for add/edit pages, and `<Button />` for actions.
+
+## Translations usage
+- All translations are stored in `public/locales/` in JSON files.
+- Use `translate` function from `useTranslate` hook from Refine to access translations in components.
+- Always provide translations for both English and French.
+- Split each part of key into a json object inside locale files, e.g., `common.deleteBoat.button` will be `{ "common": { "deleteBoat": { "button": "The translation for the key" }}}`.
+- Refine use i18next under the hood, follow its conventions for pluralization and interpolation.
+
+## Project-specific best practices
+- To get information about the current boat, use the `useCurrentBoat` hook from `src/boats/hooks/use-current-boat.tsx`.

From 42de58c636c3f81a43829a50b723e3c91da17cbf Mon Sep 17 00:00:00 2001
From: cballevre <celestin.ballevre@protonmail.com>
Date: Wed, 30 Jul 2025 15:13:33 +0200
Subject: [PATCH 3/7] feat: Allow a use to delete their boat

---
 public/locales/en.json                      | 10 +++
 public/locales/fr.json                      | 10 +++
 src/boats/components/boat-delete-button.tsx | 74 +++++++++++++++++++++
 src/boats/pages/settings/common.tsx         | 12 +---
 4 files changed, 96 insertions(+), 10 deletions(-)
 create mode 100644 src/boats/components/boat-delete-button.tsx

diff --git a/public/locales/en.json b/public/locales/en.json
index 79a0be4..7106761 100644
--- a/public/locales/en.json
+++ b/public/locales/en.json
@@ -217,6 +217,16 @@
       "dangerZone": {
         "title": "Danger Zone",
         "description": "Danger zone Be wary of the following features as they cannot be undone."
+      },
+      "deleteBoat": {
+        "button": "Delete boat",
+        "modalTitle": "Confirm deletion",
+        "modalText": "To confirm deletion, please type the name of the boat:",
+        "inputPlaceholder": "Boat name",
+        "okText": "Delete",
+        "cancelText": "Cancel",
+        "success": "Boat deleted",
+        "error": "Error while deleting"
       }
     },
     "access": {
diff --git a/public/locales/fr.json b/public/locales/fr.json
index 3f98e9a..4af7ad4 100644
--- a/public/locales/fr.json
+++ b/public/locales/fr.json
@@ -217,6 +217,16 @@
       "dangerZone": {
         "title": "Zone de danger",
         "description": "Zone de danger : Faites attention aux fonctionnalités suivantes car elles sont irréversibles."
+      },
+      "deleteBoat": {
+        "button": "Supprimer le bateau",
+        "modalTitle": "Confirmer la suppression",
+        "modalText": "Pour confirmer la suppression, veuillez saisir le nom du bateau :",
+        "inputPlaceholder": "Nom du bateau",
+        "okText": "Supprimer",
+        "cancelText": "Annuler",
+        "success": "Bateau supprimé",
+        "error": "Erreur lors de la suppression"
       }
     },
     "access": {
diff --git a/src/boats/components/boat-delete-button.tsx b/src/boats/components/boat-delete-button.tsx
new file mode 100644
index 0000000..3adfc9a
--- /dev/null
+++ b/src/boats/components/boat-delete-button.tsx
@@ -0,0 +1,74 @@
+import { useDelete, useGo, useTranslation } from '@refinedev/core';
+import { Button, Input, Modal, Typography } from 'antd';
+import { useState } from 'react';
+
+import { useCurrentBoat } from '@/boats/hooks/use-current-boat';
+
+export const BoatDeleteButton = () => {
+  const { data } = useCurrentBoat();
+  const boat = data?.data;
+  const boatId = boat?.id;
+  const boatName = boat?.name;
+  const [visible, setVisible] = useState(false);
+  const [inputName, setInputName] = useState('');
+  const { mutate, isLoading } = useDelete({});
+  const go = useGo();
+  const { translate } = useTranslation();
+
+  const showModal = () => setVisible(true);
+  const handleCancel = () => {
+    setVisible(false);
+    setInputName('');
+  };
+  const handleDelete = () => {
+    if (!boatId) return;
+    mutate(
+      {
+        resource: 'boats',
+        id: boatId,
+        successNotification: () => ({
+          message: translate('settings.common.deleteBoat.success'),
+          type: 'success',
+        }),
+        errorNotification: () => ({
+          message: translate('settings.common.deleteBoat.error'),
+          type: 'error',
+        }),
+      },
+      {
+        onSuccess: () => {
+          go({ to: '/boats', type: 'replace' });
+        },
+      },
+    );
+  };
+
+  return (
+    <>
+      <Button danger onClick={showModal} type="primary" disabled={!boatId}>
+        {translate('settings.common.deleteBoat.button')}
+      </Button>
+      <Modal
+        title={translate('settings.common.deleteBoat.modalTitle')}
+        open={visible}
+        onCancel={handleCancel}
+        onOk={handleDelete}
+        okButtonProps={{
+          disabled: inputName !== boatName || isLoading,
+        }}
+        okText={translate('settings.common.deleteBoat.okText')}
+        cancelText={translate('settings.common.deleteBoat.cancelText')}
+      >
+        <Typography.Paragraph>
+          {`${translate('settings.common.deleteBoat.modalText')} `}
+          <b>{boatName}</b>
+        </Typography.Paragraph>
+        <Input
+          placeholder={translate('settings.common.deleteBoat.inputPlaceholder')}
+          value={inputName}
+          onChange={(e) => setInputName(e.target.value)}
+        />
+      </Modal>
+    </>
+  );
+};
diff --git a/src/boats/pages/settings/common.tsx b/src/boats/pages/settings/common.tsx
index 1b6f67c..9b80d4c 100644
--- a/src/boats/pages/settings/common.tsx
+++ b/src/boats/pages/settings/common.tsx
@@ -1,6 +1,6 @@
 import { useTranslation } from '@refinedev/core';
-import { Button } from 'antd';
 
+import { BoatDeleteButton } from '@/boats/components/boat-delete-button';
 import { SettingsLayout } from '@/boats/components/settings-layout';
 import { SectionHeader } from '@/shared/components/section-header';
 
@@ -14,15 +14,7 @@ const CommonSettings = () => {
           title={translate('settings.common.dangerZone.title')}
           subtitle={translate('settings.common.dangerZone.description')}
         />
-        <Button
-          type="primary"
-          danger
-          onClick={() => {
-            // Handle the delete action here
-          }}
-        >
-          Delete boat
-        </Button>
+        <BoatDeleteButton />
       </section>
     </SettingsLayout>
   );

From b130fc818672160475f1f4206043250c892599f0 Mon Sep 17 00:00:00 2001
From: cballevre <celestin.ballevre@protonmail.com>
Date: Wed, 30 Jul 2025 15:36:47 +0200
Subject: [PATCH 4/7] feat: Allow user to rename a boat

---
 public/locales/en.json              |  6 +++
 public/locales/fr.json              |  6 +++
 src/boats/pages/settings/common.tsx | 68 +++++++++++++++++++++++++----
 3 files changed, 72 insertions(+), 8 deletions(-)

diff --git a/public/locales/en.json b/public/locales/en.json
index 7106761..a00bbfb 100644
--- a/public/locales/en.json
+++ b/public/locales/en.json
@@ -214,6 +214,12 @@
     },
     "common": {
       "title": "General Settings",
+      "rename": {
+        "label": "Boat name",
+        "save": "Rename",
+        "success": "Boat name updated successfully.",
+        "error": "Error updating boat name."
+      },
       "dangerZone": {
         "title": "Danger Zone",
         "description": "Danger zone Be wary of the following features as they cannot be undone."
diff --git a/public/locales/fr.json b/public/locales/fr.json
index 4af7ad4..c04e5fa 100644
--- a/public/locales/fr.json
+++ b/public/locales/fr.json
@@ -214,6 +214,12 @@
     },
     "common": {
       "title": "Paramètres généraux",
+      "rename": {
+        "label": "Nom du bateau",
+        "save": "Renommer",
+        "success": "Nom du bateau mis à jour avec succès.",
+        "error": "Erreur lors de la mise à jour du nom du bateau."
+      },
       "dangerZone": {
         "title": "Zone de danger",
         "description": "Zone de danger : Faites attention aux fonctionnalités suivantes car elles sont irréversibles."
diff --git a/src/boats/pages/settings/common.tsx b/src/boats/pages/settings/common.tsx
index 9b80d4c..74c7e23 100644
--- a/src/boats/pages/settings/common.tsx
+++ b/src/boats/pages/settings/common.tsx
@@ -1,21 +1,73 @@
-import { useTranslation } from '@refinedev/core';
+import { useTranslation, useUpdate } from '@refinedev/core';
+import { Button, Col, Form, Input, Row } from 'antd';
+import { useEffect, useState } from 'react';
+import { useParams } from 'react-router';
 
 import { BoatDeleteButton } from '@/boats/components/boat-delete-button';
 import { SettingsLayout } from '@/boats/components/settings-layout';
+import { useCurrentBoat } from '@/boats/hooks/use-current-boat';
 import { SectionHeader } from '@/shared/components/section-header';
 
 const CommonSettings = () => {
   const { translate } = useTranslation();
+  const { boatId } = useParams();
+  const { data, isLoading } = useCurrentBoat();
+  const [name, setName] = useState('');
+  const { mutate, isLoading: isUpdating } = useUpdate();
+
+  useEffect(() => {
+    if (data?.data?.name) {
+      setName(data.data.name);
+    }
+  }, [data]);
+
+  const handleSave = () => {
+    if (!name.trim()) return;
+    mutate({
+      resource: 'boats',
+      id: boatId,
+      values: { name },
+      successNotification: () => ({
+        message: translate('settings.common.rename.success'),
+        type: 'success',
+      }),
+      errorNotification: () => ({
+        message: translate('settings.common.rename.error'),
+        type: 'error',
+      }),
+    });
+  };
 
   return (
     <SettingsLayout title={translate('settings.common.title')}>
-      <section>
-        <SectionHeader
-          title={translate('settings.common.dangerZone.title')}
-          subtitle={translate('settings.common.dangerZone.description')}
-        />
-        <BoatDeleteButton />
-      </section>
+      <Form layout="vertical" onFinish={handleSave}>
+        <Row gutter={16} align="middle">
+          <Col flex="auto">
+            <Form.Item label={translate('settings.common.rename.label')}>
+              <Input
+                value={name}
+                onChange={(e) => setName(e.target.value)}
+                disabled={isLoading || isUpdating}
+              />
+            </Form.Item>
+          </Col>
+          <Col>
+            <Button
+              type="primary"
+              htmlType="submit"
+              loading={isUpdating}
+              disabled={!name.trim() || isLoading || isUpdating}
+            >
+              {translate('settings.common.rename.save')}
+            </Button>
+          </Col>
+        </Row>
+      </Form>
+      <SectionHeader
+        title={translate('settings.common.dangerZone.title')}
+        subtitle={translate('settings.common.dangerZone.description')}
+      />
+      <BoatDeleteButton />
     </SettingsLayout>
   );
 };

From cdbd93524cca4fcc2c9d9b0a492475f4d65f8be5 Mon Sep 17 00:00:00 2001
From: cballevre <celestin.ballevre@protonmail.com>
Date: Wed, 30 Jul 2025 18:35:15 +0200
Subject: [PATCH 5/7] refactor: Follow features based arrangement for
 translation

---
 public/locales/en.json                        | 67 +++++++++--------
 public/locales/fr.json                        | 73 ++++++++++---------
 src/auth/components/logout-button.tsx         |  5 +-
 src/boats/pages/dashboard.tsx                 |  2 +-
 src/boats/pages/list.tsx                      |  2 +-
 .../components/intervention-form.tsx          |  9 ++-
 src/interventions/pages/add.tsx               |  2 +-
 src/interventions/pages/edit.tsx              |  7 +-
 src/interventions/pages/list.tsx              |  6 +-
 src/interventions/pages/show.tsx              |  4 +-
 10 files changed, 101 insertions(+), 76 deletions(-)

diff --git a/public/locales/en.json b/public/locales/en.json
index a00bbfb..f290476 100644
--- a/public/locales/en.json
+++ b/public/locales/en.json
@@ -76,46 +76,31 @@
       "buttons": {
         "submit": "Update"
       }
-    },
-    "dashboard": {
-      "title": "Tableau de bord"
-    }
-  },
-  "LogoutButton": {
-    "label": "Logout"
-  },
-  "ListBoat": {
-    "title": "Your boats",
-    "add": "Create a new boat"
-  },
-  "AddBoat": {
-    "title": "Add a new boat",
-    "labels": {
-      "name": "Name"
     }
   },
-  "InterventionList": {
-    "title": "Intervention List",
-    "add": "Add an intervention"
-  },
-  "AddIntervention": {
-    "title": "Add an intervention",
-    "labels": {
-      "title": "Title",
-      "date": "Date",
-      "description": "Description"
-    }
-  },
-  "InterventionShow": {
-    "edit": "Edit Intervention"
+  "auth": {
+    "logout": "Logout"
   },
   "boats": {
+    "list": {
+      "title": "Your boats",
+      "add": "Create a new boat"
+    },
+    "add": {
+      "title": "Add a new boat",
+      "labels": {
+        "name": "Name"
+      }
+    },
     "menu": {
       "dashboard": "Dashboard",
       "interventions": "Interventions",
       "equipments": "Equipments",
       "settings": "Settings"
     },
+    "dashboard": {
+      "title": "Dashboard"
+    },
     "systems": {
       "select": {
         "placeholder": "Select a system"
@@ -207,6 +192,28 @@
       "add": "Add an attachment"
     }
   },
+  "interventions": {
+    "list": {
+      "title": "Intervention List",
+      "add": "Add an intervention"
+    },
+    "add": {
+      "title": "Add an intervention"
+    },
+    "show": {
+      "edit": "Edit Intervention"
+    },
+    "edit": {
+      "title": "Edit Intervention"
+    },
+    "form": {
+      "labels": {
+        "title": "Title",
+        "date": "Date",
+        "description": "Description"
+      }
+    }
+  },
   "settings": {
     "menu": {
       "common": "General",
diff --git a/public/locales/fr.json b/public/locales/fr.json
index c04e5fa..b23b135 100644
--- a/public/locales/fr.json
+++ b/public/locales/fr.json
@@ -76,46 +76,31 @@
       "buttons": {
         "submit": "Mettre à jour"
       }
-    },
-    "dashboard": {
-      "title": "Tableau de bord"
-    }
-  },
-  "LogoutButton": {
-    "label": "Déconnexion"
-  },
-  "ListBoat": {
-    "title": "Vos bateaux",
-    "add": "Ajouter un nouveau bateau"
-  },
-  "AddBoat": {
-    "title": "Ajouter un nouveau bateau",
-    "labels": {
-      "name": "Nom"
-    }
-  },
-  "InterventionList": {
-    "title": "Liste des interventions",
-    "add": "Ajouter une intervention"
-  },
-  "AddIntervention": {
-    "title": "Ajouter une intervention",
-    "labels": {
-      "title": "Titre",
-      "date": "Date",
-      "description": "Description"
     }
   },
-  "InterventionShow": {
-    "edit": "Modifier l'intervention"
+  "auth": {
+    "logout": "Déconnexion"
   },
   "boats": {
+    "list": {
+      "title": "Vos bateaux",
+      "add": "Ajouter un nouveau bateau"
+    },
+    "add": {
+      "title": "Ajouter un nouveau bateau",
+      "labels": {
+        "name": "Nom"
+      }
+    },
     "menu": {
       "dashboard": "Tableau de bord",
       "interventions": "Interventions",
       "equipments": "Équipements",
       "settings": "Paramètres"
     },
+    "dashboard": {
+      "title": "Tableau de bord"
+    },
     "systems": {
       "select": {
         "placeholder": "Sélectionnez un système"
@@ -174,13 +159,13 @@
     "add": {
       "title": "Ajouter un équipement"
     },
+    "edit": {
+      "title": "Modifier l'équipement"
+    },
     "show": {
       "title": "Détails de l'équipement",
       "edit": "Modifier l'équipement"
     },
-    "edit": {
-      "title": "Modifier l'équipement"
-    },
     "delete": {
       "confirmTitle": "Confirmer la suppression",
       "confirmContent": "Voulez-vous vraiment supprimer cet équipement ?"
@@ -207,6 +192,28 @@
       "add": "Ajouter une pièce jointe"
     }
   },
+  "interventions": {
+    "list": {
+      "title": "Liste des interventions",
+      "add": "Ajouter une intervention"
+    },
+    "add": {
+      "title": "Ajouter une intervention"
+    },
+    "show": {
+      "edit": "Modifier l'intervention"
+    },
+    "edit": {
+      "title": "Editer l'intervention"
+    },
+    "form": {
+      "labels": {
+        "title": "Titre",
+        "date": "Date",
+        "description": "Description"
+      }
+    }
+  },
   "settings": {
     "menu": {
       "common": "Général",
diff --git a/src/auth/components/logout-button.tsx b/src/auth/components/logout-button.tsx
index e1d3100..7962433 100644
--- a/src/auth/components/logout-button.tsx
+++ b/src/auth/components/logout-button.tsx
@@ -1,6 +1,5 @@
-import { useLogout } from '@refinedev/core';
+import { useLogout, useTranslation } from '@refinedev/core';
 import type { FC } from 'react';
-import { useTranslation } from '@refinedev/core';
 
 interface LogoutButtonProps {
   style?: React.CSSProperties;
@@ -13,7 +12,7 @@ export const LogoutButton: FC<LogoutButtonProps> = ({ style }) => {
 
   return (
     <button type="button" style={style} onClick={() => logout()}>
-      {translate('LogoutButton.label')}
+      {translate('auth.logout')}
     </button>
   );
 };
diff --git a/src/boats/pages/dashboard.tsx b/src/boats/pages/dashboard.tsx
index bb6cdbb..c5fe1f9 100644
--- a/src/boats/pages/dashboard.tsx
+++ b/src/boats/pages/dashboard.tsx
@@ -4,7 +4,7 @@ import { PageHeader } from '@/shared/components/page-header';
 
 const BoatDashboard = () => {
   const { translate } = useTranslation();
-  return <PageHeader title={translate('pages.dashboard.title')} />;
+  return <PageHeader title={translate('boats.dashboard.title')} />;
 };
 
 export { BoatDashboard };
diff --git a/src/boats/pages/list.tsx b/src/boats/pages/list.tsx
index a62248b..1892660 100644
--- a/src/boats/pages/list.tsx
+++ b/src/boats/pages/list.tsx
@@ -14,7 +14,7 @@ const ListBoat = () => {
 
   return (
     <PageLayout>
-      <PageHeader title={translate('ListBoat.title')} />
+      <PageHeader title={translate('boats.dashboard.title')} />
       <Row gutter={[16, 16]}>
         {boats?.data?.map((boat) => (
           <Col xs={24} sm={12} md={6} key={boat.id}>
diff --git a/src/interventions/components/intervention-form.tsx b/src/interventions/components/intervention-form.tsx
index 94cd10b..48703fc 100644
--- a/src/interventions/components/intervention-form.tsx
+++ b/src/interventions/components/intervention-form.tsx
@@ -16,17 +16,20 @@ const InterventionForm: FC<InterventionFormProps> = ({
 
   return (
     <Form {...formProps} onFinish={handleOnFinish} layout="vertical">
-      <Form.Item label={translate('AddIntervention.labels.title')} name="title">
+      <Form.Item
+        label={translate('interventions.form.labels.title')}
+        name="title"
+      >
         <Input />
       </Form.Item>
       <Form.Item
-        label={translate('AddIntervention.labels.description')}
+        label={translate('interventions.form.labels.description')}
         name="description"
       >
         <Input />
       </Form.Item>
       <Form.Item
-        label={translate('AddIntervention.labels.date')}
+        label={translate('interventions.form.labels.date')}
         name="date"
         getValueProps={(value) => ({ value: value ? dayjs(value) : null })}
       >
diff --git a/src/interventions/pages/add.tsx b/src/interventions/pages/add.tsx
index 6fe116e..2aca6c7 100644
--- a/src/interventions/pages/add.tsx
+++ b/src/interventions/pages/add.tsx
@@ -27,7 +27,7 @@ const AddIntervention = () => {
   return (
     <Create
       saveButtonProps={saveButtonProps}
-      title={translate('AddIntervention.title')}
+      title={translate('interventions.add.title')}
     >
       <InterventionForm formProps={formProps} handleOnFinish={handleOnFinish} />
     </Create>
diff --git a/src/interventions/pages/edit.tsx b/src/interventions/pages/edit.tsx
index 1cbfc5e..fc22898 100644
--- a/src/interventions/pages/edit.tsx
+++ b/src/interventions/pages/edit.tsx
@@ -1,4 +1,5 @@
 import { Edit, useForm } from '@refinedev/antd';
+import { useTranslate } from '@refinedev/core';
 import { useParams } from 'react-router';
 
 import { InterventionForm } from '@/interventions/components/intervention-form';
@@ -11,9 +12,13 @@ const EditIntervention = () => {
     action: 'edit',
     id: interventionId,
   });
+  const translate = useTranslate();
 
   return (
-    <Edit title="Edit Intervention" saveButtonProps={saveButtonProps}>
+    <Edit
+      title={translate('interventions.edit.title')}
+      saveButtonProps={saveButtonProps}
+    >
       <InterventionForm formProps={formProps} handleOnFinish={onFinish} />
     </Edit>
   );
diff --git a/src/interventions/pages/list.tsx b/src/interventions/pages/list.tsx
index 3358810..6fc892c 100644
--- a/src/interventions/pages/list.tsx
+++ b/src/interventions/pages/list.tsx
@@ -16,10 +16,12 @@ const InterventionList = () => {
   return (
     <>
       <PageHeader
-        title={translate('InterventionList.title')}
+        title={translate('interventions.list.title')}
         actions={
           <Link to={`/boats/${boat?.data.id}/interventions/add`}>
-            <Button type="primary">{translate('InterventionList.add')}</Button>
+            <Button type="primary">
+              {translate('interventions.list.add')}
+            </Button>
           </Link>
         }
       />
diff --git a/src/interventions/pages/show.tsx b/src/interventions/pages/show.tsx
index 866f10e..507e08d 100644
--- a/src/interventions/pages/show.tsx
+++ b/src/interventions/pages/show.tsx
@@ -24,7 +24,9 @@ const ShowIntervention = () => {
           <Link
             to={`/boats/${boat?.data.id}/interventions/${interventionId}/edit`}
           >
-            <Button type="primary">{translate('InterventionShow.edit')}</Button>
+            <Button type="primary">
+              {translate('interventions.show.edit')}
+            </Button>
           </Link>
         }
       />

From dc201a3c252d47da1ff84e2b002264bbd8f061f4 Mon Sep 17 00:00:00 2001
From: cballevre <celestin.ballevre@protonmail.com>
Date: Wed, 30 Jul 2025 18:53:34 +0200
Subject: [PATCH 6/7] refactor: Replace useTranslation by useTranslate hook

---
 src/auth/components/logout-button.tsx                   | 4 ++--
 src/auth/pages/login.tsx                                | 4 ++--
 src/boats/components/access-list.tsx                    | 7 +++----
 src/boats/components/boat-delete-button.tsx             | 4 ++--
 src/boats/components/boat-menu.tsx                      | 4 ++--
 src/boats/components/boat-system-select.tsx             | 4 ++--
 src/boats/components/settings-menu.tsx                  | 4 ++--
 src/boats/pages/add.tsx                                 | 4 ++--
 src/boats/pages/dashboard.tsx                           | 4 ++--
 src/boats/pages/list.tsx                                | 4 ++--
 src/boats/pages/settings/access.tsx                     | 4 ++--
 src/boats/pages/settings/common.tsx                     | 4 ++--
 src/equipments/components/equipment-actions-menu.tsx    | 4 ++--
 src/equipments/components/equipment-attachment-list.tsx | 4 ++--
 src/equipments/components/equipment-form.tsx            | 4 ++--
 src/equipments/pages/add.tsx                            | 4 ++--
 src/equipments/pages/edit.tsx                           | 4 ++--
 src/equipments/pages/list.tsx                           | 4 ++--
 src/equipments/pages/show.tsx                           | 4 ++--
 src/interventions/components/intervention-form.tsx      | 4 ++--
 src/interventions/pages/add.tsx                         | 4 ++--
 src/interventions/pages/list.tsx                        | 4 ++--
 src/interventions/pages/show.tsx                        | 4 ++--
 23 files changed, 47 insertions(+), 48 deletions(-)

diff --git a/src/auth/components/logout-button.tsx b/src/auth/components/logout-button.tsx
index 7962433..0b3415c 100644
--- a/src/auth/components/logout-button.tsx
+++ b/src/auth/components/logout-button.tsx
@@ -1,4 +1,4 @@
-import { useLogout, useTranslation } from '@refinedev/core';
+import { useLogout, useTranslate } from '@refinedev/core';
 import type { FC } from 'react';
 
 interface LogoutButtonProps {
@@ -8,7 +8,7 @@ interface LogoutButtonProps {
 export const LogoutButton: FC<LogoutButtonProps> = ({ style }) => {
   const { mutate: logout } = useLogout();
 
-  const { translate } = useTranslation();
+  const translate = useTranslate();
 
   return (
     <button type="button" style={style} onClick={() => logout()}>
diff --git a/src/auth/pages/login.tsx b/src/auth/pages/login.tsx
index f3b77d0..2ab0f3c 100644
--- a/src/auth/pages/login.tsx
+++ b/src/auth/pages/login.tsx
@@ -1,9 +1,9 @@
 import { GoogleOutlined } from '@ant-design/icons';
 import { AuthPage } from '@refinedev/antd';
-import { useTranslation } from '@refinedev/core';
+import { useTranslate } from '@refinedev/core';
 
 const Login = () => {
-  const { translate } = useTranslation();
+  const translate = useTranslate();
 
   return (
     <AuthPage
diff --git a/src/boats/components/access-list.tsx b/src/boats/components/access-list.tsx
index d72a773..5af22ad 100644
--- a/src/boats/components/access-list.tsx
+++ b/src/boats/components/access-list.tsx
@@ -1,10 +1,9 @@
-import { type HttpError, useList, useTranslation } from '@refinedev/core';
+import { type HttpError, useList, useTranslate } from '@refinedev/core';
 import { Button, Empty, List } from 'antd';
 import { useState } from 'react';
 
-import { AddAccess } from './add-access';
-
 import type { Access } from '@/shared/types/models';
+import { AddAccess } from './add-access';
 
 const AccessList = () => {
   const {
@@ -15,7 +14,7 @@ const AccessList = () => {
     resource: 'accesses',
   });
 
-  const { translate } = useTranslation();
+  const translate = useTranslate();
 
   const [isModalOpen, setIsModalOpen] = useState(false);
 
diff --git a/src/boats/components/boat-delete-button.tsx b/src/boats/components/boat-delete-button.tsx
index 3adfc9a..41ea979 100644
--- a/src/boats/components/boat-delete-button.tsx
+++ b/src/boats/components/boat-delete-button.tsx
@@ -1,4 +1,4 @@
-import { useDelete, useGo, useTranslation } from '@refinedev/core';
+import { useDelete, useGo, useTranslate } from '@refinedev/core';
 import { Button, Input, Modal, Typography } from 'antd';
 import { useState } from 'react';
 
@@ -13,7 +13,7 @@ export const BoatDeleteButton = () => {
   const [inputName, setInputName] = useState('');
   const { mutate, isLoading } = useDelete({});
   const go = useGo();
-  const { translate } = useTranslation();
+  const translate = useTranslate();
 
   const showModal = () => setVisible(true);
   const handleCancel = () => {
diff --git a/src/boats/components/boat-menu.tsx b/src/boats/components/boat-menu.tsx
index 7cbe874..7625d40 100644
--- a/src/boats/components/boat-menu.tsx
+++ b/src/boats/components/boat-menu.tsx
@@ -1,4 +1,4 @@
-import { useGo, useTranslation } from '@refinedev/core';
+import { useGo, useTranslate } from '@refinedev/core';
 import type { MenuProps } from 'antd';
 import { Grid, Menu } from 'antd';
 import { useLocation } from 'react-router';
@@ -25,7 +25,7 @@ const { useBreakpoint } = Grid;
 const BoatMenu = () => {
   const { pathname } = useLocation();
   const go = useGo();
-  const { translate } = useTranslation();
+  const translate = useTranslate();
   const screens = useBreakpoint();
 
   const keys = pathname.split('/').filter(Boolean);
diff --git a/src/boats/components/boat-system-select.tsx b/src/boats/components/boat-system-select.tsx
index 809d54e..b150190 100644
--- a/src/boats/components/boat-system-select.tsx
+++ b/src/boats/components/boat-system-select.tsx
@@ -1,4 +1,4 @@
-import { useTranslation } from '@refinedev/core';
+import { useTranslate } from '@refinedev/core';
 import { Select } from 'antd';
 import type { FC } from 'react';
 
@@ -11,7 +11,7 @@ interface BoatSystemSelectProps {
 }
 
 const BoatSystemSelect: FC<BoatSystemSelectProps> = ({ value, onChange }) => {
-  const { translate } = useTranslation();
+  const translate = useTranslate();
 
   const options = boatSystemList.map((key) => ({
     value: key,
diff --git a/src/boats/components/settings-menu.tsx b/src/boats/components/settings-menu.tsx
index b313825..96a4bd5 100644
--- a/src/boats/components/settings-menu.tsx
+++ b/src/boats/components/settings-menu.tsx
@@ -1,4 +1,4 @@
-import { useGo, useTranslation } from '@refinedev/core';
+import { useGo, useTranslate } from '@refinedev/core';
 import { Menu } from 'antd';
 import { useLocation } from 'react-router';
 
@@ -16,7 +16,7 @@ const items: MenuItem[] = [
 const SettingsMenu = () => {
   const { pathname } = useLocation();
   const go = useGo();
-  const { translate } = useTranslation();
+  const translate = useTranslate();
 
   const keys = pathname.split('/').filter(Boolean);
 
diff --git a/src/boats/pages/add.tsx b/src/boats/pages/add.tsx
index e9cc627..972c613 100644
--- a/src/boats/pages/add.tsx
+++ b/src/boats/pages/add.tsx
@@ -1,5 +1,5 @@
 import { Create, useForm } from '@refinedev/antd';
-import { useGetIdentity, useTranslation } from '@refinedev/core';
+import { useGetIdentity, useTranslate } from '@refinedev/core';
 import { Form, Input } from 'antd';
 
 import { PageLayout } from '@/shared/components/page-layout';
@@ -19,7 +19,7 @@ const AddBoat = () => {
     });
   };
 
-  const { translate } = useTranslation();
+  const translate = useTranslate();
 
   return (
     <PageLayout>
diff --git a/src/boats/pages/dashboard.tsx b/src/boats/pages/dashboard.tsx
index c5fe1f9..a0baa8b 100644
--- a/src/boats/pages/dashboard.tsx
+++ b/src/boats/pages/dashboard.tsx
@@ -1,9 +1,9 @@
-import { useTranslation } from '@refinedev/core';
+import { useTranslate } from '@refinedev/core';
 
 import { PageHeader } from '@/shared/components/page-header';
 
 const BoatDashboard = () => {
-  const { translate } = useTranslation();
+  const translate = useTranslate();
   return <PageHeader title={translate('boats.dashboard.title')} />;
 };
 
diff --git a/src/boats/pages/list.tsx b/src/boats/pages/list.tsx
index 1892660..ec99b38 100644
--- a/src/boats/pages/list.tsx
+++ b/src/boats/pages/list.tsx
@@ -1,5 +1,5 @@
 import { PlusOutlined } from '@ant-design/icons';
-import { Link, useList, useTranslation } from '@refinedev/core';
+import { Link, useList, useTranslate } from '@refinedev/core';
 import { Card, Col, Row } from 'antd';
 
 import { PageHeader } from '@/shared/components/page-header';
@@ -10,7 +10,7 @@ const ListBoat = () => {
     resource: 'boats',
   });
 
-  const { translate } = useTranslation();
+  const translate = useTranslate();
 
   return (
     <PageLayout>
diff --git a/src/boats/pages/settings/access.tsx b/src/boats/pages/settings/access.tsx
index 15bccdd..7e3d4de 100644
--- a/src/boats/pages/settings/access.tsx
+++ b/src/boats/pages/settings/access.tsx
@@ -1,10 +1,10 @@
-import { useTranslation } from '@refinedev/core';
+import { useTranslate } from '@refinedev/core';
 
 import { AccessList } from '@/boats/components/access-list';
 import { SettingsLayout } from '@/boats/components/settings-layout';
 
 const AccessSettings = () => {
-  const { translate } = useTranslation();
+  const translate = useTranslate();
 
   return (
     <SettingsLayout title={translate('settings.access.title')}>
diff --git a/src/boats/pages/settings/common.tsx b/src/boats/pages/settings/common.tsx
index 74c7e23..c16e3ae 100644
--- a/src/boats/pages/settings/common.tsx
+++ b/src/boats/pages/settings/common.tsx
@@ -1,4 +1,4 @@
-import { useTranslation, useUpdate } from '@refinedev/core';
+import { useTranslate, useUpdate } from '@refinedev/core';
 import { Button, Col, Form, Input, Row } from 'antd';
 import { useEffect, useState } from 'react';
 import { useParams } from 'react-router';
@@ -9,7 +9,7 @@ import { useCurrentBoat } from '@/boats/hooks/use-current-boat';
 import { SectionHeader } from '@/shared/components/section-header';
 
 const CommonSettings = () => {
-  const { translate } = useTranslation();
+  const translate = useTranslate();
   const { boatId } = useParams();
   const { data, isLoading } = useCurrentBoat();
   const [name, setName] = useState('');
diff --git a/src/equipments/components/equipment-actions-menu.tsx b/src/equipments/components/equipment-actions-menu.tsx
index fb7e815..3e18fe0 100644
--- a/src/equipments/components/equipment-actions-menu.tsx
+++ b/src/equipments/components/equipment-actions-menu.tsx
@@ -1,5 +1,5 @@
 import { DeleteOutlined, EditOutlined, MoreOutlined } from '@ant-design/icons';
-import { useDelete, useGo, useTranslation } from '@refinedev/core';
+import { useDelete, useGo, useTranslate } from '@refinedev/core';
 import { Button, Dropdown, type MenuProps, Modal } from 'antd';
 import type { FC } from 'react';
 
@@ -13,7 +13,7 @@ interface EquipmentActionsMenuProps {
 export const EquipmentActionsMenu: FC<EquipmentActionsMenuProps> = ({
   equipment,
 }) => {
-  const { translate } = useTranslation();
+  const translate = useTranslate();
   const { data: boat } = useCurrentBoat();
   const go = useGo();
 
diff --git a/src/equipments/components/equipment-attachment-list.tsx b/src/equipments/components/equipment-attachment-list.tsx
index 8e5fcaa..155e85e 100644
--- a/src/equipments/components/equipment-attachment-list.tsx
+++ b/src/equipments/components/equipment-attachment-list.tsx
@@ -3,7 +3,7 @@ import {
   DownloadOutlined,
   PaperClipOutlined,
 } from '@ant-design/icons';
-import { useCreate, useDelete, useList, useTranslation } from '@refinedev/core';
+import { useCreate, useDelete, useList, useTranslate } from '@refinedev/core';
 import {
   Button,
   Card,
@@ -27,7 +27,7 @@ type EquipmentAttachmentListProps = {
 const EquipmentAttachmentList: FC<EquipmentAttachmentListProps> = ({
   equipmentId,
 }) => {
-  const { translate } = useTranslation();
+  const translate = useTranslate();
   const { data: boat } = useCurrentBoat();
 
   const { data: attachments } = useList<EquipmentAttachment>({
diff --git a/src/equipments/components/equipment-form.tsx b/src/equipments/components/equipment-form.tsx
index 6d0259d..bab1b44 100644
--- a/src/equipments/components/equipment-form.tsx
+++ b/src/equipments/components/equipment-form.tsx
@@ -1,4 +1,4 @@
-import { useTranslation } from '@refinedev/core';
+import { useTranslate } from '@refinedev/core';
 import { DatePicker, Form, Input, InputNumber } from 'antd';
 import dayjs from 'dayjs';
 import type { FC } from 'react';
@@ -14,7 +14,7 @@ const EquipmentForm: FC<EquipmentFormProps> = ({
   formProps,
   handleOnFinish,
 }) => {
-  const { translate } = useTranslation();
+  const translate = useTranslate();
 
   return (
     <Form {...formProps} onFinish={handleOnFinish} layout="vertical">
diff --git a/src/equipments/pages/add.tsx b/src/equipments/pages/add.tsx
index 5f34c96..2314403 100644
--- a/src/equipments/pages/add.tsx
+++ b/src/equipments/pages/add.tsx
@@ -1,5 +1,5 @@
 import { Create, useForm } from '@refinedev/antd';
-import { useGo, useTranslation } from '@refinedev/core';
+import { useGo, useTranslate } from '@refinedev/core';
 
 import { useCurrentBoat } from '@/boats/hooks/use-current-boat';
 import { EquipmentForm } from '@/equipments/components/equipment-form';
@@ -11,7 +11,7 @@ interface EquipmentFormValues {
 
 const AddEquipment = () => {
   const { data: boat } = useCurrentBoat();
-  const { translate } = useTranslation();
+  const translate = useTranslate();
   const go = useGo();
 
   const { formProps, saveButtonProps, onFinish } = useForm<InsertEquipment>({
diff --git a/src/equipments/pages/edit.tsx b/src/equipments/pages/edit.tsx
index 0f3c03a..d9176a9 100644
--- a/src/equipments/pages/edit.tsx
+++ b/src/equipments/pages/edit.tsx
@@ -1,5 +1,5 @@
 import { Edit, useForm } from '@refinedev/antd';
-import { useTranslation } from '@refinedev/core';
+import { useTranslate } from '@refinedev/core';
 import { useParams } from 'react-router';
 
 import { EquipmentForm } from '@/equipments/components/equipment-form';
@@ -7,7 +7,7 @@ import type { UpdateEquipment } from '@/shared/types/models';
 
 const EditEquipment = () => {
   const { equipmentId } = useParams<{ equipmentId: string }>();
-  const { translate } = useTranslation();
+  const translate = useTranslate();
   const { formProps, saveButtonProps, onFinish } = useForm<UpdateEquipment>({
     resource: 'equipments',
     action: 'edit',
diff --git a/src/equipments/pages/list.tsx b/src/equipments/pages/list.tsx
index d33ada8..7414fc5 100644
--- a/src/equipments/pages/list.tsx
+++ b/src/equipments/pages/list.tsx
@@ -1,4 +1,4 @@
-import { Link, useInfiniteList, useTranslation } from '@refinedev/core';
+import { Link, useInfiniteList, useTranslate } from '@refinedev/core';
 import { Button, Card, Empty, List } from 'antd';
 
 import { useCurrentBoat } from '@/boats/hooks/use-current-boat';
@@ -26,7 +26,7 @@ const EquipmentList = () => {
   } = useInfiniteList<Equipment>({
     resource: 'equipments',
   });
-  const { translate } = useTranslation();
+  const translate = useTranslate();
 
   const groupedEquipments: Record<string, Equipment[]> =
     equipments?.pages
diff --git a/src/equipments/pages/show.tsx b/src/equipments/pages/show.tsx
index 4af853c..93f6f7b 100644
--- a/src/equipments/pages/show.tsx
+++ b/src/equipments/pages/show.tsx
@@ -1,4 +1,4 @@
-import { Link, useOne, useTranslation } from '@refinedev/core';
+import { Link, useOne, useTranslate } from '@refinedev/core';
 import { Button, Card, Typography } from 'antd';
 import dayjs from 'dayjs';
 import { useParams } from 'react-router';
@@ -15,7 +15,7 @@ const ShowEquipment = () => {
     id: equipmentId,
   });
 
-  const { translate } = useTranslation();
+  const translate = useTranslate();
 
   return (
     <>
diff --git a/src/interventions/components/intervention-form.tsx b/src/interventions/components/intervention-form.tsx
index 48703fc..5fea87f 100644
--- a/src/interventions/components/intervention-form.tsx
+++ b/src/interventions/components/intervention-form.tsx
@@ -1,4 +1,4 @@
-import { useTranslation } from '@refinedev/core';
+import { useTranslate } from '@refinedev/core';
 import { DatePicker, Form, Input } from 'antd';
 import dayjs from 'dayjs';
 import type { FC } from 'react';
@@ -12,7 +12,7 @@ const InterventionForm: FC<InterventionFormProps> = ({
   formProps,
   handleOnFinish,
 }) => {
-  const { translate } = useTranslation();
+  const translate = useTranslate();
 
   return (
     <Form {...formProps} onFinish={handleOnFinish} layout="vertical">
diff --git a/src/interventions/pages/add.tsx b/src/interventions/pages/add.tsx
index 2aca6c7..4a38457 100644
--- a/src/interventions/pages/add.tsx
+++ b/src/interventions/pages/add.tsx
@@ -1,5 +1,5 @@
 import { Create, useForm } from '@refinedev/antd';
-import { useTranslation } from '@refinedev/core';
+import { useTranslate } from '@refinedev/core';
 
 import { useCurrentBoat } from '@/boats/hooks/use-current-boat';
 import { InterventionForm } from '@/interventions/components/intervention-form';
@@ -10,7 +10,7 @@ interface InterventionFormValues {
 
 const AddIntervention = () => {
   const { data: boat } = useCurrentBoat();
-  const { translate } = useTranslation();
+  const translate = useTranslate();
 
   const { formProps, saveButtonProps, onFinish } = useForm({
     resource: 'interventions',
diff --git a/src/interventions/pages/list.tsx b/src/interventions/pages/list.tsx
index 6fc892c..9578969 100644
--- a/src/interventions/pages/list.tsx
+++ b/src/interventions/pages/list.tsx
@@ -1,4 +1,4 @@
-import { Link, useList, useTranslation } from '@refinedev/core';
+import { Link, useList, useTranslate } from '@refinedev/core';
 import { Button, List } from 'antd';
 
 import { useCurrentBoat } from '@/boats/hooks/use-current-boat';
@@ -11,7 +11,7 @@ const InterventionList = () => {
     resource: 'interventions',
   });
 
-  const { translate } = useTranslation();
+  const translate = useTranslate();
 
   return (
     <>
diff --git a/src/interventions/pages/show.tsx b/src/interventions/pages/show.tsx
index 507e08d..9ecf4e7 100644
--- a/src/interventions/pages/show.tsx
+++ b/src/interventions/pages/show.tsx
@@ -1,4 +1,4 @@
-import { Link, useOne, useTranslation } from '@refinedev/core';
+import { Link, useOne, useTranslate } from '@refinedev/core';
 import { Button, Typography } from 'antd';
 import { useParams } from 'react-router';
 
@@ -14,7 +14,7 @@ const ShowIntervention = () => {
     id: interventionId as string,
   });
 
-  const { translate } = useTranslation();
+  const translate = useTranslate();
 
   return (
     <>

From 84bf7e079bcb389dc938fbdceb282f5a9cc2641f Mon Sep 17 00:00:00 2001
From: cballevre <celestin.ballevre@protonmail.com>
Date: Wed, 30 Jul 2025 19:12:18 +0200
Subject: [PATCH 7/7] fix: Redirect to list view after boat creation

---
 public/locales/en.json  | 19 +++++++++++++++++--
 public/locales/fr.json  | 19 +++++++++++++++++--
 src/boats/pages/add.tsx | 32 ++++++++++++++++++++++++++++----
 3 files changed, 62 insertions(+), 8 deletions(-)

diff --git a/public/locales/en.json b/public/locales/en.json
index f290476..ad131ad 100644
--- a/public/locales/en.json
+++ b/public/locales/en.json
@@ -88,8 +88,23 @@
     },
     "add": {
       "title": "Add a new boat",
-      "labels": {
-        "name": "Name"
+      "notification": {
+        "success": {
+          "message": "Your boat has been created.",
+          "description": "Success"
+        },
+        "error": {
+          "message": "There was an error while creating your boat.",
+          "description": "Error"
+        }
+      },
+      "form": {
+        "labels": {
+          "name": "Name"
+        },
+        "validation": {
+          "name_required": "Boat name is required."
+        }
       }
     },
     "menu": {
diff --git a/public/locales/fr.json b/public/locales/fr.json
index b23b135..9117f3d 100644
--- a/public/locales/fr.json
+++ b/public/locales/fr.json
@@ -88,8 +88,23 @@
     },
     "add": {
       "title": "Ajouter un nouveau bateau",
-      "labels": {
-        "name": "Nom"
+      "notification": {
+        "success": {
+          "description": "Succès",
+          "message": "Votre bateau a été créé avec succès."
+        },
+        "error": {
+          "description": "Une erreur est survenue lors de la création de votre bateau.",
+          "message": "Erreur"
+        }
+      },
+      "form": {
+        "labels": {
+          "name": "Nom"
+        },
+        "validation": {
+          "name_required": "Le nom du bateau est requis."
+        }
       }
     },
     "menu": {
diff --git a/src/boats/pages/add.tsx b/src/boats/pages/add.tsx
index 972c613..f38703c 100644
--- a/src/boats/pages/add.tsx
+++ b/src/boats/pages/add.tsx
@@ -1,18 +1,33 @@
 import { Create, useForm } from '@refinedev/antd';
-import { useGetIdentity, useTranslate } from '@refinedev/core';
+import { useGetIdentity, useGo, useTranslate } from '@refinedev/core';
 import { Form, Input } from 'antd';
 
 import { PageLayout } from '@/shared/components/page-layout';
 
 const AddBoat = () => {
   const { data: identity } = useGetIdentity<{ id: string }>();
+  const go = useGo();
 
   const { formProps, saveButtonProps, onFinish } = useForm({
     resource: 'boats',
     action: 'create',
+    redirect: false,
+    successNotification: () => ({
+      type: 'success',
+      message: translate('boats.add.notification.success.message'),
+      description: translate('boats.add.notification.success.description'),
+    }),
+    errorNotification: () => ({
+      type: 'error',
+      message: translate('boats.add.notification.error.message'),
+      description: translate('boats.add.notification.error.description'),
+    }),
+    onMutationSuccess: () => {
+      go({ to: '/boats', type: 'replace' });
+    },
   });
 
-  const handleOnFinish = (values: {}) => {
+  const handleOnFinish = (values: Record<string, unknown>) => {
     onFinish({
       created_by: identity?.id,
       ...values,
@@ -25,10 +40,19 @@ const AddBoat = () => {
     <PageLayout>
       <Create
         saveButtonProps={saveButtonProps}
-        title={translate('AddBoat.title')}
+        title={translate('boats.add.title')}
       >
         <Form {...formProps} onFinish={handleOnFinish} layout="vertical">
-          <Form.Item label={translate('AddBoat.labels.name')} name="name">
+          <Form.Item
+            label={translate('boats.add.form.labels.name')}
+            name="name"
+            rules={[
+              {
+                required: true,
+                message: translate('boats.add.form.validation.name_required'),
+              },
+            ]}
+          >
             <Input />
           </Form.Item>
         </Form>