From 9effac986ddc94a0942d301a77536f56c9a147f1 Mon Sep 17 00:00:00 2001
From: Leo Leclerc <leol@odoo.com>
Date: Wed, 30 Apr 2025 15:14:21 +0000
Subject: [PATCH] [FIX] rpc: fix code examples for tutorial and service

X-original-commit: 2712116544f4201e2158c25729aa5f8b5440ebf1
---
 .../developer/reference/frontend/services.rst | 13 +++++--------
 .../02_build_a_dashboard.rst                  | 19 ++++++++++---------
 2 files changed, 15 insertions(+), 17 deletions(-)

diff --git a/content/developer/reference/frontend/services.rst b/content/developer/reference/frontend/services.rst
index c09dbce7e1..144ee84adf 100644
--- a/content/developer/reference/frontend/services.rst
+++ b/content/developer/reference/frontend/services.rst
@@ -95,15 +95,13 @@ component later. For example:
 
 .. code-block:: javascript
 
-    import { useService } from "@web/core/utils/hooks";
+    import { rpc } from "@web/core/network/rpc";
 
     class MyComponent extends Component {
       setup() {
-        const rpc = useService("rpc");
-
         onWillStart(async () => {
-          this.someValue = await rpc(...);
-        });
+          const result = await rpc(...);
+        })
       }
     }
 
@@ -623,11 +621,10 @@ argument and optionally, a ``params`` object can be given as a second argument.
 
 .. code-block:: javascript
 
-   // in setup
-   this.rpc = useService("rpc");
+  import { rpc } from "@web/core/network/rpc";
 
    // somewhere else, in an async function:
-   const result = await this.rpc("/my/route", { some: "value" });
+   const result = await rpc("/my/route", { some: "value" });
 
 .. note::
 
diff --git a/content/developer/tutorials/discover_js_framework/02_build_a_dashboard.rst b/content/developer/tutorials/discover_js_framework/02_build_a_dashboard.rst
index 32cb18e9a1..861a95dbc7 100644
--- a/content/developer/tutorials/discover_js_framework/02_build_a_dashboard.rst
+++ b/content/developer/tutorials/discover_js_framework/02_build_a_dashboard.rst
@@ -199,22 +199,23 @@ Let's improve the dashboard by adding a few dashboard items to display *real* bu
 The `awesome_dashboard` addon provides a `/awesome_dashboard/statistics` route that is meant
 to return some interesting information.
 
-To call a specific controller, we need to use the :ref:`rpc service <frontend/services/rpc>`.
+To call a specific controller, we need to use the :ref:`rpc <frontend/services/rpc>` function.
 It only exports a single function that perform the request: :code:`rpc(route, params, settings)`.
 A basic request could look like this:
 
 .. code-block:: js
 
+   import { rpc } from "@web/core/network/rpc";
+   // ...
+
    setup() {
-         this.rpc = useService("rpc");
-         onWillStart(async () => {
-            const result = await this.rpc("/my/controller", {a: 1, b: 2});
-            // ...
-         });
+      onWillStart(async () => {
+         const result = await rpc("/my/controller", {a: 1, b: 2});
+      })
+      // ...
    }
 
-#. Update `Dashboard` so that it uses the `rpc` service.
-#. Call the statistics route `/awesome_dashboard/statistics` in the `onWillStart` hook.
+#. Update `Dashboard` so that it uses the `rpc` function and call the statistics route `/awesome_dashboard/statistics`.
 #. Display a few cards in the dashboard containing:
 
    - Number of new orders this month
@@ -227,7 +228,7 @@ A basic request could look like this:
    :align: center
 
 .. seealso::
-   `Code: rpc service <{GITHUB_PATH}/addons/web/static/src/core/network/rpc_service.js>`_
+   `Code: rpc <{GITHUB_PATH}/addons/web/static/src/core/network/rpc.js>`_
 
 5. Cache network calls, create a service
 ========================================