ywana-core8 0.0.498 → 0.0.501

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ywana-core8",
-  "version": "0.0.498",
+  "version": "0.0.501",
   "description": "ywana-core8",
   "homepage": "https://ywana.github.io/workspace",
   "author": "Ernesto Roldan Garcia",

package/src/site/dialog.js

@@ -6,18 +6,18 @@ import './dialog.css'
 /**
  * Dialog
  * 
- * <Dialog title={title} open={true} onAction={onAction} actions={actions}>
+ * <Dialog title={title} open={true} actions={actions}>
  */
 export const Dialog = (props) => {
 
     const site = useContext(SiteContext)
-    const { icon, title = "Dialog", children, onAction, actions, className } = props
+    const { icon, title = "Dialog", toolbar, children, actions, className } = props
 
     function close() {
         if (className === "prompt") {
             site.closePromptDialog()
         } else {
-            site.closeDialog()
+            site.closeDialog() 
         }
     }
 
@@ -28,6 +28,7 @@ export const Dialog = (props) => {
                 <header>
                     {icon ? <MenuIcon icon={icon} /> : null}
                     <Text>{title}</Text>
+                    {toolbar}
                 </header>
                 <main>
                     {children}

package/src/site/site.css

@@ -4,8 +4,8 @@
     height: 100vh;
     display: grid;
     grid-template-columns: auto 1fr 1fr auto;
-    grid-template-rows: var(--site-header-height) 1fr auto;
-    grid-template-areas: "header header nav nav" "menu main main aside" "footer footer footer footer";
+    grid-template-rows: var(--site-header-height) 1fr auto auto;
+    grid-template-areas: "header header nav nav" "menu main main aside" "footer footer footer footer" "console console console console";
     background-color: var(--background-color);
 }
 
@@ -112,7 +112,7 @@
 }
 
 .site6>.site-console {
-    grid-area: footer;
+    grid-area: console;
     min-height: 20rem;
     background-color: rgb(222, 222, 222);
     color: #000;

package/src/site/site.js

@@ -5,11 +5,9 @@ import { Header } from '../html/header'
 import { Tooltip } from '../html/tooltip'
 import { Page } from './page'
 import { SiteContext } from './siteContext'
-import './site.css'
-
 import { ReactNotifications, Store } from 'react-notifications-component'
 import 'react-notifications-component/dist/theme.css'
-import { Console } from './console'
+import './site.css'
 
 
 
@@ -174,8 +172,6 @@ const SiteToolBar = ({ children }) => {
  * Site Footer
  */
  const SiteFooter = ({ children }) => {
-    const context = useContext(SiteContext)
-    const { breadcrumb } = context
     return (
         <footer>
             {children}
@@ -319,7 +315,7 @@ const SiteConsole = () => {
     }
 
     return context.showConsole ? (
-        <footer className="site-console" >
+        <div className="site-console" >
             <Header>
                 <Tabs>
                     <Tab label="Console" />
@@ -329,8 +325,8 @@ const SiteConsole = () => {
                 <Icon icon="clear_all" size="small" clickable action={clear} />
             </nav>
             <main>
-                {context.consoleLines.map(line => <div>{line}</div>)}
+                {context.consoleLines.map((line,index) => <div key={`log-${index}`}>{line}</div>)}
             </main>
-        </footer>
+        </div>
     ) : ''
 }