diff --git a/.env b/.env
index bb81846..5081be5 100644
--- a/.env
+++ b/.env
@@ -5,7 +5,7 @@ PORT_DEV=8080
LOG_LEVEL=0
LOG_CONSOLE=true
-LOG_PATH=logs.log
+LOG_FILE=logs.log
LOG_NET_HOST=127.0.0.1
LOG_NET_PORT=21
diff --git a/client/public/components/compact-listing.mjs b/client/public/components/compact-listing.mjs
index da03651..6d2ed19 100644
--- a/client/public/components/compact-listing.mjs
+++ b/client/public/components/compact-listing.mjs
@@ -10,14 +10,18 @@ class CompactProductListing extends Component {
Render() {
return {
template: `
- {this.state.name}
- {this.state.desc}
- £{this.state.price}
+ {this.state.name}
+ £{this.state.price}
`,
style: `
- compact-listing-component {
- display: flex;
+ compact-listing-component {
+ display: flex;
+ text-align: center;
+ width: 200px;
+ flex-direction: column;
+ margin: 10px;
}
`,
};
diff --git a/client/public/components/product-list.mjs b/client/public/components/product-list.mjs
index edafbc3..6f4d460 100644
--- a/client/public/components/product-list.mjs
+++ b/client/public/components/product-list.mjs
@@ -5,7 +5,7 @@ class ProductList extends Component {
constructor() {
super(ProductList);
- }
+ }
async Render() {
const route = this.state.getroute;
@@ -13,20 +13,20 @@ class ProductList extends Component {
return {
template: `
-
${products.data.map(product => {
return ``;
+ price="${product.price}">
+ `;
})}
`,
style: `
.product-list {
display: flex;
- flex-wrap: wrap;
margin: 0 auto;
max-width: 800px;
}
diff --git a/client/public/components/templates/navbar.html b/client/public/components/templates/navbar.html
index 4e160b8..b8079bd 100644
--- a/client/public/components/templates/navbar.html
+++ b/client/public/components/templates/navbar.html
@@ -1,5 +1,5 @@