Przeglądaj źródła

оно даже работает

Ivan Asmer 4 lat temu
rodzic
commit
f3563035d4
3 zmienionych plików z 10 dodań i 38 usunięć
  1. 9 12
      src/App.js
  2. 1 1
      src/actions/index.js
  3. 0 25
      src/reducers/index.js

+ 9 - 12
src/App.js

@@ -32,6 +32,7 @@ const LoginForm = ({onLogin}) => {
 const CLoginForm = connect(null, {onLogin: actionLogin})(LoginForm)
 
 
+
 store.dispatch(actionCategories())
 store.dispatch(actionOrders())
 
@@ -40,23 +41,19 @@ const CategoryMenuItem = ({category:{_id, name}={_id: 'NOID', name: "NO CATEGORY
     <Link to={`/category/${_id}`}>{name}</Link>
 </li>
 
-const CategoryMenu = ({categories=
-[
-      { "_id": "5dc45acf5df9d670df48cc48", "name": "TV's" },
-      { "_id": "5dc49f4d5df9d670df48cc64", "name": "Airconditions" },
-      { "_id": "5dc458985df9d670df48cc47", "name": "Smartphones" },
-    ]
-}) =>
+const CategoryMenu = ({categories}) =>
 <aside style={{float: 'left'}}>
     <ul>
-        {categories && 
-            categories.map(category => <CategoryMenuItem category={category}/>)}
+        {categories ? 
+            categories.map(category => <CategoryMenuItem category={category}/>)
+            : <img src='https://i.gifer.com/origin/ec/ecf46fc2a40f43ad0ef438b04b0d2e8e_w200.gif'/>}
     </ul>
 </aside>
 
 const CCategoryMenu = connect(state => ({categories: state.promise.categories && 
                                                      state.promise.categories.payload}))(CategoryMenu)
 
+
 const defaultGoods = [
         {
           "_id": "5dcaac1fe87d153c543bcef4",
@@ -71,8 +68,9 @@ const defaultGoods = [
           "name": "Пшеничная лапша с овощами и свининой"
         }]
 
-const GoodCard = ({_id, name}) =>
+const GoodCard = ({_id, name, images}) =>
 <li>
+    <img src={"http://shop-roles.asmer.fs.a-level.com.ua/" + ((images && images[0]) ? images[0].url : '' )} />
     <h2>{name}</h2>
 </li>
 
@@ -84,8 +82,7 @@ const GoodList = ({goods=defaultGoods}) =>
 const CGoodList = connect(
 state => ({goods: state.promise.category && 
              state.promise.category.payload && 
-             state.promise.category.payload.CategoryFindOne && 
-             state.promise.category.payload.CategoryFindOne.goods})
+             state.promise.category.payload.goods})
 )(GoodList)
 
 

+ 1 - 1
src/actions/index.js

@@ -74,7 +74,7 @@ export const actionCategory = (_id) => {
                     `query cat($query:String){
                       CategoryFindOne(query:$query){
                         _id name goods{
-                            _id name
+                            _id name images{ url }
                         }
                       }
                     }`, {query: JSON.stringify([{_id}])}))

+ 0 - 25
src/reducers/index.js

@@ -35,33 +35,8 @@ const reducers = {
         }
         return state
     },
-    cart: localStored('cart', (state={/*Id1: 5, Id2: 25, Id3: 1*/}, {type, _id, count}) => {
-        const types = {
-            CART_ADD(){
-                return предыдущее состояние и добавить новый товар, а если старый, то +1
-            },
-            CART_DELETE(){
-                return деструктурнуть с ... шобы лишнее удалить
-            },
-            CART_SET(){
-                return предыдущее состояние и установить количество одного конкретного товара (нужно для оформления, там обычно любое число можно)
-            },
-            CART_CLEAR(){
-                return {}
-            }
-        }
-
-        if (type in types)
-            return types[type]()
-
-        return state;
-    }),
 }
 
-function localStored(name, reducer){
-    должна сохранить и восстановить все шо можно в localstorage
-    return (state, action) => ведет себя как reducer, но по пути сохраняет или восстанавливает из localStorage
-}
 //{
 //    promise: {}
 //}