[IMP] awesome_dashboard: Fix reload

Author: nguyenntph

awesome_dashboard/static/src/dashboard/dashboard.js

@@ -1,4 +1,4 @@
-import { Component, onWillStart, useState } from "@odoo/owl";
+import { Component, onWillStart, reactive } from "@odoo/owl";
 import { registry } from "@web/core/registry";
 import { useService } from "@web/core/utils/hooks";
 import { Layout } from "@web/search/layout";
@@ -12,8 +12,7 @@ class AwesomeDashboard extends Component {
 
     setup() {
         this.action = useService("action");
-        this.statisticService = useService("statistics");
-        this.statistics = useState(this.statisticService);
+        this.state = reactive({ statistics: useService("statistics") });
         this.items = dashboard_items;
     }
 

awesome_dashboard/static/src/dashboard/dashboard.xml

@@ -17,7 +17,7 @@
             <div class="d-flex align-items-start flex-wrap">
                 <t t-foreach="items" t-as="item" t-key="item.id">
                     <DashboardItem size="item.size || 1">
-                        <t t-set="itemProp" t-value="item.props ? item.props(statistics) : {'data': statistics}"/>
+                        <t t-set="itemProp" t-value="item.props ? item.props(state.statistics) : {'data': state.statistics}"/>
                         <t t-component="item.Component" t-props="itemProp" />
                     </DashboardItem>
                 </t>

awesome_dashboard/static/src/dashboard/statistics_service.js

@@ -1,4 +1,3 @@
-import { reactive } from "@odoo/owl";
 import { rpc } from "@web/core/network/rpc";
 import { registry } from "@web/core/registry";
 import { memoize } from "@web/core/utils/functions";
@@ -9,7 +8,7 @@ export async function loadStatistic() {
 
 export const statisticsService = {
     async start() {
-        const data = reactive(await loadStatistic());
+        let data = await loadStatistic();
 
         setInterval(async () => {
             data = await loadStatistic();