ywana-core8 0.0.497 → 0.0.500

package/package.json

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

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'
 
 
 
@@ -64,7 +62,7 @@ export const SiteProvider = ({ children, siteLang, siteDictionary }) => {
         consoleLines,
         showConsole,
         toggleConsole: () => { setShowConsole(!showConsole) },
-        log: (line) => { 
+        writeLog: (line) => { 
             const next = consoleLines.concat(line)
             setConsoleLines(next)
         },
@@ -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>
     ) : ''
 }

package/src/site/site.test.js

@@ -108,7 +108,7 @@ const Page2 = (props) => {
     }
     
     function write() {
-        site.log("xxx"+new Date())
+        site.writeLog("xxx"+new Date())
     }