[IMP] awesome_dashboard: real life update

Author: nguyenntph

awesome_dashboard/static/src/dashboard.js

@@ -1,4 +1,4 @@
-import { Component, onWillStart } from "@odoo/owl";
+import { Component, onWillStart, useState } from "@odoo/owl";
 import { registry } from "@web/core/registry";
 import { useService } from "@web/core/utils/hooks";
 import { Layout } from "@web/search/layout";
@@ -12,10 +12,7 @@ class AwesomeDashboard extends Component {
     setup() {
         this.action = useService("action");
         this.statisticService = useService("statistics");
-
-        onWillStart(async () => {
-            this.statistics = await this.statisticService.loadStatistic();
-        });
+        this.statistics = useState(this.statisticService);
     }
 
     openLeads() {

awesome_dashboard/static/src/pie_chart/pie_chart.js

@@ -9,7 +9,9 @@ import { loadJS } from "@web/core/assets";
 
 export class PieChart extends Component {
     static template = "awesome_dashboard.PieChart";
-    static props = { data: { optional: true } }
+    static props = {
+      data: { default: {}, type: Object },
+    }
 
     setup() {
         this.rootRef = useRef("root");

awesome_dashboard/static/src/statistics_service.js

@@ -1,3 +1,4 @@
+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";
@@ -7,8 +8,14 @@ export async function loadStatistic() {
 }
 
 export const statisticsService = {
-    start() {
-        return { loadStatistic: memoize(loadStatistic) };
+    async start() {
+        const data = reactive(await loadStatistic());
+
+        setInterval(async () => {
+            data = await loadStatistic();
+        }, 10 * 60 * 1000);
+
+        return data;
     }
 }