ywana-core8 0.0.297 → 0.0.298

package/package.json

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

package/src/domain/TablePage.js

@@ -48,6 +48,7 @@ export const TablePage = (props) => {
     useEffect(async () => {
         const context = TableContext(url, field, host)
         await context.load()
+        if (canQuery) await context.loadQueries()
         setPageContext(context)
     }, [])
 
@@ -208,21 +209,24 @@ const TableSelector = (props) => {
  */
 const TableQueries = (props) => {
 
-    const [pageContext, setPageContext] = useContext(PageContext)
-
-    useEffect(() => {
-        pageContext.loadQueries()
-    }, [])
-
+    function remove(id) {
+        alert("TODO: remove query")
+    }
 
-    const queries = [1,2,3 ]
+    const queries = [
+        { name: "Query 1", filters: {}},
+        { name: "Query 2", filters: {}},
+        { name: "Query 3", filters: {}},
+    ]
     return (
         <Fragment>
             <Header className="table-queries" title={<Text>Queries</Text>} />
             <main className="table-queries">
                 {queries.map(query => (
                     <div className="table-queries-item">
-                           
+                        <Icon icon="star" />
+                        <label>{query.name}</label>
+                        <Icon icon="close" clickable size="small" action={() => remove(query.id)} />
                     </div>
                 ))}
             </main>