ywana-core8 0.0.310 → 0.0.313

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ywana-core8",
-  "version": "0.0.310",
+  "version": "0.0.313",
   "description": "ywana-core8",
   "author": "Ernesto Roldan Garcia",
   "license": "MIT",

package/src/domain/TablePage.js

@@ -1,4 +1,5 @@
 import equal from 'deep-equal'
+import { relativeTimeRounding } from 'moment'
 import React, { Fragment, useContext, useEffect, useMemo, useRef, useState } from 'react'
 import { Button, DataTable, DropDown, Header, Icon, MenuIcon, MenuItem, Text } from '../html'
 import { HTTPClient, Session } from '../http'
@@ -220,8 +221,10 @@ const TableQueries = (props) => {
     const [selected, setSelected] = useState()
 
     function select(query) {
+        console.log("TableQueries.select", query)
         setSelected(query.id)
         pageContext.changeFilters(query.filters)
+        setPageContext(Object.assign({}, pageContext))
     }
 
     async function remove(id) {
@@ -270,13 +273,22 @@ const TableFilters = (props) => {
 
     useEffect(() => {
         console.log("TableFilters onFiltersChange", filters)
-        setForm(filters)
+        if (filters) setForm(filters)
     }, [filters])
 
+    useEffect(() => {
+        console.log("TableFilters onFormChanged", filters)
+        reload()
+    }, [form])
+
     async function change(next) {
         console.log("TableFilters.change()", next)
         setForm(next)
-        await pageContext.load(next)
+    }
+
+    async function reload() {
+        console.log("TableFilters.reload()", form)
+        await pageContext.load(form)
         setPageContext(Object.assign({}, pageContext))
     }
 
@@ -532,6 +544,7 @@ const TableContext = (url, field, host, urlQuery) => {
         },
 
         changeFilters(filters) {
+            console.log("TableContext.changeFilters", filters)
             this.filters = filters
         },
 

package/src/site/site.css

@@ -77,8 +77,8 @@
 }
 
 .site6>menu>main>.site-menu-item.selected {
-    color: rgb(255, 255, 255);
-    background-color: rgb(60, 60, 60);
+    color: var(--accent-color-text);
+    background-color: var(--accent-color);
     border-radius: .5rem;
 }