page is removed from components

src/core/card/index.ts

@@ -0,0 +1,4 @@
+import { OCard } from './card';
+export {
+    OCard,
+};

src/core/chart/index.ts

@@ -0,0 +1,4 @@
+import { OChart } from "./chart";
+export {
+    OChart,
+}

src/components/page.ts → src/core/pages.ts

@@ -1,62 +1,42 @@
-import { Component, useState } from "@odoo/owl";
-import { registry } from "../core/registry";
+import { registry } from "./registry";
 
 export const route = (path: string) => {
     return (target: any) => {
         target.route = path;
         registry.category('pages').add(path, target);
     }
 }
+
 export const template = (name: string) => {
     return (target: any) => {
         target.template = name;
     }
 }
+
 export const logo = (path: string) => {
     return (target: any) => {
         target.logo = path;
     }
 }
+
 export const title = (title: string) => {
     return (target: any) => {
         target.title = title;
     }
 }
+
 export const symbol = (name: string) => {
     return (target: any) => {
         target.symbol = name;
     }
 }
+
 export const enableStaking = () => {
     return (target: any) => {
         target.enableStaking = true;
     }
 }
 
-/**
- * Abstract Page 
- * 
- * All pages must inherid directly from this component.
- */
-export abstract class OPage extends Component {
-
-    pageInfo = useState({
-        title: ""
-    });
-
-    /**
-     * Replace title of the page.
-     * 
-     * @param title of the current page
-     * @returns the current page
-     */
-    public setTitle(title: string): OPage {
-        this.pageInfo.title = title;
-        // TODO: update title of the current page
-        return this;
-    }
-}
-
 
 export function usePage(path: string, page: any) {
     // TODO;;

src/pages/csc/csc.ts

@@ -4,7 +4,7 @@ CSC Network
 
  */
 import { Component, useState } from "@odoo/owl";
-import { enableStaking, logo, route, symbol, template, title } from "../../components/page";
+import { enableStaking, logo, route, symbol, template, title } from "../../core/pages";
 import { switchChain, useContract, useWallet } from "../../core/wallet";
 
 import cetABI from "./abi-validators.json";

src/pages/dashboard/dashboard.ts

@@ -1,7 +1,7 @@
-import { xml, useState, Component } from "@odoo/owl";
-import { OPage, route, template, title } from "../../components/page";
-import { registry } from "../../core/registry";
+import { Component, useState } from "@odoo/owl";
+import { route, template, title } from "../../core/pages";
 import { Button } from "../../core/buttons";
+import { registry } from "../../core/registry";
 
 import "./dashboard.xml";
 
@@ -11,7 +11,7 @@ import "./dashboard.xml";
 export class Dashboard extends Component {
 	static components = {Button};
 	state: {
-		pages: OPage[]
+		pages: Component[]
 	} = useState({
 		pages: []
 	});

src/pages/fantom/fantom.ts

@@ -23,8 +23,8 @@ Symbol: FTM
 
 
 import { Component, useState } from "@odoo/owl";
+import { enableStaking, logo, route, symbol, template, title } from "../../core/pages";
 import { switchChain, useContract, useWallet } from "../../core/wallet";
-import { enableStaking, logo, route, symbol, template, title } from "../../components/page";
 
 import FantomABI from "./abi-fantom.json";
 import "./fantom.scss";

src/pages/polygon/polygon.ts

@@ -1,5 +1,5 @@
 import { Component, useState } from "@odoo/owl";
-import { enableStaking, logo, route, symbol, template, title } from "../../components/page";
+import { enableStaking, logo, route, symbol, template, title } from "../../core/pages";
 import { switchChain, useContract, useWallet } from "../../core/wallet";
 
 

src/pages/sgton/sgton.ts

@@ -3,7 +3,7 @@ TODO: add documents
 
 */
 import { Component, useState } from "@odoo/owl";
-import { enableStaking, logo, route, template, title } from "../../components/page";
+import { enableStaking, logo, route, template, title } from "../../core/pages";
 import { switchChain, useContract, useWallet } from "../../core/wallet";