update demo-ecommerce-example,
This commit is contained in:
@@ -0,0 +1,57 @@
|
||||
import { ProductStore } from './ProductStore';
|
||||
|
||||
export const fetchData = async () => {
|
||||
const json = [
|
||||
'beds.json',
|
||||
'armchairs.json',
|
||||
'coffee_tables.json',
|
||||
'cushions.json',
|
||||
'floor_lamps.json',
|
||||
'office_chairs.json',
|
||||
];
|
||||
|
||||
var products = [];
|
||||
|
||||
json.forEach(async (category) => {
|
||||
const products = await fetchProducts(category);
|
||||
|
||||
let categoryName = category.replace('.json', '');
|
||||
categoryName = categoryName.replace('_', ' ');
|
||||
categoryName = uppercaseWords(categoryName);
|
||||
|
||||
const productCategory = {
|
||||
name: categoryName,
|
||||
slug: category.replace('.json', ''),
|
||||
cover: products[6].image,
|
||||
products,
|
||||
};
|
||||
|
||||
ProductStore.update((s) => {
|
||||
s.products = [...s.products, productCategory];
|
||||
});
|
||||
});
|
||||
|
||||
return products;
|
||||
};
|
||||
|
||||
const fetchProducts = async (category) => {
|
||||
const response = await fetch(`products/${category}`);
|
||||
const data = await response.json();
|
||||
|
||||
// Set a product id
|
||||
await data.forEach((d, i) => {
|
||||
d.id = i + 1;
|
||||
});
|
||||
|
||||
return data;
|
||||
};
|
||||
|
||||
const uppercaseWords = (words) => {
|
||||
words = words
|
||||
.toLowerCase()
|
||||
.split(' ')
|
||||
.map((s) => s.charAt(0).toUpperCase() + s.substring(1))
|
||||
.join(' ');
|
||||
|
||||
return words;
|
||||
};
|
Reference in New Issue
Block a user