From 380dd9b50acb21c6b1262a08343dcae48fa38b7d Mon Sep 17 00:00:00 2001 From: "Krasnikov.pro" Date: Mon, 25 Jul 2022 18:39:52 +0300 Subject: [PATCH] modified: README.md modified: components/customer/pages/index/modals/cart/content.tsx modified: components/customer/pages/index/modals/cart/pizzaCart.tsx modified: components/customer/pages/index/modals/pizza/content.tsx modified: components/customer/pages/index/modals/pizza/pizzaCard.tsx modified: pages/index.tsx deleted: redux/cart1/selectors.ts deleted: redux/cart1/slice.ts deleted: redux/cart1/types.ts --- .history/README_20220725183025.md | 35 ++++ .history/README_20220725183946.md | 35 ++++ .../modals/cart/content_20220725183309.tsx | 122 ++++++++++++++ .../modals/cart/content_20220725183345.tsx | 123 ++++++++++++++ .../modals/cart/content_20220725183434.tsx | 123 ++++++++++++++ .../modals/cart/pizzaCart_20220618063313.tsx | 0 .../modals/cart/pizzaCart_20220618063622.tsx | 32 ---- .../modals/cart/pizzaCart_20220618071220.tsx | 32 ---- .../modals/cart/pizzaCart_20220618073843.tsx | 32 ---- .../modals/cart/pizzaCart_20220618104446.tsx | 32 ---- .../modals/cart/pizzaCart_20220618143512.tsx | 32 ---- ...82309.tsx => pizzaCart_20220725005715.tsx} | 14 +- .../modals/pizza/content_20220725005931.tsx | 156 ++++++++++++++++++ .../modals/pizza/content_20220725005937.tsx | 156 ++++++++++++++++++ .../modals/pizza/content_20220725182605.tsx | 156 ++++++++++++++++++ .../modals/pizza/pizzaCard_20220531162610.tsx | 0 .../modals/pizza/pizzaCard_20220531162625.tsx | 18 -- .../modals/pizza/pizzaCard_20220531163128.tsx | 17 -- .../modals/pizza/pizzaCard_20220531163133.tsx | 12 -- .../modals/pizza/pizzaCard_20220531163150.tsx | 12 -- .../modals/pizza/pizzaCard_20220531163151.tsx | 12 -- .../modals/pizza/pizzaCard_20220531163155.tsx | 12 -- .../modals/pizza/pizzaCard_20220531163157.tsx | 12 -- .../modals/pizza/pizzaCard_20220531215502.tsx | 39 ----- .../modals/pizza/pizzaCard_20220531215615.tsx | 39 ----- .../modals/pizza/pizzaCard_20220531215634.tsx | 39 ----- .../modals/pizza/pizzaCard_20220531215641.tsx | 39 ----- .../modals/pizza/pizzaCard_20220531215645.tsx | 39 ----- .../modals/pizza/pizzaCard_20220531215648.tsx | 39 ----- .../modals/pizza/pizzaCard_20220531215655.tsx | 39 ----- .../modals/pizza/pizzaCard_20220531215658.tsx | 39 ----- .../modals/pizza/pizzaCard_20220531215703.tsx | 39 ----- .../modals/pizza/pizzaCard_20220531215707.tsx | 39 ----- .../modals/pizza/pizzaCard_20220531215708.tsx | 39 ----- .../modals/pizza/pizzaCard_20220531215710.tsx | 39 ----- .../modals/pizza/pizzaCard_20220531215720.tsx | 39 ----- .../modals/pizza/pizzaCard_20220531215724.tsx | 39 ----- .../modals/pizza/pizzaCard_20220531215726.tsx | 39 ----- .../modals/pizza/pizzaCard_20220531215733.tsx | 39 ----- .../modals/pizza/pizzaCard_20220531215736.tsx | 39 ----- .../modals/pizza/pizzaCard_20220531215737.tsx | 39 ----- .../modals/pizza/pizzaCard_20220531215738.tsx | 39 ----- .../modals/pizza/pizzaCard_20220531215823.tsx | 39 ----- .../modals/pizza/pizzaCard_20220531215826.tsx | 39 ----- .../modals/pizza/pizzaCard_20220531215858.tsx | 40 ----- .../modals/pizza/pizzaCard_20220531221147.tsx | 42 ----- .../modals/pizza/pizzaCard_20220531221151.tsx | 43 ----- .../modals/pizza/pizzaCard_20220531221845.tsx | 40 ----- .../modals/pizza/pizzaCard_20220531221847.tsx | 40 ----- .../modals/pizza/pizzaCard_20220601085821.tsx | 24 --- .../modals/pizza/pizzaCard_20220601085945.tsx | 23 --- .../modals/pizza/pizzaCard_20220601090104.tsx | 23 --- .../modals/pizza/pizzaCard_20220601090857.tsx | 23 --- .../modals/pizza/pizzaCard_20220603174529.tsx | 23 --- .../modals/pizza/pizzaCard_20220603174551.tsx | 23 --- .../modals/pizza/pizzaCard_20220603174612.tsx | 23 --- .../modals/pizza/pizzaCard_20220603175317.tsx | 23 --- .../modals/pizza/pizzaCard_20220603175724.tsx | 29 ---- .../modals/pizza/pizzaCard_20220603175745.tsx | 29 ---- .../modals/pizza/pizzaCard_20220604082614.tsx | 29 ---- .../modals/pizza/pizzaCard_20220604083212.tsx | 37 ----- .../modals/pizza/pizzaCard_20220604083327.tsx | 36 ---- .../modals/pizza/pizzaCard_20220604083453.tsx | 37 ----- .../modals/pizza/pizzaCard_20220604083500.tsx | 37 ----- .../modals/pizza/pizzaCard_20220604083527.tsx | 37 ----- .../modals/pizza/pizzaCard_20220604083650.tsx | 37 ----- .../modals/pizza/pizzaCard_20220604131550.tsx | 37 ----- .../modals/pizza/pizzaCard_20220604131602.tsx | 37 ----- .../modals/pizza/pizzaCard_20220604131652.tsx | 37 ----- .../modals/pizza/pizzaCard_20220604131757.tsx | 38 ----- .../modals/pizza/pizzaCard_20220604171330.tsx | 37 ----- .../modals/pizza/pizzaCard_20220615043046.tsx | 64 ------- .../modals/pizza/pizzaCard_20220615043356.tsx | 66 -------- .../modals/pizza/pizzaCard_20220615043417.tsx | 66 -------- .../modals/pizza/pizzaCard_20220615043448.tsx | 66 -------- .../modals/pizza/pizzaCard_20220615043502.tsx | 66 -------- .../modals/pizza/pizzaCard_20220615043527.tsx | 66 -------- .../modals/pizza/pizzaCard_20220615052903.tsx | 66 -------- .../modals/pizza/pizzaCard_20220615053406.tsx | 66 -------- .../modals/pizza/pizzaCard_20220615054825.tsx | 70 -------- .../modals/pizza/pizzaCard_20220615054902.tsx | 70 -------- .../modals/pizza/pizzaCard_20220615055133.tsx | 76 --------- .../modals/pizza/pizzaCard_20220615055327.tsx | 76 --------- .../modals/pizza/pizzaCard_20220615055433.tsx | 76 --------- .../modals/pizza/pizzaCard_20220615055441.tsx | 76 --------- .../modals/pizza/pizzaCard_20220615055444.tsx | 76 --------- .../modals/pizza/pizzaCard_20220615055454.tsx | 76 --------- .../modals/pizza/pizzaCard_20220615055502.tsx | 75 --------- .../modals/pizza/pizzaCard_20220615055604.tsx | 75 --------- .../modals/pizza/pizzaCard_20220615060013.tsx | 74 --------- .../modals/pizza/pizzaCard_20220615060020.tsx | 74 --------- .../modals/pizza/pizzaCard_20220615062834.tsx | 95 ----------- .../modals/pizza/pizzaCard_20220615062851.tsx | 96 ----------- .../modals/pizza/pizzaCard_20220615063125.tsx | 97 ----------- .../modals/pizza/pizzaCard_20220615064426.tsx | 85 ---------- .../modals/pizza/pizzaCard_20220615064445.tsx | 86 ---------- .../modals/pizza/pizzaCard_20220615160218.tsx | 79 --------- .../modals/pizza/pizzaCard_20220615160433.tsx | 86 ---------- .../modals/pizza/pizzaCard_20220615160611.tsx | 89 ---------- .../modals/pizza/pizzaCard_20220615160632.tsx | 91 ---------- .../modals/pizza/pizzaCard_20220615160645.tsx | 90 ---------- .../modals/pizza/pizzaCard_20220615162022.tsx | 90 ---------- .../modals/pizza/pizzaCard_20220615162403.tsx | 90 ---------- .../modals/pizza/pizzaCard_20220615162842.tsx | 90 ---------- .../modals/pizza/pizzaCard_20220615162900.tsx | 90 ---------- .../modals/pizza/pizzaCard_20220615162915.tsx | 90 ---------- .../modals/pizza/pizzaCard_20220615162952.tsx | 90 ---------- .../modals/pizza/pizzaCard_20220615164006.tsx | 31 ---- .../modals/pizza/pizzaCard_20220615164206.tsx | 31 ---- .../modals/pizza/pizzaCard_20220616123755.tsx | 31 ---- .../modals/pizza/pizzaCard_20220616125926.tsx | 32 ---- .../modals/pizza/pizzaCard_20220616125948.tsx | 32 ---- .../modals/pizza/pizzaCard_20220616132026.tsx | 30 ---- .../modals/pizza/pizzaCard_20220616132034.tsx | 30 ---- .../modals/pizza/pizzaCard_20220617162344.tsx | 30 ---- .../modals/pizza/pizzaCard_20220617162450.tsx | 30 ---- .../modals/pizza/pizzaCard_20220617190746.tsx | 30 ---- .../modals/pizza/pizzaCard_20220617191214.tsx | 30 ---- .../modals/pizza/pizzaCard_20220617191230.tsx | 30 ---- .../modals/pizza/pizzaCard_20220618150953.tsx | 36 ---- .../modals/pizza/pizzaCard_20220618151147.tsx | 36 ---- .../modals/pizza/pizzaCard_20220619081810.tsx | 36 ---- .../modals/pizza/pizzaCard_20220619082020.tsx | 36 ---- .../modals/pizza/pizzaCard_20220619082124.tsx | 36 ---- ...51454.tsx => pizzaCard_20220725005547.tsx} | 0 ...82141.tsx => pizzaCard_20220725005826.tsx} | 1 - .../modals/pizza/pizzaCard_20220725010026.tsx | 35 ++++ ...51408.tsx => pizzaCard_20220725010033.tsx} | 3 +- ...51400.tsx => pizzaCard_20220725010351.tsx} | 5 +- ...81333.tsx => pizzaCard_20220725182137.tsx} | 7 +- .history/pages/index_20220525183526.tsx | 52 ------ .history/pages/index_20220525183825.tsx | 52 ------ .history/pages/index_20220525183852.tsx | 33 ---- .history/pages/index_20220528173327.tsx | 33 ---- .history/pages/index_20220528174654.tsx | 34 ---- .history/pages/index_20220528174721.tsx | 34 ---- .history/pages/index_20220528174856.tsx | 35 ---- .history/pages/index_20220528224733.tsx | 37 ----- .history/pages/index_20220528225606.tsx | 38 ----- .history/pages/index_20220528225619.tsx | 38 ----- .history/pages/index_20220528231649.tsx | 42 ----- .history/pages/index_20220528232725.tsx | 42 ----- .history/pages/index_20220528233321.tsx | 44 ----- .history/pages/index_20220528233418.tsx | 44 ----- .history/pages/index_20220528233430.tsx | 42 ----- .history/pages/index_20220528233439.tsx | 42 ----- .history/pages/index_20220528233445.tsx | 42 ----- .history/pages/index_20220528233449.tsx | 44 ----- .history/pages/index_20220528233524.tsx | 44 ----- .history/pages/index_20220528234219.tsx | 47 ------ .history/pages/index_20220528234223.tsx | 47 ------ .history/pages/index_20220528234224.tsx | 47 ------ .history/pages/index_20220528234225.tsx | 47 ------ .history/pages/index_20220528234227.tsx | 46 ------ .history/pages/index_20220528234228.tsx | 46 ------ .history/pages/index_20220528234229.tsx | 46 ------ .history/pages/index_20220528234818.tsx | 46 ------ .history/pages/index_20220528234827.tsx | 46 ------ .history/pages/index_20220528234835.tsx | 46 ------ .history/pages/index_20220528234842.tsx | 47 ------ .history/pages/index_20220528234845.tsx | 47 ------ .history/pages/index_20220528234847.tsx | 47 ------ .history/pages/index_20220528234849.tsx | 47 ------ .history/pages/index_20220528234853.tsx | 47 ------ .history/pages/index_20220528234854.tsx | 47 ------ .history/pages/index_20220528235220.tsx | 47 ------ .history/pages/index_20220528235228.tsx | 47 ------ .history/pages/index_20220528235239.tsx | 47 ------ .history/pages/index_20220528235245.tsx | 47 ------ .history/pages/index_20220528235344.tsx | 47 ------ .history/pages/index_20220529002504.tsx | 47 ------ .history/pages/index_20220529002512.tsx | 50 ------ .history/pages/index_20220529002515.tsx | 50 ------ .history/pages/index_20220529002534.tsx | 53 ------ .history/pages/index_20220529002538.tsx | 53 ------ .history/pages/index_20220529002703.tsx | 53 ------ .history/pages/index_20220529002706.tsx | 53 ------ .history/pages/index_20220529002710.tsx | 53 ------ .history/pages/index_20220529002713.tsx | 52 ------ .history/pages/index_20220529002715.tsx | 52 ------ .history/pages/index_20220529002718.tsx | 52 ------ .history/pages/index_20220529002720.tsx | 52 ------ .history/pages/index_20220529002724.tsx | 52 ------ .history/pages/index_20220529002758.tsx | 52 ------ .history/pages/index_20220529002801.tsx | 51 ------ .history/pages/index_20220529002803.tsx | 51 ------ .history/pages/index_20220529002815.tsx | 51 ------ .history/pages/index_20220529002819.tsx | 51 ------ .history/pages/index_20220529002910.tsx | 52 ------ .history/pages/index_20220529002912.tsx | 52 ------ .history/pages/index_20220529002914.tsx | 52 ------ .history/pages/index_20220529002919.tsx | 52 ------ .history/pages/index_20220529002922.tsx | 52 ------ .history/pages/index_20220529002928.tsx | 52 ------ .history/pages/index_20220529002935.tsx | 52 ------ .history/pages/index_20220529003858.tsx | 52 ------ .history/pages/index_20220529003859.tsx | 52 ------ .history/pages/index_20220529003905.tsx | 52 ------ .history/pages/index_20220529003913.tsx | 53 ------ .history/pages/index_20220529003919.tsx | 53 ------ .history/pages/index_20220529003925.tsx | 54 ------ .history/pages/index_20220529003933.tsx | 54 ------ .history/pages/index_20220529003939.tsx | 54 ------ .history/pages/index_20220529003946.tsx | 54 ------ .history/pages/index_20220529003951.tsx | 54 ------ .history/pages/index_20220529004022.tsx | 55 ------ .history/pages/index_20220529004026.tsx | 55 ------ .history/pages/index_20220529004028.tsx | 55 ------ .history/pages/index_20220529004119.tsx | 55 ------ .history/pages/index_20220529004422.tsx | 55 ------ .history/pages/index_20220529004424.tsx | 55 ------ .history/pages/index_20220529004427.tsx | 55 ------ .history/pages/index_20220529004429.tsx | 55 ------ .history/pages/index_20220529004442.tsx | 55 ------ .history/pages/index_20220529004444.tsx | 55 ------ .history/pages/index_20220529004449.tsx | 55 ------ .history/pages/index_20220529004451.tsx | 55 ------ .history/pages/index_20220529004457.tsx | 55 ------ .history/pages/index_20220529004504.tsx | 55 ------ .history/pages/index_20220529004505.tsx | 55 ------ .history/pages/index_20220529144123.tsx | 55 ------ .history/pages/index_20220529144125.tsx | 55 ------ .history/pages/index_20220529144134.tsx | 55 ------ .history/pages/index_20220529144425.tsx | 54 ------ .history/pages/index_20220529144430.tsx | 53 ------ .history/pages/index_20220529144431.tsx | 53 ------ .history/pages/index_20220529144432.tsx | 53 ------ .history/pages/index_20220529145218.tsx | 53 ------ .history/pages/index_20220529145253.tsx | 53 ------ .history/pages/index_20220529145911.tsx | 53 ------ .history/pages/index_20220529145920.tsx | 53 ------ .history/pages/index_20220529145922.tsx | 53 ------ .history/pages/index_20220529145928.tsx | 53 ------ .history/pages/index_20220529145929.tsx | 53 ------ .history/pages/index_20220529145939.tsx | 53 ------ .history/pages/index_20220529150059.tsx | 53 ------ .history/pages/index_20220529151003.tsx | 53 ------ .history/pages/index_20220529152252.tsx | 51 ------ .history/pages/index_20220529152259.tsx | 53 ------ .history/pages/index_20220529152307.tsx | 44 ----- .history/pages/index_20220529152328.tsx | 53 ------ .history/pages/index_20220529152727.tsx | 51 ------ .history/pages/index_20220529155759.tsx | 45 ----- .history/pages/index_20220529160403.tsx | 53 ------ .history/pages/index_20220529160404.tsx | 53 ------ .history/pages/index_20220529160405.tsx | 53 ------ .history/pages/index_20220530190403.tsx | 54 ------ .history/pages/index_20220530190409.tsx | 54 ------ .history/pages/index_20220530190412.tsx | 54 ------ .history/pages/index_20220530190414.tsx | 54 ------ .history/pages/index_20220530190421.tsx | 54 ------ .history/pages/index_20220530190425.tsx | 54 ------ .history/pages/index_20220530190434.tsx | 54 ------ .history/pages/index_20220530190441.tsx | 54 ------ .history/pages/index_20220530190446.tsx | 54 ------ .history/pages/index_20220530190448.tsx | 54 ------ .history/pages/index_20220530190450.tsx | 54 ------ .history/pages/index_20220530190453.tsx | 54 ------ .history/pages/index_20220530190456.tsx | 54 ------ .history/pages/index_20220530190458.tsx | 54 ------ .history/pages/index_20220530190500.tsx | 54 ------ .history/pages/index_20220530190507.tsx | 54 ------ .history/pages/index_20220530190509.tsx | 54 ------ .history/pages/index_20220530190510.tsx | 54 ------ .history/pages/index_20220530190517.tsx | 53 ------ .history/pages/index_20220530190522.tsx | 53 ------ .history/pages/index_20220530190530.tsx | 54 ------ .history/pages/index_20220530190532.tsx | 54 ------ .history/pages/index_20220530190535.tsx | 54 ------ .history/pages/index_20220530190536.tsx | 55 ------ .history/pages/index_20220530190538.tsx | 56 ------- .history/pages/index_20220530190540.tsx | 58 ------- .history/pages/index_20220530190541.tsx | 59 ------- .history/pages/index_20220530190545.tsx | 59 ------- .history/pages/index_20220530190618.tsx | 60 ------- .history/pages/index_20220530190630.tsx | 59 ------- .history/pages/index_20220530190632.tsx | 60 ------- .history/pages/index_20220530190700.tsx | 60 ------- .history/pages/index_20220530190702.tsx | 60 ------- .history/pages/index_20220530190704.tsx | 60 ------- .history/pages/index_20220530190707.tsx | 60 ------- .history/pages/index_20220530190709.tsx | 60 ------- .history/pages/index_20220530190711.tsx | 60 ------- .history/pages/index_20220530190736.tsx | 61 ------- .history/pages/index_20220530190739.tsx | 61 ------- .history/pages/index_20220530190740.tsx | 61 ------- .history/pages/index_20220530190742.tsx | 62 ------- .history/pages/index_20220530190745.tsx | 63 ------- .history/pages/index_20220530190747.tsx | 63 ------- .history/pages/index_20220530190803.tsx | 66 -------- .history/pages/index_20220530190831.tsx | 67 -------- .history/pages/index_20220530190837.tsx | 67 -------- .history/pages/index_20220530190839.tsx | 67 -------- .history/pages/index_20220531160602.tsx | 68 -------- .history/pages/index_20220531160612.tsx | 69 -------- .history/pages/index_20220531160614.tsx | 69 -------- .history/pages/index_20220531160616.tsx | 69 -------- .history/pages/index_20220531160618.tsx | 69 -------- .history/pages/index_20220531160620.tsx | 69 -------- .history/pages/index_20220531160625.tsx | 71 -------- .history/pages/index_20220531160628.tsx | 70 -------- .history/pages/index_20220531160631.tsx | 70 -------- .history/pages/index_20220531160913.tsx | 68 -------- .history/pages/index_20220531161012.tsx | 69 -------- .history/pages/index_20220531161020.tsx | 69 -------- .history/pages/index_20220531161037.tsx | 69 -------- .history/pages/index_20220531162101.tsx | 69 -------- .history/pages/index_20220531162131.tsx | 69 -------- .history/pages/index_20220531162144.tsx | 69 -------- .history/pages/index_20220601090400.tsx | 72 -------- .history/pages/index_20220601090633.tsx | 72 -------- .history/pages/index_20220601090650.tsx | 72 -------- .history/pages/index_20220602164615.tsx | 73 -------- .history/pages/index_20220602164752.tsx | 76 --------- .history/pages/index_20220602164850.tsx | 75 --------- .history/pages/index_20220602164903.tsx | 75 --------- .history/pages/index_20220603173104.tsx | 74 --------- .history/pages/index_20220603173135.tsx | 74 --------- .history/pages/index_20220603173151.tsx | 74 --------- .history/pages/index_20220603173154.tsx | 74 --------- .history/pages/index_20220603174511.tsx | 77 --------- .history/pages/index_20220603174555.tsx | 77 --------- .history/pages/index_20220603174614.tsx | 77 --------- .history/pages/index_20220603174722.tsx | 77 --------- .history/pages/index_20220615162448.tsx | 77 --------- .history/pages/index_20220616125418.tsx | 81 --------- .history/pages/index_20220616125725.tsx | 79 --------- .history/pages/index_20220617161335.tsx | 79 --------- .history/pages/index_20220617162547.tsx | 85 ---------- .history/pages/index_20220617162616.tsx | 84 ---------- .history/pages/index_20220617162646.tsx | 84 ---------- .history/pages/index_20220617162725.tsx | 87 ---------- .history/pages/index_20220617190745.tsx | 87 ---------- .history/pages/index_20220618072502.tsx | 87 ---------- .history/pages/index_20220618072534.tsx | 87 ---------- .history/pages/index_20220618072601.tsx | 87 ---------- .history/pages/index_20220618073544.tsx | 87 ---------- .history/pages/index_20220618073647.tsx | 87 ---------- .history/pages/index_20220618073946.tsx | 89 ---------- .history/pages/index_20220618074031.tsx | 89 ---------- .history/pages/index_20220618074103.tsx | 89 ---------- ...618081119.tsx => index_20220725182703.tsx} | 2 +- .../redux/pizzaToCart/types_20220615155011.ts | 0 .../redux/pizzaToCart/types_20220615155138.ts | 18 -- .../redux/pizzaToCart/types_20220615161032.ts | 22 --- .../redux/pizzaToCart/types_20220615164200.ts | 27 --- .../redux/pizzaToCart/types_20220616123747.ts | 26 --- ...20616123850.ts => types_20220725010214.ts} | 0 README.md | 6 +- .../pages/index/modals/cart/content.tsx | 7 +- .../pages/index/modals/cart/pizzaCart.tsx | 4 +- .../pages/index/modals/pizza/content.tsx | 8 +- .../pages/index/modals/pizza/pizzaCard.tsx | 1 - pages/index.tsx | 2 +- redux/cart1/selectors.ts | 6 - redux/cart1/slice.ts | 45 ----- redux/cart1/types.ts | 14 -- 357 files changed, 972 insertions(+), 17686 deletions(-) create mode 100644 .history/README_20220725183025.md create mode 100644 .history/README_20220725183946.md create mode 100644 .history/components/customer/pages/index/modals/cart/content_20220725183309.tsx create mode 100644 .history/components/customer/pages/index/modals/cart/content_20220725183345.tsx create mode 100644 .history/components/customer/pages/index/modals/cart/content_20220725183434.tsx delete mode 100644 .history/components/customer/pages/index/modals/cart/pizzaCart_20220618063313.tsx delete mode 100644 .history/components/customer/pages/index/modals/cart/pizzaCart_20220618063622.tsx delete mode 100644 .history/components/customer/pages/index/modals/cart/pizzaCart_20220618071220.tsx delete mode 100644 .history/components/customer/pages/index/modals/cart/pizzaCart_20220618073843.tsx delete mode 100644 .history/components/customer/pages/index/modals/cart/pizzaCart_20220618104446.tsx delete mode 100644 .history/components/customer/pages/index/modals/cart/pizzaCart_20220618143512.tsx rename .history/components/customer/pages/index/modals/cart/{pizzaCart_20220618082309.tsx => pizzaCart_20220725005715.tsx} (74%) create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220725005931.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220725005937.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220725182605.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220531162610.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220531162625.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220531163128.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220531163133.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220531163150.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220531163151.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220531163155.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220531163157.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215502.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215615.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215634.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215641.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215645.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215648.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215655.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215658.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215703.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215707.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215708.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215710.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215720.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215724.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215726.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215733.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215736.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215737.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215738.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215823.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215826.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215858.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220531221147.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220531221151.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220531221845.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220531221847.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220601085821.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220601085945.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220601090104.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220601090857.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220603174529.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220603174551.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220603174612.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220603175317.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220603175724.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220603175745.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220604082614.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220604083212.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220604083327.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220604083453.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220604083500.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220604083527.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220604083650.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220604131550.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220604131602.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220604131652.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220604131757.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220604171330.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220615043046.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220615043356.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220615043417.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220615043448.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220615043502.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220615043527.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220615052903.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220615053406.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220615054825.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220615054902.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220615055133.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220615055327.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220615055433.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220615055441.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220615055444.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220615055454.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220615055502.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220615055604.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220615060013.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220615060020.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220615062834.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220615062851.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220615063125.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220615064426.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220615064445.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220615160218.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220615160433.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220615160611.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220615160632.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220615160645.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220615162022.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220615162403.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220615162842.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220615162900.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220615162915.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220615162952.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220615164006.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220615164206.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220616123755.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220616125926.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220616125948.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220616132026.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220616132034.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220617162344.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220617162450.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220617190746.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220617191214.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220617191230.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220618150953.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220618151147.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220619081810.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220619082020.tsx delete mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220619082124.tsx rename .history/components/customer/pages/index/modals/pizza/{pizzaCard_20220618151454.tsx => pizzaCard_20220725005547.tsx} (100%) rename .history/components/customer/pages/index/modals/pizza/{pizzaCard_20220619082141.tsx => pizzaCard_20220725005826.tsx} (96%) create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220725010026.tsx rename .history/components/customer/pages/index/modals/pizza/{pizzaCard_20220618151408.tsx => pizzaCard_20220725010033.tsx} (92%) rename .history/components/customer/pages/index/modals/pizza/{pizzaCard_20220618151400.tsx => pizzaCard_20220725010351.tsx} (87%) rename .history/components/customer/pages/index/modals/pizza/{pizzaCard_20220619081333.tsx => pizzaCard_20220725182137.tsx} (83%) delete mode 100644 .history/pages/index_20220525183526.tsx delete mode 100644 .history/pages/index_20220525183825.tsx delete mode 100644 .history/pages/index_20220525183852.tsx delete mode 100644 .history/pages/index_20220528173327.tsx delete mode 100644 .history/pages/index_20220528174654.tsx delete mode 100644 .history/pages/index_20220528174721.tsx delete mode 100644 .history/pages/index_20220528174856.tsx delete mode 100644 .history/pages/index_20220528224733.tsx delete mode 100644 .history/pages/index_20220528225606.tsx delete mode 100644 .history/pages/index_20220528225619.tsx delete mode 100644 .history/pages/index_20220528231649.tsx delete mode 100644 .history/pages/index_20220528232725.tsx delete mode 100644 .history/pages/index_20220528233321.tsx delete mode 100644 .history/pages/index_20220528233418.tsx delete mode 100644 .history/pages/index_20220528233430.tsx delete mode 100644 .history/pages/index_20220528233439.tsx delete mode 100644 .history/pages/index_20220528233445.tsx delete mode 100644 .history/pages/index_20220528233449.tsx delete mode 100644 .history/pages/index_20220528233524.tsx delete mode 100644 .history/pages/index_20220528234219.tsx delete mode 100644 .history/pages/index_20220528234223.tsx delete mode 100644 .history/pages/index_20220528234224.tsx delete mode 100644 .history/pages/index_20220528234225.tsx delete mode 100644 .history/pages/index_20220528234227.tsx delete mode 100644 .history/pages/index_20220528234228.tsx delete mode 100644 .history/pages/index_20220528234229.tsx delete mode 100644 .history/pages/index_20220528234818.tsx delete mode 100644 .history/pages/index_20220528234827.tsx delete mode 100644 .history/pages/index_20220528234835.tsx delete mode 100644 .history/pages/index_20220528234842.tsx delete mode 100644 .history/pages/index_20220528234845.tsx delete mode 100644 .history/pages/index_20220528234847.tsx delete mode 100644 .history/pages/index_20220528234849.tsx delete mode 100644 .history/pages/index_20220528234853.tsx delete mode 100644 .history/pages/index_20220528234854.tsx delete mode 100644 .history/pages/index_20220528235220.tsx delete mode 100644 .history/pages/index_20220528235228.tsx delete mode 100644 .history/pages/index_20220528235239.tsx delete mode 100644 .history/pages/index_20220528235245.tsx delete mode 100644 .history/pages/index_20220528235344.tsx delete mode 100644 .history/pages/index_20220529002504.tsx delete mode 100644 .history/pages/index_20220529002512.tsx delete mode 100644 .history/pages/index_20220529002515.tsx delete mode 100644 .history/pages/index_20220529002534.tsx delete mode 100644 .history/pages/index_20220529002538.tsx delete mode 100644 .history/pages/index_20220529002703.tsx delete mode 100644 .history/pages/index_20220529002706.tsx delete mode 100644 .history/pages/index_20220529002710.tsx delete mode 100644 .history/pages/index_20220529002713.tsx delete mode 100644 .history/pages/index_20220529002715.tsx delete mode 100644 .history/pages/index_20220529002718.tsx delete mode 100644 .history/pages/index_20220529002720.tsx delete mode 100644 .history/pages/index_20220529002724.tsx delete mode 100644 .history/pages/index_20220529002758.tsx delete mode 100644 .history/pages/index_20220529002801.tsx delete mode 100644 .history/pages/index_20220529002803.tsx delete mode 100644 .history/pages/index_20220529002815.tsx delete mode 100644 .history/pages/index_20220529002819.tsx delete mode 100644 .history/pages/index_20220529002910.tsx delete mode 100644 .history/pages/index_20220529002912.tsx delete mode 100644 .history/pages/index_20220529002914.tsx delete mode 100644 .history/pages/index_20220529002919.tsx delete mode 100644 .history/pages/index_20220529002922.tsx delete mode 100644 .history/pages/index_20220529002928.tsx delete mode 100644 .history/pages/index_20220529002935.tsx delete mode 100644 .history/pages/index_20220529003858.tsx delete mode 100644 .history/pages/index_20220529003859.tsx delete mode 100644 .history/pages/index_20220529003905.tsx delete mode 100644 .history/pages/index_20220529003913.tsx delete mode 100644 .history/pages/index_20220529003919.tsx delete mode 100644 .history/pages/index_20220529003925.tsx delete mode 100644 .history/pages/index_20220529003933.tsx delete mode 100644 .history/pages/index_20220529003939.tsx delete mode 100644 .history/pages/index_20220529003946.tsx delete mode 100644 .history/pages/index_20220529003951.tsx delete mode 100644 .history/pages/index_20220529004022.tsx delete mode 100644 .history/pages/index_20220529004026.tsx delete mode 100644 .history/pages/index_20220529004028.tsx delete mode 100644 .history/pages/index_20220529004119.tsx delete mode 100644 .history/pages/index_20220529004422.tsx delete mode 100644 .history/pages/index_20220529004424.tsx delete mode 100644 .history/pages/index_20220529004427.tsx delete mode 100644 .history/pages/index_20220529004429.tsx delete mode 100644 .history/pages/index_20220529004442.tsx delete mode 100644 .history/pages/index_20220529004444.tsx delete mode 100644 .history/pages/index_20220529004449.tsx delete mode 100644 .history/pages/index_20220529004451.tsx delete mode 100644 .history/pages/index_20220529004457.tsx delete mode 100644 .history/pages/index_20220529004504.tsx delete mode 100644 .history/pages/index_20220529004505.tsx delete mode 100644 .history/pages/index_20220529144123.tsx delete mode 100644 .history/pages/index_20220529144125.tsx delete mode 100644 .history/pages/index_20220529144134.tsx delete mode 100644 .history/pages/index_20220529144425.tsx delete mode 100644 .history/pages/index_20220529144430.tsx delete mode 100644 .history/pages/index_20220529144431.tsx delete mode 100644 .history/pages/index_20220529144432.tsx delete mode 100644 .history/pages/index_20220529145218.tsx delete mode 100644 .history/pages/index_20220529145253.tsx delete mode 100644 .history/pages/index_20220529145911.tsx delete mode 100644 .history/pages/index_20220529145920.tsx delete mode 100644 .history/pages/index_20220529145922.tsx delete mode 100644 .history/pages/index_20220529145928.tsx delete mode 100644 .history/pages/index_20220529145929.tsx delete mode 100644 .history/pages/index_20220529145939.tsx delete mode 100644 .history/pages/index_20220529150059.tsx delete mode 100644 .history/pages/index_20220529151003.tsx delete mode 100644 .history/pages/index_20220529152252.tsx delete mode 100644 .history/pages/index_20220529152259.tsx delete mode 100644 .history/pages/index_20220529152307.tsx delete mode 100644 .history/pages/index_20220529152328.tsx delete mode 100644 .history/pages/index_20220529152727.tsx delete mode 100644 .history/pages/index_20220529155759.tsx delete mode 100644 .history/pages/index_20220529160403.tsx delete mode 100644 .history/pages/index_20220529160404.tsx delete mode 100644 .history/pages/index_20220529160405.tsx delete mode 100644 .history/pages/index_20220530190403.tsx delete mode 100644 .history/pages/index_20220530190409.tsx delete mode 100644 .history/pages/index_20220530190412.tsx delete mode 100644 .history/pages/index_20220530190414.tsx delete mode 100644 .history/pages/index_20220530190421.tsx delete mode 100644 .history/pages/index_20220530190425.tsx delete mode 100644 .history/pages/index_20220530190434.tsx delete mode 100644 .history/pages/index_20220530190441.tsx delete mode 100644 .history/pages/index_20220530190446.tsx delete mode 100644 .history/pages/index_20220530190448.tsx delete mode 100644 .history/pages/index_20220530190450.tsx delete mode 100644 .history/pages/index_20220530190453.tsx delete mode 100644 .history/pages/index_20220530190456.tsx delete mode 100644 .history/pages/index_20220530190458.tsx delete mode 100644 .history/pages/index_20220530190500.tsx delete mode 100644 .history/pages/index_20220530190507.tsx delete mode 100644 .history/pages/index_20220530190509.tsx delete mode 100644 .history/pages/index_20220530190510.tsx delete mode 100644 .history/pages/index_20220530190517.tsx delete mode 100644 .history/pages/index_20220530190522.tsx delete mode 100644 .history/pages/index_20220530190530.tsx delete mode 100644 .history/pages/index_20220530190532.tsx delete mode 100644 .history/pages/index_20220530190535.tsx delete mode 100644 .history/pages/index_20220530190536.tsx delete mode 100644 .history/pages/index_20220530190538.tsx delete mode 100644 .history/pages/index_20220530190540.tsx delete mode 100644 .history/pages/index_20220530190541.tsx delete mode 100644 .history/pages/index_20220530190545.tsx delete mode 100644 .history/pages/index_20220530190618.tsx delete mode 100644 .history/pages/index_20220530190630.tsx delete mode 100644 .history/pages/index_20220530190632.tsx delete mode 100644 .history/pages/index_20220530190700.tsx delete mode 100644 .history/pages/index_20220530190702.tsx delete mode 100644 .history/pages/index_20220530190704.tsx delete mode 100644 .history/pages/index_20220530190707.tsx delete mode 100644 .history/pages/index_20220530190709.tsx delete mode 100644 .history/pages/index_20220530190711.tsx delete mode 100644 .history/pages/index_20220530190736.tsx delete mode 100644 .history/pages/index_20220530190739.tsx delete mode 100644 .history/pages/index_20220530190740.tsx delete mode 100644 .history/pages/index_20220530190742.tsx delete mode 100644 .history/pages/index_20220530190745.tsx delete mode 100644 .history/pages/index_20220530190747.tsx delete mode 100644 .history/pages/index_20220530190803.tsx delete mode 100644 .history/pages/index_20220530190831.tsx delete mode 100644 .history/pages/index_20220530190837.tsx delete mode 100644 .history/pages/index_20220530190839.tsx delete mode 100644 .history/pages/index_20220531160602.tsx delete mode 100644 .history/pages/index_20220531160612.tsx delete mode 100644 .history/pages/index_20220531160614.tsx delete mode 100644 .history/pages/index_20220531160616.tsx delete mode 100644 .history/pages/index_20220531160618.tsx delete mode 100644 .history/pages/index_20220531160620.tsx delete mode 100644 .history/pages/index_20220531160625.tsx delete mode 100644 .history/pages/index_20220531160628.tsx delete mode 100644 .history/pages/index_20220531160631.tsx delete mode 100644 .history/pages/index_20220531160913.tsx delete mode 100644 .history/pages/index_20220531161012.tsx delete mode 100644 .history/pages/index_20220531161020.tsx delete mode 100644 .history/pages/index_20220531161037.tsx delete mode 100644 .history/pages/index_20220531162101.tsx delete mode 100644 .history/pages/index_20220531162131.tsx delete mode 100644 .history/pages/index_20220531162144.tsx delete mode 100644 .history/pages/index_20220601090400.tsx delete mode 100644 .history/pages/index_20220601090633.tsx delete mode 100644 .history/pages/index_20220601090650.tsx delete mode 100644 .history/pages/index_20220602164615.tsx delete mode 100644 .history/pages/index_20220602164752.tsx delete mode 100644 .history/pages/index_20220602164850.tsx delete mode 100644 .history/pages/index_20220602164903.tsx delete mode 100644 .history/pages/index_20220603173104.tsx delete mode 100644 .history/pages/index_20220603173135.tsx delete mode 100644 .history/pages/index_20220603173151.tsx delete mode 100644 .history/pages/index_20220603173154.tsx delete mode 100644 .history/pages/index_20220603174511.tsx delete mode 100644 .history/pages/index_20220603174555.tsx delete mode 100644 .history/pages/index_20220603174614.tsx delete mode 100644 .history/pages/index_20220603174722.tsx delete mode 100644 .history/pages/index_20220615162448.tsx delete mode 100644 .history/pages/index_20220616125418.tsx delete mode 100644 .history/pages/index_20220616125725.tsx delete mode 100644 .history/pages/index_20220617161335.tsx delete mode 100644 .history/pages/index_20220617162547.tsx delete mode 100644 .history/pages/index_20220617162616.tsx delete mode 100644 .history/pages/index_20220617162646.tsx delete mode 100644 .history/pages/index_20220617162725.tsx delete mode 100644 .history/pages/index_20220617190745.tsx delete mode 100644 .history/pages/index_20220618072502.tsx delete mode 100644 .history/pages/index_20220618072534.tsx delete mode 100644 .history/pages/index_20220618072601.tsx delete mode 100644 .history/pages/index_20220618073544.tsx delete mode 100644 .history/pages/index_20220618073647.tsx delete mode 100644 .history/pages/index_20220618073946.tsx delete mode 100644 .history/pages/index_20220618074031.tsx delete mode 100644 .history/pages/index_20220618074103.tsx rename .history/pages/{index_20220618081119.tsx => index_20220725182703.tsx} (98%) delete mode 100644 .history/redux/pizzaToCart/types_20220615155011.ts delete mode 100644 .history/redux/pizzaToCart/types_20220615155138.ts delete mode 100644 .history/redux/pizzaToCart/types_20220615161032.ts delete mode 100644 .history/redux/pizzaToCart/types_20220615164200.ts delete mode 100644 .history/redux/pizzaToCart/types_20220616123747.ts rename .history/redux/pizzaToCart/{types_20220616123850.ts => types_20220725010214.ts} (100%) delete mode 100644 redux/cart1/selectors.ts delete mode 100644 redux/cart1/slice.ts delete mode 100644 redux/cart1/types.ts diff --git a/.history/README_20220725183025.md b/.history/README_20220725183025.md new file mode 100644 index 0000000..9d0beac --- /dev/null +++ b/.history/README_20220725183025.md @@ -0,0 +1,35 @@ +Сайт для сервиса доставки пиццы. + +[Ссылка на сайт](https://pizza.krasnikov.pro/) + +### Задания на изменения +1. [x] Исправить размер модального окна с добавление пиццы в корзину +2. [x] Перенести кнопку закрытия модального окна в верхний левый угол + +### Изменения 11.07.22 +1. Изменил размеры модального окна с карточкой пиццы под разные расширения экрана. +2. Изменил внутренни размеры компонентов модального окна, что бы все помещались. +3. Убрал появление синего цвета при нажатии. + +### Изменения 12.07.22 +1. Изменил расположение нижней панели карточки пиццы. +2. Перенастроил корзину. Но пака не доделал новый дизайн карточки продукта. + +### Изменения 18.07.22 +1. Перенес кнопку закрыть карточку в верхний правый угол. +2. Настроил автоматическое изменение размеров модального окна с пиццей. +3. Изменил кнопку закрытия корзины. + +### Изменения 19.07.22 +1. Перерисовал корзину под новый дизайн только для компьютерной версии. + +### Изменения 23.07.22 - 23:00 - 00:30 +1. Изменил окно корзины для мобильной версии. + +### Изменения 24.07.22 - 21:34 - 00:47 +1. Добавление продуктов в корзину. +2. Уменьшение и увеличение количества продуктов в корзине. + +### Изменения 25.07.22 - 18:20 - +1. Исправил ошибку с типами данных. +2. Уменьшение и увеличение количества продуктов в корзине. \ No newline at end of file diff --git a/.history/README_20220725183946.md b/.history/README_20220725183946.md new file mode 100644 index 0000000..8cca3c5 --- /dev/null +++ b/.history/README_20220725183946.md @@ -0,0 +1,35 @@ +Сайт для сервиса доставки пиццы. + +[Ссылка на сайт](https://pizza.krasnikov.pro/) + +### Задания на изменения +1. [x] Исправить размер модального окна с добавление пиццы в корзину +2. [x] Перенести кнопку закрытия модального окна в верхний левый угол + +### Изменения 11.07.22 +1. Изменил размеры модального окна с карточкой пиццы под разные расширения экрана. +2. Изменил внутренни размеры компонентов модального окна, что бы все помещались. +3. Убрал появление синего цвета при нажатии. + +### Изменения 12.07.22 +1. Изменил расположение нижней панели карточки пиццы. +2. Перенастроил корзину. Но пака не доделал новый дизайн карточки продукта. + +### Изменения 18.07.22 +1. Перенес кнопку закрыть карточку в верхний правый угол. +2. Настроил автоматическое изменение размеров модального окна с пиццей. +3. Изменил кнопку закрытия корзины. + +### Изменения 19.07.22 +1. Перерисовал корзину под новый дизайн только для компьютерной версии. + +### Изменения 23.07.22 - 23:00 - 00:30 +1. Изменил окно корзины для мобильной версии. + +### Изменения 24.07.22 - 21:34 - 00:47 +1. Добавление продуктов в корзину. +2. Уменьшение и увеличение количества продуктов в корзине. + +### Изменения 25.07.22 - 18:20 - +1. Исправил ошибку с типами данных. +2. При открытии корзины если нет продуктов выводится сообщение, что корзина пуста. \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/cart/content_20220725183309.tsx b/.history/components/customer/pages/index/modals/cart/content_20220725183309.tsx new file mode 100644 index 0000000..620186b --- /dev/null +++ b/.history/components/customer/pages/index/modals/cart/content_20220725183309.tsx @@ -0,0 +1,122 @@ +import React, { useState } from 'react'; +import Link from "next/link"; +import classNames from 'classnames'; +import { useSelector } from 'react-redux'; +import { HiMinus, HiPlus } from "react-icons/hi"; +import { CardBasketProduct, CardAdditionally } from './' +import { BoxScroll } from '../../../../../../components/customer/containers'; +import { Button } from '../../../../../UI'; +import { selectCart } from './redux/selectors'; + + +type PizzaProps = { + id: string; + title: string; + heft: string[]; + description: string; + img: string[]; + price: string[]; + size: string[]; +}; + +const types=[0,1], sizes=[30,40,50], sum=0, typeNames = ['традиционное тесто','тонкое тесто'] ; + +export const PizzaModalsContentCart: React.FC = ({ + id, + title, + img, + heft, + description, + price, + size, +}) => { + + const [additionally, setAdditionally] = useState([{src:'/assets/img/coca.png', name: 'Coca', price: 100}, + {src:'/assets/img/coca.png', name: 'Coca', price: 100}, + {src:'/assets/img/coca.png', name: 'Coca', price: 100}, + {src:'/assets/img/coca.png', name: 'Coca', price: 100}, + {src:'/assets/img/coca.png', name: 'Coca', price: 100},]); + + const [delivery, setDelivery] = useState(0); + + + + + const { totalPrice, items } = useSelector(selectCart); + + const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + const [ sum, setSum ] = useState(totalPrice + delivery); + + + + const addBasket = () => { + console.log('add'); + } + + const sizeText = [{size:30, text: 'маленькая 30 см, '},{size:40, text: 'средняя 40 см, '}, {size:50, text: 'большая 50 см, '}] + + + return ( + <> + + + + + + + +
+

{totalCount} товар на {totalPrice} р

+
+
+
+ {Object.keys(items).length > 0 ? items.map((rows, count) => + el.size === rows.size)?.text +' '+ rows.type} + sum={rows.sum}/> + ) :

Корзина пуста

} +
+
+

Добавить к заказу?

+ + {additionally.map((name, count) => + ) + } + +
+
+
+
+ +
+
+
+

Доставка

{delivery} ₽

+
+
+

{totalCount} товар(а)

+

{totalPrice} ₽

+
+
+

Итого

{totalPrice + delivery} ₽

+
+
+ + + +
+ + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/cart/content_20220725183345.tsx b/.history/components/customer/pages/index/modals/cart/content_20220725183345.tsx new file mode 100644 index 0000000..79879f2 --- /dev/null +++ b/.history/components/customer/pages/index/modals/cart/content_20220725183345.tsx @@ -0,0 +1,123 @@ +import React, { useState } from 'react'; +import Link from "next/link"; +import classNames from 'classnames'; +import { useSelector } from 'react-redux'; +import { HiMinus, HiPlus } from "react-icons/hi"; +import { CardBasketProduct, CardAdditionally } from './' +import { BoxScroll } from '../../../../../../components/customer/containers'; +import { Button } from '../../../../../UI'; +import { selectCart } from './redux/selectors'; + + +type PizzaProps = { + id: string; + title: string; + heft: string[]; + description: string; + img: string[]; + price: string[]; + size: string[]; +}; + +const types=[0,1], sizes=[30,40,50], sum=0, typeNames = ['традиционное тесто','тонкое тесто'] ; + +export const PizzaModalsContentCart: React.FC = ({ + id, + title, + img, + heft, + description, + price, + size, +}) => { + + const [additionally, setAdditionally] = useState([{src:'/assets/img/coca.png', name: 'Coca', price: 100}, + {src:'/assets/img/coca.png', name: 'Coca', price: 100}, + {src:'/assets/img/coca.png', name: 'Coca', price: 100}, + {src:'/assets/img/coca.png', name: 'Coca', price: 100}, + {src:'/assets/img/coca.png', name: 'Coca', price: 100},]); + + const [delivery, setDelivery] = useState(0); + + + + + const { totalPrice, items } = useSelector(selectCart); + + const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + const [ sum, setSum ] = useState(totalPrice + delivery); + + + + const addBasket = () => { + console.log('add'); + } + + const sizeText = [{size:30, text: 'маленькая 30 см, '},{size:40, text: 'средняя 40 см, '}, {size:50, text: 'большая 50 см, '}] + + + return ( + <> + + + + + + + +
+

{totalCount} товар на {totalPrice} р

+
+
+
+ {Object.keys(items).length > 0 ? items.map((rows, count) => + el.size === rows.size)?.text +' '+ rows.type} + sum={rows.sum}/> + ) :

Корзина пуста

} +
+ {Object.keys(items).length > 0 ? +
+

Добавить к заказу?

+ + {additionally.map((name, count) => + ) + } + +
: '' } +
+
+
+ +
+
+
+

Доставка

{delivery} ₽

+
+
+

{totalCount} товар(а)

+

{totalPrice} ₽

+
+
+

Итого

{totalPrice + delivery} ₽

+
+
+ + + +
+ + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/cart/content_20220725183434.tsx b/.history/components/customer/pages/index/modals/cart/content_20220725183434.tsx new file mode 100644 index 0000000..db6ffc9 --- /dev/null +++ b/.history/components/customer/pages/index/modals/cart/content_20220725183434.tsx @@ -0,0 +1,123 @@ +import React, { useState } from 'react'; +import Link from "next/link"; +import classNames from 'classnames'; +import { useSelector } from 'react-redux'; +import { HiMinus, HiPlus } from "react-icons/hi"; +import { CardBasketProduct, CardAdditionally } from './' +import { BoxScroll } from '../../../../../../components/customer/containers'; +import { Button } from '../../../../../UI'; +import { selectCart } from './redux/selectors'; + + +type PizzaProps = { + id: string; + title: string; + heft: string[]; + description: string; + img: string[]; + price: string[]; + size: string[]; +}; + +const types=[0,1], sizes=[30,40,50], sum=0, typeNames = ['традиционное тесто','тонкое тесто'] ; + +export const PizzaModalsContentCart: React.FC = ({ + id, + title, + img, + heft, + description, + price, + size, +}) => { + + const [additionally, setAdditionally] = useState([{src:'/assets/img/coca.png', name: 'Coca', price: 100}, + {src:'/assets/img/coca.png', name: 'Coca', price: 100}, + {src:'/assets/img/coca.png', name: 'Coca', price: 100}, + {src:'/assets/img/coca.png', name: 'Coca', price: 100}, + {src:'/assets/img/coca.png', name: 'Coca', price: 100},]); + + const [delivery, setDelivery] = useState(0); + + + + + const { totalPrice, items } = useSelector(selectCart); + + const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + const [ sum, setSum ] = useState(totalPrice + delivery); + + + + const addBasket = () => { + console.log('add'); + } + + const sizeText = [{size:30, text: 'маленькая 30 см, '},{size:40, text: 'средняя 40 см, '}, {size:50, text: 'большая 50 см, '}] + + + return ( + <> + + + + + + + +
+

{totalCount} товар на {totalPrice} р

+
+
+
+ {Object.keys(items).length > 0 ? items.map((rows, count) => + el.size === rows.size)?.text +' '+ rows.type} + sum={rows.sum}/> + ) :

Корзина пуста

} +
+ {Object.keys(items).length > 0 ? +
+

Добавить к заказу?

+ + {additionally.map((name, count) => + ) + } + +
: '' } +
+
+
+ +
+
+
+

Доставка

{delivery} ₽

+
+
+

{totalCount} товар(а)

+

{totalPrice} ₽

+
+
+

Итого

{totalPrice + delivery} ₽

+
+
+ + + +
+ + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/cart/pizzaCart_20220618063313.tsx b/.history/components/customer/pages/index/modals/cart/pizzaCart_20220618063313.tsx deleted file mode 100644 index e69de29..0000000 diff --git a/.history/components/customer/pages/index/modals/cart/pizzaCart_20220618063622.tsx b/.history/components/customer/pages/index/modals/cart/pizzaCart_20220618063622.tsx deleted file mode 100644 index b086a57..0000000 --- a/.history/components/customer/pages/index/modals/cart/pizzaCart_20220618063622.tsx +++ /dev/null @@ -1,32 +0,0 @@ -import React, { useEffect } from 'react'; -import { useSelector } from 'react-redux' -import { Modal } from '../../../../../UI'; -import { useAppDispatch } from '../../../../../../redux/store'; -import { fetchPizzaToCard, selectPizzaToCartData } from '../../../../../../redux/pizzaToCart/'; -//import { PizzaModalsContent } from './'; - -type Props = { - id: any; - otherProp?: any; -}; - -export const PizzaCart: React.FC = ({id}) => { - const dispatch = useAppDispatch(); - - useEffect(() => { - // dispatch( fetchPizzaToCard({id}) ); - }, [dispatch, id]); - - //const { pizzaToCard_items, pizzaToCard_status } = useSelector(selectPizzaToCartData); - - //const pizza = pizzaToCard_items.map((obj, index) => ); - //const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - { - //pizza - } - - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/cart/pizzaCart_20220618071220.tsx b/.history/components/customer/pages/index/modals/cart/pizzaCart_20220618071220.tsx deleted file mode 100644 index cd8db16..0000000 --- a/.history/components/customer/pages/index/modals/cart/pizzaCart_20220618071220.tsx +++ /dev/null @@ -1,32 +0,0 @@ -import React, { useEffect } from 'react'; -import { useSelector } from 'react-redux' -import { Modal } from '../../../../../UI'; -import { useAppDispatch } from '../../../../../../redux/store'; -import { fetchPizzaToCard, selectPizzaToCartData } from '../../../../../../redux/pizzaToCart/'; -import { PizzaModalsContent } from './'; - -type Props = { - id: any; - otherProp?: any; -}; - -export const PizzaCart: React.FC = ({id}) => { - const dispatch = useAppDispatch(); - - useEffect(() => { - // dispatch( fetchPizzaToCard({id}) ); - }, [dispatch, id]); - - //const { pizzaToCard_items, pizzaToCard_status } = useSelector(selectPizzaToCartData); - - //const pizza = pizzaToCard_items.map((obj, index) => ); - //const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - { - - } - - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/cart/pizzaCart_20220618073843.tsx b/.history/components/customer/pages/index/modals/cart/pizzaCart_20220618073843.tsx deleted file mode 100644 index dcbf0d9..0000000 --- a/.history/components/customer/pages/index/modals/cart/pizzaCart_20220618073843.tsx +++ /dev/null @@ -1,32 +0,0 @@ -import React, { useEffect } from 'react'; -import { useSelector } from 'react-redux' -import { Modal } from '../../../../../UI'; -import { useAppDispatch } from '../../../../../../redux/store'; -import { fetchPizzaToCard, selectPizzaToCartData } from '../../../../../../redux/pizzaToCart/'; -import { PizzaModalsContentCart } from './'; - -type Props = { - id: any; - otherProp?: any; -}; - -export const PizzaCart: React.FC = ({id}) => { - const dispatch = useAppDispatch(); - - useEffect(() => { - // dispatch( fetchPizzaToCard({id}) ); - }, [dispatch, id]); - - //const { pizzaToCard_items, pizzaToCard_status } = useSelector(selectPizzaToCartData); - - //const pizza = pizzaToCard_items.map((obj, index) => ); - //const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - { - - } - - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/cart/pizzaCart_20220618104446.tsx b/.history/components/customer/pages/index/modals/cart/pizzaCart_20220618104446.tsx deleted file mode 100644 index 2ae5cac..0000000 --- a/.history/components/customer/pages/index/modals/cart/pizzaCart_20220618104446.tsx +++ /dev/null @@ -1,32 +0,0 @@ -import React, { useEffect } from 'react'; -import { useSelector } from 'react-redux' -import { Modal } from '../../../../../UI'; -import { useAppDispatch } from '../../../../../../redux/store'; -import { fetchPizzaToCard, selectPizzaToCartData } from '../../../../../../redux/pizzaToCart/'; -import { PizzaModalsContentCart } from './'; - -type Props = { - id: any; - otherProp?: any; -}; - -export const PizzaCart: React.FC = ({id}) => { - const dispatch = useAppDispatch(); - - useEffect(() => { - // dispatch( fetchPizzaToCard({id}) ); - }, [dispatch, id]); - - //const { pizzaToCard_items, pizzaToCard_status } = useSelector(selectPizzaToCartData); - - //const pizza = pizzaToCard_items.map((obj, index) => ); - //const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - { - - } - - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/cart/pizzaCart_20220618143512.tsx b/.history/components/customer/pages/index/modals/cart/pizzaCart_20220618143512.tsx deleted file mode 100644 index 1e114fc..0000000 --- a/.history/components/customer/pages/index/modals/cart/pizzaCart_20220618143512.tsx +++ /dev/null @@ -1,32 +0,0 @@ -import React, { useEffect } from 'react'; -import { useSelector } from 'react-redux' -import { Modal } from '../../../../../UI'; -import { useAppDispatch } from '../../../../../../redux/store'; -import { fetchPizzaToCard, selectPizzaToCartData } from '../../../../../../redux/pizzaToCart/'; -import { PizzaModalsContentCart } from './'; - -type Props = { - id: any; - otherProp?: any; -}; - -export const PizzaCart: React.FC = ({id}) => { - const dispatch = useAppDispatch(); - - useEffect(() => { - // dispatch( fetchPizzaToCard({id}) ); - }, [dispatch, id]); - - //const { pizzaToCard_items, pizzaToCard_status } = useSelector(selectPizzaToCartData); - - //const pizza = pizzaToCard_items.map((obj, index) => ); - //const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - { - - } - - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/cart/pizzaCart_20220618082309.tsx b/.history/components/customer/pages/index/modals/cart/pizzaCart_20220725005715.tsx similarity index 74% rename from .history/components/customer/pages/index/modals/cart/pizzaCart_20220618082309.tsx rename to .history/components/customer/pages/index/modals/cart/pizzaCart_20220725005715.tsx index c5616c7..eb04ba9 100644 --- a/.history/components/customer/pages/index/modals/cart/pizzaCart_20220618082309.tsx +++ b/.history/components/customer/pages/index/modals/cart/pizzaCart_20220725005715.tsx @@ -6,7 +6,7 @@ import { fetchPizzaToCard, selectPizzaToCartData } from '../../../../../../redux import { PizzaModalsContentCart } from './'; type Props = { - id: any; + id: string; otherProp?: any; }; @@ -23,10 +23,12 @@ export const PizzaCart: React.FC = ({id}) => { //const pizzaSkeleton = [...new Array(6)].map((_, index) => ); return ( - - { - - } - +
+
+
+ {} +
+
+
); }; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220725005931.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220725005931.tsx new file mode 100644 index 0000000..c11e66f --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220725005931.tsx @@ -0,0 +1,156 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import classNames from 'classnames'; +import { useDispatch, useSelector } from 'react-redux'; +import { HiMinus, HiPlus } from "react-icons/hi"; +import { CartItem } from '../cart/redux/types'; +import { addItem } from '../cart/redux/slice'; + +type PizzaProps = { + id: string; + title: string; + heft: string[]; + description: string; + img: string[]; + price: number[]; + size: number; +}; + +const types=[0,1], sizes=[30,40,50], sum=0, typeNames = ['традиционное тесто','тонкое тесто'] ; + +export const PizzaModalsContent: React.FC = ({ + id, + title, + img, + heft, + description, + price, + size, +}) => { + const [activeType, setActiveType] = useState(0); + const [activeSize, setActiveSize] = useState(1); + const [sum, setSum] = useState(price[activeSize]); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + + const dispatch = useDispatch(); + + const addBasket = () => { + const item: CartItem = { + id, + title, + sum, + img, + type: typeNames[activeType], + size: sizes[activeSize], + count: 0, + }; + console.log(item, 'add'); + dispatch(addItem(item)); + } + + + const ing = [{name:'onion', title:'Лук', price:6}, + {name:'tomato', title:'Томаты', price:16}, + {name:'cheese', title:'Сыр', price:20}, + {name:'mushroom', title:'Грибы', price:10}, + {name:'bacon', title:'Бекон', price:30}, + {name:'pineapple', title:'Ананас', price:30}, + {name:'pickles', title:'Огурчик', price:6}, + {name:'jalapeno', title:'Халапенью', price:6}]; + + const [check, setCheck] = useState>([]); + + const ingredientsAdd = (event: React.MouseEvent) => { + event.preventDefault(); + const button = event.currentTarget.value as any; + console.log(check, 'check_mass'); + setCheck({...check, [button]: check[button as number] === 'none_img' ? 'yellow_img' : 'none_img'}); + if (check[button]==='none_img') { + console.log(check[button], 'check[button] true'); + setSum(sum-ing[button as number].price); + } else { + console.log(check[button], 'check[button] false'); + setSum(sum+ing[button as number].price); + } + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([]); + setSum(price[activeSize] as unknown as number); + }, [activeSize, activeType, heft, price]); //imageUrl '/assets/img/'+img[activeSize]+'.jpg' + + return ( + <> +
+
+ {'pizza'} +
+
+
+
+

{title}

+

{feature}

+

{description}

+
+
    + {types.map((typeId) => ( +
  • setActiveType(typeId)} + className={activeType === typeId ? classNames('active type') : classNames('type')}> + {typeNames[typeId]} +
    • + ))} +
+
    + {sizes.map((size, i) => ( +
  • setActiveSize(i)} + className={activeSize === i ? classNames('active size') : classNames('size')}> + {size} см +
    • + ))} +
+
+
+
+
+
    {ing.map((obj, count) => +
  • +
    +
    +

    {obj.title}

    +

    {obj.price} p

    +
    {check[count] === 'none_img' ? : }
    +
    +
    • )} +
+
+
+
+ + + +
+
+ + + + + + + + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220725005937.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220725005937.tsx new file mode 100644 index 0000000..d7fe10b --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220725005937.tsx @@ -0,0 +1,156 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import classNames from 'classnames'; +import { useDispatch, useSelector } from 'react-redux'; +import { HiMinus, HiPlus } from "react-icons/hi"; +import { CartItem } from '../cart/redux/types'; +import { addItem } from '../cart/redux/slice'; + +type PizzaProps = { + id: string; + title: string; + heft: string[]; + description: string; + img: string[]; + price: number[]; + size: number; +}; + +const types=[0,1], sizes=[30,40,50], typeNames = ['традиционное тесто','тонкое тесто'] ; + +export const PizzaModalsContent: React.FC = ({ + id, + title, + img, + heft, + description, + price, + size, +}) => { + const [activeType, setActiveType] = useState(0); + const [activeSize, setActiveSize] = useState(1); + const [sum, setSum] = useState(price[activeSize]); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + + const dispatch = useDispatch(); + + const addBasket = () => { + const item: CartItem = { + id, + title, + sum, + img, + type: typeNames[activeType], + size: sizes[activeSize], + count: 0, + }; + console.log(item, 'add'); + dispatch(addItem(item)); + } + + + const ing = [{name:'onion', title:'Лук', price:6}, + {name:'tomato', title:'Томаты', price:16}, + {name:'cheese', title:'Сыр', price:20}, + {name:'mushroom', title:'Грибы', price:10}, + {name:'bacon', title:'Бекон', price:30}, + {name:'pineapple', title:'Ананас', price:30}, + {name:'pickles', title:'Огурчик', price:6}, + {name:'jalapeno', title:'Халапенью', price:6}]; + + const [check, setCheck] = useState>([]); + + const ingredientsAdd = (event: React.MouseEvent) => { + event.preventDefault(); + const button = event.currentTarget.value as any; + console.log(check, 'check_mass'); + setCheck({...check, [button]: check[button as number] === 'none_img' ? 'yellow_img' : 'none_img'}); + if (check[button]==='none_img') { + console.log(check[button], 'check[button] true'); + setSum(sum-ing[button as number].price); + } else { + console.log(check[button], 'check[button] false'); + setSum(sum+ing[button as number].price); + } + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([]); + setSum(price[activeSize] as unknown as number); + }, [activeSize, activeType, heft, price]); //imageUrl '/assets/img/'+img[activeSize]+'.jpg' + + return ( + <> +
+
+ {'pizza'} +
+
+
+
+

{title}

+

{feature}

+

{description}

+
+
    + {types.map((typeId) => ( +
  • setActiveType(typeId)} + className={activeType === typeId ? classNames('active type') : classNames('type')}> + {typeNames[typeId]} +
    • + ))} +
+
    + {sizes.map((size, i) => ( +
  • setActiveSize(i)} + className={activeSize === i ? classNames('active size') : classNames('size')}> + {size} см +
    • + ))} +
+
+
+
+
+
    {ing.map((obj, count) => +
  • +
    +
    +

    {obj.title}

    +

    {obj.price} p

    +
    {check[count] === 'none_img' ? : }
    +
    +
    • )} +
+
+
+
+ + + +
+
+ + + + + + + + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220725182605.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220725182605.tsx new file mode 100644 index 0000000..5ced68b --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220725182605.tsx @@ -0,0 +1,156 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import classNames from 'classnames'; +import { useDispatch, useSelector } from 'react-redux'; +import { HiMinus, HiPlus } from "react-icons/hi"; +import { CartItem } from '../cart/redux/types'; +import { addItem } from '../cart/redux/slice'; + +type PizzaProps = { + id: any; + title: string; + heft: string[]; + description: string; + img: string[]; + price: number | any; + size: number[] | string[]; +}; + +const types=[0,1], sizes=[30,40,50], typeNames = ['традиционное тесто','тонкое тесто'] ; + +export const PizzaModalsContent: React.FC = ({ + id, + title, + img, + heft, + description, + price, + size, +}) => { + const [activeType, setActiveType] = useState(0); + const [activeSize, setActiveSize] = useState(1); + const [sum, setSum] = useState(price[activeSize]); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + + const dispatch = useDispatch(); + + const addBasket = () => { + const item: CartItem = { + id, + title, + sum, + img, + type: typeNames[activeType], + size: sizes[activeSize], + count: 0, + }; + console.log(item, 'add'); + dispatch(addItem(item)); + } + + + const ing = [{name:'onion', title:'Лук', price:6}, + {name:'tomato', title:'Томаты', price:16}, + {name:'cheese', title:'Сыр', price:20}, + {name:'mushroom', title:'Грибы', price:10}, + {name:'bacon', title:'Бекон', price:30}, + {name:'pineapple', title:'Ананас', price:30}, + {name:'pickles', title:'Огурчик', price:6}, + {name:'jalapeno', title:'Халапенью', price:6}]; + + const [check, setCheck] = useState>([]); + + const ingredientsAdd = (event: React.MouseEvent) => { + event.preventDefault(); + const button = event.currentTarget.value as any; + console.log(check, 'check_mass'); + setCheck({...check, [button]: check[button as number] === 'none_img' ? 'yellow_img' : 'none_img'}); + if (check[button]==='none_img') { + console.log(check[button], 'check[button] true'); + setSum(sum-ing[button as number].price); + } else { + console.log(check[button], 'check[button] false'); + setSum(sum+ing[button as number].price); + } + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([]); + setSum(price[activeSize] as unknown as number); + }, [activeSize, activeType, heft, price]); //imageUrl '/assets/img/'+img[activeSize]+'.jpg' + + return ( + <> +
+
+ {'pizza'} +
+
+
+
+

{title}

+

{feature}

+

{description}

+
+
    + {types.map((typeId) => ( +
  • setActiveType(typeId)} + className={activeType === typeId ? classNames('active type') : classNames('type')}> + {typeNames[typeId]} +
    • + ))} +
+
    + {sizes.map((size, i) => ( +
  • setActiveSize(i)} + className={activeSize === i ? classNames('active size') : classNames('size')}> + {size} см +
    • + ))} +
+
+
+
+
+
    {ing.map((obj, count) => +
  • +
    +
    +

    {obj.title}

    +

    {obj.price} p

    +
    {check[count] === 'none_img' ? : }
    +
    +
    • )} +
+
+
+
+ + + +
+
+ + + + + + + + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531162610.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531162610.tsx deleted file mode 100644 index e69de29..0000000 diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531162625.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531162625.tsx deleted file mode 100644 index fefaaff..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531162625.tsx +++ /dev/null @@ -1,18 +0,0 @@ -import React from 'react'; -import { Header, Footer, FooterNav } from '../../components/customer/pages/index/block'; -import { ContainerInside } from '../../components/customer/containers' - -type Props = { children: React.ReactNode }; - -export const MainLayout: React.FC = ({children}) => { - return ( -
-
-
- {children} - -
-
-
- ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531163128.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531163128.tsx deleted file mode 100644 index 82339c6..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531163128.tsx +++ /dev/null @@ -1,17 +0,0 @@ -import React from 'react'; - - -type Props = { children: React.ReactNode }; - -export const MainLayout: React.FC = ({children}) => { - return ( -
-
-
- {children} - -
-
-
- ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531163133.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531163133.tsx deleted file mode 100644 index 6b89223..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531163133.tsx +++ /dev/null @@ -1,12 +0,0 @@ -import React from 'react'; - - -type Props = { children: React.ReactNode }; - -export const MainLayout: React.FC = ({children}) => { - return ( -
- -
- ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531163150.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531163150.tsx deleted file mode 100644 index c3fee5c..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531163150.tsx +++ /dev/null @@ -1,12 +0,0 @@ -import React from 'react'; - - -type Props = { children: React.ReactNode }; - -export const : React.FC = ({children}) => { - return ( -
- -
- ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531163151.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531163151.tsx deleted file mode 100644 index f49a101..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531163151.tsx +++ /dev/null @@ -1,12 +0,0 @@ -import React from 'react'; - - -type Props = { children: React.ReactNode }; - -export const Pi: React.FC = ({children}) => { - return ( -
- -
- ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531163155.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531163155.tsx deleted file mode 100644 index 749b4f1..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531163155.tsx +++ /dev/null @@ -1,12 +0,0 @@ -import React from 'react'; - - -type Props = { children: React.ReactNode }; - -export const PizzaCard: React.FC = ({children}) => { - return ( -
- -
- ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531163157.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531163157.tsx deleted file mode 100644 index 749b4f1..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531163157.tsx +++ /dev/null @@ -1,12 +0,0 @@ -import React from 'react'; - - -type Props = { children: React.ReactNode }; - -export const PizzaCard: React.FC = ({children}) => { - return ( -
- -
- ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215502.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215502.tsx deleted file mode 100644 index 0b591ec..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215502.tsx +++ /dev/null @@ -1,39 +0,0 @@ -import React from 'react'; - - -type Props = { children: React.ReactNode }; - -export const PizzaCard: React.FC = ({children}) => { - return ( - -
-
- {informationPizza.length ? - {informationPizza[0].description} : '...' - } - variableImg(e)}/> -
-
-
-
- {informationPizza.length ?

{informationPizza[0].title}

: '...'} -

{feature}

- {informationPizza.length ?

{informationPizza[0].description}

: '...'} - pizzaSetting(e)}/> - pizzaSetting(e)}/> - pizzaSetting(e)}/> -
- -
-
-
- - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215615.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215615.tsx deleted file mode 100644 index edbb930..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215615.tsx +++ /dev/null @@ -1,39 +0,0 @@ -import React from 'react'; -import {} - -type Props = { children: React.ReactNode }; - -export const PizzaCard: React.FC = ({children}) => { - return ( - -
-
- {informationPizza.length ? - {informationPizza[0].description} : '...' - } - variableImg(e)}/> -
-
-
-
- {informationPizza.length ?

{informationPizza[0].title}

: '...'} -

{feature}

- {informationPizza.length ?

{informationPizza[0].description}

: '...'} - pizzaSetting(e)}/> - pizzaSetting(e)}/> - pizzaSetting(e)}/> -
- -
-
-
- - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215634.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215634.tsx deleted file mode 100644 index d409a5a..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215634.tsx +++ /dev/null @@ -1,39 +0,0 @@ -import React from 'react'; -import { Modal } form '' - -type Props = { children: React.ReactNode }; - -export const PizzaCard: React.FC = ({children}) => { - return ( - -
-
- {informationPizza.length ? - {informationPizza[0].description} : '...' - } - variableImg(e)}/> -
-
-
-
- {informationPizza.length ?

{informationPizza[0].title}

: '...'} -

{feature}

- {informationPizza.length ?

{informationPizza[0].description}

: '...'} - pizzaSetting(e)}/> - pizzaSetting(e)}/> - pizzaSetting(e)}/> -
- -
-
-
- - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215641.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215641.tsx deleted file mode 100644 index ca98e16..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215641.tsx +++ /dev/null @@ -1,39 +0,0 @@ -import React from 'react'; -import { Modal } form '../' - -type Props = { children: React.ReactNode }; - -export const PizzaCard: React.FC = ({children}) => { - return ( - -
-
- {informationPizza.length ? - {informationPizza[0].description} : '...' - } - variableImg(e)}/> -
-
-
-
- {informationPizza.length ?

{informationPizza[0].title}

: '...'} -

{feature}

- {informationPizza.length ?

{informationPizza[0].description}

: '...'} - pizzaSetting(e)}/> - pizzaSetting(e)}/> - pizzaSetting(e)}/> -
- -
-
-
- - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215645.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215645.tsx deleted file mode 100644 index 9222d6a..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215645.tsx +++ /dev/null @@ -1,39 +0,0 @@ -import React from 'react'; -import { Modal } from '../' - -type Props = { children: React.ReactNode }; - -export const PizzaCard: React.FC = ({children}) => { - return ( - -
-
- {informationPizza.length ? - {informationPizza[0].description} : '...' - } - variableImg(e)}/> -
-
-
-
- {informationPizza.length ?

{informationPizza[0].title}

: '...'} -

{feature}

- {informationPizza.length ?

{informationPizza[0].description}

: '...'} - pizzaSetting(e)}/> - pizzaSetting(e)}/> - pizzaSetting(e)}/> -
- -
-
-
- - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215648.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215648.tsx deleted file mode 100644 index 870f8ce..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215648.tsx +++ /dev/null @@ -1,39 +0,0 @@ -import React from 'react'; -import { Modal } from '../../' - -type Props = { children: React.ReactNode }; - -export const PizzaCard: React.FC = ({children}) => { - return ( - -
-
- {informationPizza.length ? - {informationPizza[0].description} : '...' - } - variableImg(e)}/> -
-
-
-
- {informationPizza.length ?

{informationPizza[0].title}

: '...'} -

{feature}

- {informationPizza.length ?

{informationPizza[0].description}

: '...'} - pizzaSetting(e)}/> - pizzaSetting(e)}/> - pizzaSetting(e)}/> -
- -
-
-
- - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215655.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215655.tsx deleted file mode 100644 index 3b3d656..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215655.tsx +++ /dev/null @@ -1,39 +0,0 @@ -import React from 'react'; -import { Modal } from '../../modals' - -type Props = { children: React.ReactNode }; - -export const PizzaCard: React.FC = ({children}) => { - return ( - -
-
- {informationPizza.length ? - {informationPizza[0].description} : '...' - } - variableImg(e)}/> -
-
-
-
- {informationPizza.length ?

{informationPizza[0].title}

: '...'} -

{feature}

- {informationPizza.length ?

{informationPizza[0].description}

: '...'} - pizzaSetting(e)}/> - pizzaSetting(e)}/> - pizzaSetting(e)}/> -
- -
-
-
- - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215658.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215658.tsx deleted file mode 100644 index 5144b1e..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215658.tsx +++ /dev/null @@ -1,39 +0,0 @@ -import React from 'react'; -import { Modal } from '../../modals/pizza' - -type Props = { children: React.ReactNode }; - -export const PizzaCard: React.FC = ({children}) => { - return ( - -
-
- {informationPizza.length ? - {informationPizza[0].description} : '...' - } - variableImg(e)}/> -
-
-
-
- {informationPizza.length ?

{informationPizza[0].title}

: '...'} -

{feature}

- {informationPizza.length ?

{informationPizza[0].description}

: '...'} - pizzaSetting(e)}/> - pizzaSetting(e)}/> - pizzaSetting(e)}/> -
- -
-
-
- - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215703.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215703.tsx deleted file mode 100644 index 9222d6a..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215703.tsx +++ /dev/null @@ -1,39 +0,0 @@ -import React from 'react'; -import { Modal } from '../' - -type Props = { children: React.ReactNode }; - -export const PizzaCard: React.FC = ({children}) => { - return ( - -
-
- {informationPizza.length ? - {informationPizza[0].description} : '...' - } - variableImg(e)}/> -
-
-
-
- {informationPizza.length ?

{informationPizza[0].title}

: '...'} -

{feature}

- {informationPizza.length ?

{informationPizza[0].description}

: '...'} - pizzaSetting(e)}/> - pizzaSetting(e)}/> - pizzaSetting(e)}/> -
- -
-
-
- - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215707.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215707.tsx deleted file mode 100644 index 412a40c..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215707.tsx +++ /dev/null @@ -1,39 +0,0 @@ -import React from 'react'; -import { Modal } from '../../.' - -type Props = { children: React.ReactNode }; - -export const PizzaCard: React.FC = ({children}) => { - return ( - -
-
- {informationPizza.length ? - {informationPizza[0].description} : '...' - } - variableImg(e)}/> -
-
-
-
- {informationPizza.length ?

{informationPizza[0].title}

: '...'} -

{feature}

- {informationPizza.length ?

{informationPizza[0].description}

: '...'} - pizzaSetting(e)}/> - pizzaSetting(e)}/> - pizzaSetting(e)}/> -
- -
-
-
- - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215708.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215708.tsx deleted file mode 100644 index eec775e..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215708.tsx +++ /dev/null @@ -1,39 +0,0 @@ -import React from 'react'; -import { Modal } from '../../../' - -type Props = { children: React.ReactNode }; - -export const PizzaCard: React.FC = ({children}) => { - return ( - -
-
- {informationPizza.length ? - {informationPizza[0].description} : '...' - } - variableImg(e)}/> -
-
-
-
- {informationPizza.length ?

{informationPizza[0].title}

: '...'} -

{feature}

- {informationPizza.length ?

{informationPizza[0].description}

: '...'} - pizzaSetting(e)}/> - pizzaSetting(e)}/> - pizzaSetting(e)}/> -
- -
-
-
- - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215710.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215710.tsx deleted file mode 100644 index 8ec99e0..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215710.tsx +++ /dev/null @@ -1,39 +0,0 @@ -import React from 'react'; -import { Modal } from '../../../../' - -type Props = { children: React.ReactNode }; - -export const PizzaCard: React.FC = ({children}) => { - return ( - -
-
- {informationPizza.length ? - {informationPizza[0].description} : '...' - } - variableImg(e)}/> -
-
-
-
- {informationPizza.length ?

{informationPizza[0].title}

: '...'} -

{feature}

- {informationPizza.length ?

{informationPizza[0].description}

: '...'} - pizzaSetting(e)}/> - pizzaSetting(e)}/> - pizzaSetting(e)}/> -
- -
-
-
- - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215720.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215720.tsx deleted file mode 100644 index dfca073..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215720.tsx +++ /dev/null @@ -1,39 +0,0 @@ -import React from 'react'; -import { Modal } from './' - -type Props = { children: React.ReactNode }; - -export const PizzaCard: React.FC = ({children}) => { - return ( - -
-
- {informationPizza.length ? - {informationPizza[0].description} : '...' - } - variableImg(e)}/> -
-
-
-
- {informationPizza.length ?

{informationPizza[0].title}

: '...'} -

{feature}

- {informationPizza.length ?

{informationPizza[0].description}

: '...'} - pizzaSetting(e)}/> - pizzaSetting(e)}/> - pizzaSetting(e)}/> -
- -
-
-
- - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215724.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215724.tsx deleted file mode 100644 index 870f8ce..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215724.tsx +++ /dev/null @@ -1,39 +0,0 @@ -import React from 'react'; -import { Modal } from '../../' - -type Props = { children: React.ReactNode }; - -export const PizzaCard: React.FC = ({children}) => { - return ( - -
-
- {informationPizza.length ? - {informationPizza[0].description} : '...' - } - variableImg(e)}/> -
-
-
-
- {informationPizza.length ?

{informationPizza[0].title}

: '...'} -

{feature}

- {informationPizza.length ?

{informationPizza[0].description}

: '...'} - pizzaSetting(e)}/> - pizzaSetting(e)}/> - pizzaSetting(e)}/> -
- -
-
-
- - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215726.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215726.tsx deleted file mode 100644 index e6fb61f..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215726.tsx +++ /dev/null @@ -1,39 +0,0 @@ -import React from 'react'; -import { Modal } from '../.././/' - -type Props = { children: React.ReactNode }; - -export const PizzaCard: React.FC = ({children}) => { - return ( - -
-
- {informationPizza.length ? - {informationPizza[0].description} : '...' - } - variableImg(e)}/> -
-
-
-
- {informationPizza.length ?

{informationPizza[0].title}

: '...'} -

{feature}

- {informationPizza.length ?

{informationPizza[0].description}

: '...'} - pizzaSetting(e)}/> - pizzaSetting(e)}/> - pizzaSetting(e)}/> -
- -
-
-
- - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215733.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215733.tsx deleted file mode 100644 index 8ec99e0..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215733.tsx +++ /dev/null @@ -1,39 +0,0 @@ -import React from 'react'; -import { Modal } from '../../../../' - -type Props = { children: React.ReactNode }; - -export const PizzaCard: React.FC = ({children}) => { - return ( - -
-
- {informationPizza.length ? - {informationPizza[0].description} : '...' - } - variableImg(e)}/> -
-
-
-
- {informationPizza.length ?

{informationPizza[0].title}

: '...'} -

{feature}

- {informationPizza.length ?

{informationPizza[0].description}

: '...'} - pizzaSetting(e)}/> - pizzaSetting(e)}/> - pizzaSetting(e)}/> -
- -
-
-
- - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215736.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215736.tsx deleted file mode 100644 index 9202600..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215736.tsx +++ /dev/null @@ -1,39 +0,0 @@ -import React from 'react'; -import { Modal } from '../../../../../' - -type Props = { children: React.ReactNode }; - -export const PizzaCard: React.FC = ({children}) => { - return ( - -
-
- {informationPizza.length ? - {informationPizza[0].description} : '...' - } - variableImg(e)}/> -
-
-
-
- {informationPizza.length ?

{informationPizza[0].title}

: '...'} -

{feature}

- {informationPizza.length ?

{informationPizza[0].description}

: '...'} - pizzaSetting(e)}/> - pizzaSetting(e)}/> - pizzaSetting(e)}/> -
- -
-
-
- - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215737.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215737.tsx deleted file mode 100644 index fe48e9f..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215737.tsx +++ /dev/null @@ -1,39 +0,0 @@ -import React from 'react'; -import { Modal } from '../../../../../UI' - -type Props = { children: React.ReactNode }; - -export const PizzaCard: React.FC = ({children}) => { - return ( - -
-
- {informationPizza.length ? - {informationPizza[0].description} : '...' - } - variableImg(e)}/> -
-
-
-
- {informationPizza.length ?

{informationPizza[0].title}

: '...'} -

{feature}

- {informationPizza.length ?

{informationPizza[0].description}

: '...'} - pizzaSetting(e)}/> - pizzaSetting(e)}/> - pizzaSetting(e)}/> -
- -
-
-
- - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215738.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215738.tsx deleted file mode 100644 index fe48e9f..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215738.tsx +++ /dev/null @@ -1,39 +0,0 @@ -import React from 'react'; -import { Modal } from '../../../../../UI' - -type Props = { children: React.ReactNode }; - -export const PizzaCard: React.FC = ({children}) => { - return ( - -
-
- {informationPizza.length ? - {informationPizza[0].description} : '...' - } - variableImg(e)}/> -
-
-
-
- {informationPizza.length ?

{informationPizza[0].title}

: '...'} -

{feature}

- {informationPizza.length ?

{informationPizza[0].description}

: '...'} - pizzaSetting(e)}/> - pizzaSetting(e)}/> - pizzaSetting(e)}/> -
- -
-
-
- - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215823.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215823.tsx deleted file mode 100644 index b38aeaa..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215823.tsx +++ /dev/null @@ -1,39 +0,0 @@ -import React from 'react'; -import { Modal } from '../../../../../UI' - -type Props = { children: React.ReactNode }; - -export const PizzaCard: React.FC = ({children}) => { - return ( - -
-
- {//informationPizza.length ? - {informationPizza[0].description} : '...' - } - variableImg(e)}/> -
-
-
-
- {informationPizza.length ?

{informationPizza[0].title}

: '...'} -

{feature}

- {informationPizza.length ?

{informationPizza[0].description}

: '...'} - pizzaSetting(e)}/> - pizzaSetting(e)}/> - pizzaSetting(e)}/> -
- -
-
-
- - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215826.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215826.tsx deleted file mode 100644 index a10f107..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215826.tsx +++ /dev/null @@ -1,39 +0,0 @@ -import React from 'react'; -import { Modal } from '../../../../../UI' - -type Props = { children: React.ReactNode }; - -export const PizzaCard: React.FC = ({children}) => { - return ( - -
-
- {//informationPizza.length ? - {informationPizza[0].description} //: '...' - } - variableImg(e)}/> -
-
-
-
- {informationPizza.length ?

{informationPizza[0].title}

: '...'} -

{feature}

- {informationPizza.length ?

{informationPizza[0].description}

: '...'} - pizzaSetting(e)}/> - pizzaSetting(e)}/> - pizzaSetting(e)}/> -
- -
-
-
- - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215858.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215858.tsx deleted file mode 100644 index 9a4bcb8..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215858.tsx +++ /dev/null @@ -1,40 +0,0 @@ -import React from 'react'; -import Image from 'next/image'; -import { Modal } from '../../../../../UI' - -type Props = { children: React.ReactNode }; - -export const PizzaCard: React.FC = ({children}) => { - return ( - -
-
- {//informationPizza.length ? - {informationPizza[0].description} //: '...' - } - variableImg(e)}/> -
-
-
-
- {informationPizza.length ?

{informationPizza[0].title}

: '...'} -

{feature}

- {informationPizza.length ?

{informationPizza[0].description}

: '...'} - pizzaSetting(e)}/> - pizzaSetting(e)}/> - pizzaSetting(e)}/> -
- -
-
-
- - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531221147.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531221147.tsx deleted file mode 100644 index 37bfd2a..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531221147.tsx +++ /dev/null @@ -1,42 +0,0 @@ -import React from 'react'; -import Image from 'next/image'; -import { Modal } from '../../../../../UI' - -type Props = { children: React.ReactNode }; - -export const PizzaCard: React.FC = ({children}) => { - return ( - -
-
- {//informationPizza.length ? - {informationPizza[0].description} //: '...' - } - variableImg(e)}/> -
-
-
-
- {informationPizza.length ?

{informationPizza[0].title}

: '...'} -

{feature}

- {informationPizza.length ?

{informationPizza[0].description}

: '...'} - pizzaSetting(e)}/> - pizzaSetting(e)}/> - pizzaSetting(e)}/> -
- -
-
-
- - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531221151.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531221151.tsx deleted file mode 100644 index f5ba48e..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531221151.tsx +++ /dev/null @@ -1,43 +0,0 @@ -import React from 'react'; -import Image from 'next/image'; -import { Modal } from '../../../../../UI' - -type Props = { children: React.ReactNode }; - -export const PizzaCard: React.FC = ({children}) => { - return ( - -
-
- {//informationPizza.length ? - {informationPizza[0].description} //: '...' - } - variableImg(e)}/> -
-
-
-
- {informationPizza.length ?

{informationPizza[0].title}

: '...'} -

{feature}

- {informationPizza.length ?

{informationPizza[0].description}

: '...'} - pizzaSetting(e)}/> - pizzaSetting(e)}/> - pizzaSetting(e)}/> -
- -
-
-
- - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531221845.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531221845.tsx deleted file mode 100644 index 3bbdbdb..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531221845.tsx +++ /dev/null @@ -1,40 +0,0 @@ -import React from 'react'; -import Image from 'next/image'; -import { Modal } from '../../../../../UI' - -type Props = { children: React.ReactNode }; - -export const PizzaCard: React.FC = ({children}) => { - return ( - -
-
- {//informationPizza.length ? - {informationPizza[0].description} //: '...' - } - variableImg(e)}/> -
-
-
-
- {informationPizza.length ?

{informationPizza[0].title}

: '...'} -

{feature}

- {informationPizza.length ?

{informationPizza[0].description}

: '...'} - pizzaSetting(e)}/> - pizzaSetting(e)}/> - pizzaSetting(e)}/> -
- -
-
-
- - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531221847.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531221847.tsx deleted file mode 100644 index 9a4bcb8..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531221847.tsx +++ /dev/null @@ -1,40 +0,0 @@ -import React from 'react'; -import Image from 'next/image'; -import { Modal } from '../../../../../UI' - -type Props = { children: React.ReactNode }; - -export const PizzaCard: React.FC = ({children}) => { - return ( - -
-
- {//informationPizza.length ? - {informationPizza[0].description} //: '...' - } - variableImg(e)}/> -
-
-
-
- {informationPizza.length ?

{informationPizza[0].title}

: '...'} -

{feature}

- {informationPizza.length ?

{informationPizza[0].description}

: '...'} - pizzaSetting(e)}/> - pizzaSetting(e)}/> - pizzaSetting(e)}/> -
- -
-
-
- - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220601085821.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220601085821.tsx deleted file mode 100644 index bbe37a7..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220601085821.tsx +++ /dev/null @@ -1,24 +0,0 @@ -import React from 'react'; -import Image from 'next/image'; -import { Modal } from '../../../../../UI'; -import { RadioButton } from './index'; - -type Props = { children: React.ReactNode }; - -export const PizzaCard: React.FC = ({children}) => { - return ( - -
-
- - -
-
-
-
- -
-
- - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220601085945.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220601085945.tsx deleted file mode 100644 index d92d096..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220601085945.tsx +++ /dev/null @@ -1,23 +0,0 @@ -import React from 'react'; -import Image from 'next/image'; -import { Modal } from '../../../../../UI'; -import { RadioButton } from './index'; - -type Props = { children: React.ReactNode }; - -export const PizzaCard: React.FC = ({children}) => { - return ( - -
-
- -
-
-
-
- -
-
- - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220601090104.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220601090104.tsx deleted file mode 100644 index 2251ccb..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220601090104.tsx +++ /dev/null @@ -1,23 +0,0 @@ -import React from 'react'; -import Image from 'next/image'; -import { Modal } from '../../../../../UI'; -import { RadioButton } from './index'; - -type Props = { children: React.ReactNode }; - -export const PizzaCard: React.FC = ({children}) => { - return ( - -
-
- -
-
-
-
- -
-
- - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220601090857.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220601090857.tsx deleted file mode 100644 index a798ec2..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220601090857.tsx +++ /dev/null @@ -1,23 +0,0 @@ -import React from 'react'; -import Image from 'next/image'; -import { Modal } from '../../../../../UI'; -import { RadioButton } from './index'; - -type Props = { children: React.ReactNode }; - -export const PizzaCard: React.FC = ({children}) => { - return ( - -
-
- -
-
-
-
- -
-
- - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220603174529.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220603174529.tsx deleted file mode 100644 index 3ee6d46..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220603174529.tsx +++ /dev/null @@ -1,23 +0,0 @@ -import React from 'react'; -import Image from 'next/image'; -import { Modal } from '../../../../../UI'; -import { RadioButton } from './index'; - -type Props = { id: number }; - -export const PizzaCard: React.FC = ({id}) => { - return ( - -
-
- {id} -
-
-
-
- -
-
- - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220603174551.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220603174551.tsx deleted file mode 100644 index 17bff88..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220603174551.tsx +++ /dev/null @@ -1,23 +0,0 @@ -import React from 'react'; -import Image from 'next/image'; -import { Modal } from '../../../../../UI'; -import { RadioButton } from './index'; - -type Props = { id: string }; - -export const PizzaCard: React.FC = ({id}) => { - return ( - -
-
- {id} -
-
-
-
- -
-
- - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220603174612.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220603174612.tsx deleted file mode 100644 index 3424567..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220603174612.tsx +++ /dev/null @@ -1,23 +0,0 @@ -import React from 'react'; -import Image from 'next/image'; -import { Modal } from '../../../../../UI'; -import { RadioButton } from './index'; - -type Props = { id: string | string[] }; - -export const PizzaCard: React.FC = ({id}) => { - return ( - -
-
- {id} -
-
-
-
- -
-
- - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220603175317.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220603175317.tsx deleted file mode 100644 index e205441..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220603175317.tsx +++ /dev/null @@ -1,23 +0,0 @@ -import React from 'react'; -import Image from 'next/image'; -import { Modal } from '../../../../../UI'; -import { RadioButton } from './index'; - -type Props = { id: string | string[] }; - -export const PizzaCard: React.FC = ({id}) => { - return ( - -
-
- {id} dfg dfgdf gdgdfgdf dfgdfg dfg dfg dfg df gdfg gdf gdf g -
-
-
-
- sf sd sgf gdfg dfg dgd fg -
-
- - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220603175724.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220603175724.tsx deleted file mode 100644 index 9cf9ba5..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220603175724.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import React from 'react'; -import Image from 'next/image'; -import Link from "next/link"; -import { Modal } from '../../../../../UI'; -import { RadioButton } from './index'; - -type Props = { id: string | string[] }; - -export const PizzaCard: React.FC = ({id}) => { - return ( - -
-
- {id} dfg dfgdf gdgdfgdf dfgdfg dfg dfg dfg df gdfg gdf gdf g -
-
-
-
- - - -
-
- - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220603175745.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220603175745.tsx deleted file mode 100644 index 1eed077..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220603175745.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import React from 'react'; -import Image from 'next/image'; -import Link from "next/link"; -import { Modal } from '../../../../../UI'; -import { RadioButton } from './index'; - -type Props = { id: string | string[] }; - -export const PizzaCard: React.FC = ({id}) => { - return ( - -
-
- {id} dfg dfgdf gdgdfgdf dfgdfg dfg dfg dfg df gdfg gdf gdf g -
-
-
-
- - - -
-
- - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220604082614.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220604082614.tsx deleted file mode 100644 index 6deebe6..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220604082614.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import React from 'react'; -import Image from 'next/image'; -import Link from "next/link"; -import { Modal } from '../../../../../UI'; -import { RadioButton } from './index'; - -type Props = { id: string | string[] }; - -export const PizzaCard: React.FC = ({id}) => { - return ( - -
-
- {id} dfg dfgdf gdgdfgdf dfgdfg dfg dfg dfg df gdfg gdf gdf g -
-
-
-
- - - -
-
- - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220604083212.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220604083212.tsx deleted file mode 100644 index 4319736..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220604083212.tsx +++ /dev/null @@ -1,37 +0,0 @@ -import React from 'react'; -import Image from 'next/image'; -import Link from "next/link"; -import { Modal } from '../../../../../UI'; -import { RadioButton } from './index'; - -type Props = { id: string | string[] }; -const title='dddd', -export const PizzaCard: React.FC = ({id}) => { - return ( - -
-
- {id} dfg dfgdf gdgdfgdf dfgdfg dfg dfg dfg df gdfg gdf gdf g -
-
-
-
-

{title}

-

{feature}

- {

{informationPizza[0].description}

: '...'} - pizzaSetting(e)}/> - pizzaSetting(e)}/> - pizzaSetting(e)}/> -
- -
- - - -
-
- - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220604083327.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220604083327.tsx deleted file mode 100644 index c824229..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220604083327.tsx +++ /dev/null @@ -1,36 +0,0 @@ -import React from 'react'; -import Image from 'next/image'; -import Link from "next/link"; -import { Modal } from '../../../../../UI'; -import { RadioButton } from './index'; - -type Props = { id: string | string[] }; -const title='dddd', feature='feature',description='description', -export const PizzaCard: React.FC = ({id}) => { - return ( - -
-
- {id} dfg dfgdf gdgdfgdf dfgdfg dfg dfg dfg df gdfg gdf gdf g -
-
-
-
-

{title}

-

{feature}

-

{description}

- pizzaSetting(e)}/> - pizzaSetting(e)}/> - pizzaSetting(e)}/> -
- - - - -
-
-
- - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220604083453.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220604083453.tsx deleted file mode 100644 index 1fa9f0c..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220604083453.tsx +++ /dev/null @@ -1,37 +0,0 @@ -import React from 'react'; -import Image from 'next/image'; -import Link from "next/link"; -import { Modal, Button } from '../../../../../UI'; -import { RadioButton } from './index'; - -type Props = { id: string | string[] }; -const title='dddd', feature='feature',description='description'; -const addBasket = () => { - console.log(dd); -} -export const PizzaCard: React.FC = ({id}) => { - return ( - -
-
- {id} dfg dfgdf gdgdfgdf dfgdfg dfg dfg dfg df gdfg gdf gdf g -
-
-
-
-

{title}

-

{feature}

-

{description}

- -
- - - - -
-
-
- - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220604083500.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220604083500.tsx deleted file mode 100644 index cd97f3b..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220604083500.tsx +++ /dev/null @@ -1,37 +0,0 @@ -import React from 'react'; -import Image from 'next/image'; -import Link from "next/link"; -import { Modal, Button } from '../../../../../UI'; -import { RadioButton } from './index'; - -type Props = { id: string | string[] }; -const title='dddd', feature='feature',description='description'; -const addBasket = () => { - console.log('add'); -} -export const PizzaCard: React.FC = ({id}) => { - return ( - -
-
- {id} dfg dfgdf gdgdfgdf dfgdfg dfg dfg dfg df gdfg gdf gdf g -
-
-
-
-

{title}

-

{feature}

-

{description}

- -
- - - - -
-
-
- - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220604083527.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220604083527.tsx deleted file mode 100644 index b499183..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220604083527.tsx +++ /dev/null @@ -1,37 +0,0 @@ -import React from 'react'; -import Image from 'next/image'; -import Link from "next/link"; -import { Modal, Button } from '../../../../../UI'; -import { RadioButton } from './index'; - -type Props = { id: string | string[] }; -const title='dddd', feature='feature',description='description', sun=33; -const addBasket = () => { - console.log('add'); -} -export const PizzaCard: React.FC = ({id}) => { - return ( - -
-
- {id} dfg dfgdf gdgdfgdf dfgdfg dfg dfg dfg df gdfg gdf gdf g -
-
-
-
-

{title}

-

{feature}

-

{description}

- -
- - - - -
-
-
- - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220604083650.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220604083650.tsx deleted file mode 100644 index b499183..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220604083650.tsx +++ /dev/null @@ -1,37 +0,0 @@ -import React from 'react'; -import Image from 'next/image'; -import Link from "next/link"; -import { Modal, Button } from '../../../../../UI'; -import { RadioButton } from './index'; - -type Props = { id: string | string[] }; -const title='dddd', feature='feature',description='description', sun=33; -const addBasket = () => { - console.log('add'); -} -export const PizzaCard: React.FC = ({id}) => { - return ( - -
-
- {id} dfg dfgdf gdgdfgdf dfgdfg dfg dfg dfg df gdfg gdf gdf g -
-
-
-
-

{title}

-

{feature}

-

{description}

- -
- - - - -
-
-
- - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220604131550.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220604131550.tsx deleted file mode 100644 index 6c8b822..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220604131550.tsx +++ /dev/null @@ -1,37 +0,0 @@ -import React from 'react'; -import Image from 'next/image'; -import Link from "next/link"; -import { Modal, Button } from '../../../../../UI'; -import { RadioButton } from './index'; - -type Props = { id: string | string[] }; -const title='dddd', feature='feature',description='description', sun=33; -const addBasket = () => { - console.log('add'); -} -export const PizzaCard: React.FC = ({id}) => { - return ( - -
-
- {id} dfg dfgdf gdgdfgdf dfgdfg dfg dfg dfg df gdfg gdf gdf g -
-
-
-
-

{title}

-

{feature}

-

{description}

- -
- - - - -
-
-
- - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220604131602.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220604131602.tsx deleted file mode 100644 index b9e0aed..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220604131602.tsx +++ /dev/null @@ -1,37 +0,0 @@ -import React from 'react'; -import Image from 'next/image'; -import Link from "next/link"; -import { Modal, Button } from '../../../../../UI'; -import { RadioButton } from './index'; - -type Props = { id: string | string[] }; -const title='dddd', feature='feature',description='description', sum=33; -const addBasket = () => { - console.log('add'); -} -export const PizzaCard: React.FC = ({id}) => { - return ( - -
-
- {id} dfg dfgdf gdgdfgdf dfgdfg dfg dfg dfg df gdfg gdf gdf g -
-
-
-
-

{title}

-

{feature}

-

{description}

- -
- - - - -
-
-
- - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220604131652.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220604131652.tsx deleted file mode 100644 index 6a09628..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220604131652.tsx +++ /dev/null @@ -1,37 +0,0 @@ -import React from 'react'; -import Image from 'next/image'; -import Link from "next/link"; -import { Modal, Button } from '../../../../../UI'; -import { RadioButton } from './index'; - -type Props = { id: string | string[] }; -const title='dddd', feature='feature',description='description', sum=33; -const addBasket = () => { - console.log('add'); -} -export const PizzaCard: React.FC = ({id}) => { - return ( - -
-
- {id} dfg dfgdf gdgdfgdf dfgdfg dfg dfg dfg df gdfg gdf gdf g -
-
-
-
-

{title}

-

{feature}

-

{description}

- -
- - - - -
-
-
- - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220604131757.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220604131757.tsx deleted file mode 100644 index d16b407..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220604131757.tsx +++ /dev/null @@ -1,38 +0,0 @@ -import React from 'react'; -import Image from 'next/image'; -import Link from "next/link"; -import { Modal, Button } from '../../../../../UI'; -import { RadioButton } from './index'; -import classNames from 'classnames'; - -type Props = { id: string | string[] }; -const title='dddd', feature='feature',description='description', sum=33; -const addBasket = () => { - console.log('add'); -} -export const PizzaCard: React.FC = ({id}) => { - return ( - -
-
- {id} dfg dfgdf gdgdfgdf dfgdfg dfg dfg dfg df gdfg gdf gdf g -
-
-
-
-

{title}

-

{feature}

-

{description}

- -
- - - - -
-
-
- - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220604171330.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220604171330.tsx deleted file mode 100644 index 0b9ab32..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220604171330.tsx +++ /dev/null @@ -1,37 +0,0 @@ -import React from 'react'; -import Image from 'next/image'; -import Link from "next/link"; -import { Modal, Button } from '../../../../../UI'; -import { RadioButton } from './index'; -import classNames from 'classnames'; - -type Props = { id: string | string[] }; -const title='dddd', feature='feature',description='description', sum=33; -const addBasket = () => { - console.log('add'); -} -export const PizzaCard: React.FC = ({id}) => { - return ( - -
-
- {id} dfg dfgdf gdgdfgdf dfgdfg dfg dfg dfg df gdfg gdf gdf g -
-
-
-
-

{title}

-

{feature}

-

{description}

-
- - - - -
-
-
- - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615043046.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615043046.tsx deleted file mode 100644 index 368a00a..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615043046.tsx +++ /dev/null @@ -1,64 +0,0 @@ -import React, { useState, useEffect } from 'react'; -import Image from 'next/image'; -import Link from "next/link"; -import { Modal, Button } from '../../../../../UI'; -import { RadioButton } from './index'; -import classNames from 'classnames'; - -type Props = { id: string | string[] }; -const title='dddd', feature='feature',description='description', sum=33; -const typeNames = ['тонкое', 'традиционное']; - -const addBasket = () => { - console.log('add'); -} - -export const PizzaCard: React.FC = ({id}) => { - const [activeType, setActiveType] = useState(0); - const [activeSize, setActiveSize] = useState(0); - return ( - -
-
- {id} dfg dfgdf gdgdfgdf dfgdfg dfg dfg dfg df gdfg gdf gdf g -
-
-
-
-

{title}

-

{feature}

-

{description}

-
-
    - {types.map((typeId) => ( -
  • setActiveType(typeId)} - className={activeType === typeId ? 'active' : ''}> - {typeNames[typeId]} -
    • - ))} -
-
    - {sizes.map((size, i) => ( -
  • setActiveSize(i)} - className={activeSize === i ? 'active' : ''}> - {size} см. -
    • - ))} -
-
-
- - - - -
-
-
- - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615043356.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615043356.tsx deleted file mode 100644 index 8a126a4..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615043356.tsx +++ /dev/null @@ -1,66 +0,0 @@ -import React, { useState, useEffect } from 'react'; -import Image from 'next/image'; -import Link from "next/link"; -import { Modal, Button } from '../../../../../UI'; -import { RadioButton } from './index'; -import classNames from 'classnames'; - -type Props = { - id: string | string[]; - }; -const title='dddd', feature='feature', description='description', sum=33, types=[1,2], sizes=[30,40, 50]; -const typeNames = ['тонкое', 'традиционное']; - -const addBasket = () => { - console.log('add'); -} - -export const PizzaCard: React.FC = ({id}) => { - const [activeType, setActiveType] = useState(0); - const [activeSize, setActiveSize] = useState(0); - return ( - -
-
- {id} dfg dfgdf gdgdfgdf dfgdfg dfg dfg dfg df gdfg gdf gdf g -
-
-
-
-

{title}

-

{feature}

-

{description}

-
-
    - {types.map((typeId) => ( -
  • setActiveType(typeId)} - className={activeType === typeId ? 'active' : ''}> - {typeNames[typeId]} -
    • - ))} -
-
    - {sizes.map((size, i) => ( -
  • setActiveSize(i)} - className={activeSize === i ? 'active' : ''}> - {size} см. -
    • - ))} -
-
-
- - - - -
-
-
- - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615043417.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615043417.tsx deleted file mode 100644 index 81f448b..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615043417.tsx +++ /dev/null @@ -1,66 +0,0 @@ -import React, { useState, useEffect } from 'react'; -import Image from 'next/image'; -import Link from "next/link"; -import { Modal, Button } from '../../../../../UI'; -import { RadioButton } from './index'; -import classNames from 'classnames'; - -type Props = { - id: string | string[]; - }; -const title='dddd', feature='feature', description='description', sum=33, types=[0,1], sizes=[30,40, 50]; -const typeNames = ['тонкое', 'традиционное']; - -const addBasket = () => { - console.log('add'); -} - -export const PizzaCard: React.FC = ({id}) => { - const [activeType, setActiveType] = useState(0); - const [activeSize, setActiveSize] = useState(0); - return ( - -
-
- {id} dfg dfgdf gdgdfgdf dfgdfg dfg dfg dfg df gdfg gdf gdf g -
-
-
-
-

{title}

-

{feature}

-

{description}

-
-
    - {types.map((typeId) => ( -
  • setActiveType(typeId)} - className={activeType === typeId ? 'active' : ''}> - {typeNames[typeId]} -
    • - ))} -
-
    - {sizes.map((size, i) => ( -
  • setActiveSize(i)} - className={activeSize === i ? 'active' : ''}> - {size} см. -
    • - ))} -
-
-
- - - - -
-
-
- - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615043448.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615043448.tsx deleted file mode 100644 index 4a71690..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615043448.tsx +++ /dev/null @@ -1,66 +0,0 @@ -import React, { useState, useEffect } from 'react'; -import Image from 'next/image'; -import Link from "next/link"; -import { Modal, Button } from '../../../../../UI'; -import { RadioButton } from './index'; -import classNames from 'classnames'; - -type Props = { - id: string | string[]; - }; -const title='dddd', feature='feature', description='description', sum=33, types=[0,1], sizes=[30,40, 50]; -const typeNames = ['тонкое тесто', 'традиционное тесто']; - -const addBasket = () => { - console.log('add'); -} - -export const PizzaCard: React.FC = ({id}) => { - const [activeType, setActiveType] = useState(0); - const [activeSize, setActiveSize] = useState(0); - return ( - -
-
- {id} dfg dfgdf gdgdfgdf dfgdfg dfg dfg dfg df gdfg gdf gdf g -
-
-
-
-

{title}

-

{feature}

-

{description}

-
-
    - {types.map((typeId) => ( -
  • setActiveType(typeId)} - className={activeType === typeId ? 'active' : ''}> - {typeNames[typeId]} -
    • - ))} -
-
    - {sizes.map((size, i) => ( -
  • setActiveSize(i)} - className={activeSize === i ? 'active' : ''}> - {size} см. -
    • - ))} -
-
-
- - - - -
-
-
- - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615043502.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615043502.tsx deleted file mode 100644 index 4098297..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615043502.tsx +++ /dev/null @@ -1,66 +0,0 @@ -import React, { useState, useEffect } from 'react'; -import Image from 'next/image'; -import Link from "next/link"; -import { Modal, Button } from '../../../../../UI'; -import { RadioButton } from './index'; -import classNames from 'classnames'; - -type Props = { - id: string | string[]; - }; -const title='dddd', feature='feature', description='description', sum=33, types=[0,1], sizes=[30,40, 50]; -const typeNames = ['традиционное тесто','тонкое тесто']; - -const addBasket = () => { - console.log('add'); -} - -export const PizzaCard: React.FC = ({id}) => { - const [activeType, setActiveType] = useState(0); - const [activeSize, setActiveSize] = useState(0); - return ( - -
-
- {id} dfg dfgdf gdgdfgdf dfgdfg dfg dfg dfg df gdfg gdf gdf g -
-
-
-
-

{title}

-

{feature}

-

{description}

-
-
    - {types.map((typeId) => ( -
  • setActiveType(typeId)} - className={activeType === typeId ? 'active' : ''}> - {typeNames[typeId]} -
    • - ))} -
-
    - {sizes.map((size, i) => ( -
  • setActiveSize(i)} - className={activeSize === i ? 'active' : ''}> - {size} см. -
    • - ))} -
-
-
- - - - -
-
-
- - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615043527.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615043527.tsx deleted file mode 100644 index 25c9763..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615043527.tsx +++ /dev/null @@ -1,66 +0,0 @@ -import React, { useState, useEffect } from 'react'; -import Image from 'next/image'; -import Link from "next/link"; -import { Modal, Button } from '../../../../../UI'; -import { RadioButton } from './index'; -import classNames from 'classnames'; - -type Props = { - id: string | string[]; - }; -const title='dddd', feature='feature', description='description', sum=33, types=[0,1], sizes=[30,40, 50]; -const typeNames = ['традиционное тесто','тонкое тесто']; - -const addBasket = () => { - console.log('add'); -} - -export const PizzaCard: React.FC = ({id}) => { - const [activeType, setActiveType] = useState(0); - const [activeSize, setActiveSize] = useState(0); - return ( - -
-
- {id} dfg dfgdf gdgdfgdf dfgdfg dfg dfg dfg df gdfg gdf gdf g -
-
-
-
-

{title}

-

{feature}

-

{description}

-
-
    - {types.map((typeId) => ( -
  • setActiveType(typeId)} - className={activeType === typeId ? 'active' : ''}> - {typeNames[typeId]} -
    • - ))} -
-
    - {sizes.map((size, i) => ( -
  • setActiveSize(i)} - className={activeSize === i ? 'active' : ''}> - {size} см -
    • - ))} -
-
-
- - - - -
-
-
- - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615052903.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615052903.tsx deleted file mode 100644 index 47e7830..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615052903.tsx +++ /dev/null @@ -1,66 +0,0 @@ -import React, { useState, useEffect } from 'react'; -import Image from 'next/image'; -import Link from "next/link"; -import { Modal, Button } from '../../../../../UI'; -import { RadioButton } from './index'; -import classNames from 'classnames'; - -type Props = { - id: string | string[]; - }; -const title='dddd', feature='feature', description='description', sum=33, types=[0,1], sizes=[30,40, 50]; -const typeNames = ['традиционное тесто','тонкое тесто']; - -const addBasket = () => { - console.log('add'); -} - -export const PizzaCard: React.FC = ({id}) => { - const [activeType, setActiveType] = useState(0); - const [activeSize, setActiveSize] = useState(0); - return ( - -
-
- {id} dfg dfgdf gdgdfgdf dfgdfg dfg dfg dfg df gdfg gdf gdf g -
-
-
-
-

{title}

-

{feature}

-

{description}

-
-
    - {types.map((typeId) => ( -
  • setActiveType(typeId)} - className={activeType === typeId ? 'active' : ''}> - {typeNames[typeId]} -
    • - ))} -
-
    - {sizes.map((size, i) => ( -
  • setActiveSize(i)} - className={activeSize === i ? classNames('active size') : classNames('size')}> - {size} см -
    • - ))} -
-
-
- - - - -
-
-
- - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615053406.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615053406.tsx deleted file mode 100644 index 95d0208..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615053406.tsx +++ /dev/null @@ -1,66 +0,0 @@ -import React, { useState, useEffect } from 'react'; -import Image from 'next/image'; -import Link from "next/link"; -import { Modal, Button } from '../../../../../UI'; -import { RadioButton } from './index'; -import classNames from 'classnames'; - -type Props = { - id: string | string[]; - }; -const title='dddd', feature='feature', description='description', sum=33, types=[0,1], sizes=[30,40, 50]; -const typeNames = ['традиционное тесто','тонкое тесто']; - -const addBasket = () => { - console.log('add'); -} - -export const PizzaCard: React.FC = ({id}) => { - const [activeType, setActiveType] = useState(0); - const [activeSize, setActiveSize] = useState(0); - return ( - -
-
- {id} dfg dfgdf gdgdfgdf dfgdfg dfg dfg dfg df gdfg gdf gdf g -
-
-
-
-

{title}

-

{feature}

-

{description}

-
-
    - {types.map((typeId) => ( -
  • setActiveType(typeId)} - className={activeType === typeId ? classNames('active type') : classNames('type')}> - {typeNames[typeId]} -
    • - ))} -
-
    - {sizes.map((size, i) => ( -
  • setActiveSize(i)} - className={activeSize === i ? classNames('active size') : classNames('size')}> - {size} см -
    • - ))} -
-
-
- - - - -
-
-
- - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615054825.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615054825.tsx deleted file mode 100644 index a0cd946..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615054825.tsx +++ /dev/null @@ -1,70 +0,0 @@ -import React, { useState, useEffect } from 'react'; -import Image from 'next/image'; -import Link from "next/link"; -import { Modal, Button } from '../../../../../UI'; -import { RadioButton } from './index'; -import classNames from 'classnames'; - -type Props = { - id: string | string[]; - }; -const title='dddd', -feature='feature', -description='description', -sum=33, types=[0,1], sizes=[30,40, 50]; - -const typeNames = ['традиционное тесто','тонкое тесто']; - -const addBasket = () => { - console.log('add'); -} - -export const PizzaCard: React.FC = ({id}) => { - const [activeType, setActiveType] = useState(0); - const [activeSize, setActiveSize] = useState(0); - return ( - -
-
- {id} dfg dfgdf gdgdfgdf dfgdfg dfg dfg dfg df gdfg gdf gdf g -
-
-
-
-

{title}

-

{feature}

-

{description}

-
-
    - {types.map((typeId) => ( -
  • setActiveType(typeId)} - className={activeType === typeId ? classNames('active type') : classNames('type')}> - {typeNames[typeId]} -
    • - ))} -
-
    - {sizes.map((size, i) => ( -
  • setActiveSize(i)} - className={activeSize === i ? classNames('active size') : classNames('size')}> - {size} см -
    • - ))} -
-
-
- - - - -
-
-
- - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615054902.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615054902.tsx deleted file mode 100644 index 78c8849..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615054902.tsx +++ /dev/null @@ -1,70 +0,0 @@ -import React, { useState, useEffect } from 'react'; -import Image from 'next/image'; -import Link from "next/link"; -import { Modal, Button } from '../../../../../UI'; -import { RadioButton } from './index'; -import classNames from 'classnames'; - -type Props = { - id: string | string[]; - }; -const title='dddd', -feature='feature', -description='description', -sum=33, types=[0,1], sizes=[30,40, 50]; - -const typeNames = ['традиционное тесто','тонкое тесто']; - -const addBasket = () => { - console.log('add'); -} - -export const PizzaCard: React.FC = ({id}) => { - const [activeType, setActiveType] = useState(0); - const [activeSize, setActiveSize] = useState(0); - return ( - -
-
- {id} -
-
-
-
-

{title}

-

{feature}

-

{description}

-
-
    - {types.map((typeId) => ( -
  • setActiveType(typeId)} - className={activeType === typeId ? classNames('active type') : classNames('type')}> - {typeNames[typeId]} -
    • - ))} -
-
    - {sizes.map((size, i) => ( -
  • setActiveSize(i)} - className={activeSize === i ? classNames('active size') : classNames('size')}> - {size} см -
    • - ))} -
-
-
- - - - -
-
-
- - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615055133.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615055133.tsx deleted file mode 100644 index 22c40ec..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615055133.tsx +++ /dev/null @@ -1,76 +0,0 @@ -import React, { useState, useEffect } from 'react'; -import Image from 'next/image'; -import Link from "next/link"; -import { Modal, Button } from '../../../../../UI'; -import { RadioButton } from './index'; -import classNames from 'classnames'; - -type Props = { - id: string | string[]; - }; -const title='dddd', -feature='feature', -description='description', -sum=33, types=[0,1], sizes=[30,40, 50]; - -const typeNames = ['традиционное тесто','тонкое тесто']; - -const addBasket = () => { - console.log('add'); -} - -export const PizzaCard: React.FC = ({id}) => { - const [activeType, setActiveType] = useState(0); - const [activeSize, setActiveSize] = useState(0); - return ( - -
-
- {id} - {'pizza'} -
-
-
-
-

{title}

-

{feature}

-

{description}

-
-
    - {types.map((typeId) => ( -
  • setActiveType(typeId)} - className={activeType === typeId ? classNames('active type') : classNames('type')}> - {typeNames[typeId]} -
    • - ))} -
-
    - {sizes.map((size, i) => ( -
  • setActiveSize(i)} - className={activeSize === i ? classNames('active size') : classNames('size')}> - {size} см -
    • - ))} -
-
-
- - - - -
-
-
- - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615055327.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615055327.tsx deleted file mode 100644 index 4e78c7b..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615055327.tsx +++ /dev/null @@ -1,76 +0,0 @@ -import React, { useState, useEffect } from 'react'; -import Image from 'next/image'; -import Link from "next/link"; -import { Modal, Button } from '../../../../../UI'; -import { RadioButton } from './index'; -import classNames from 'classnames'; - -type Props = { - id: string | string[]; - }; -const title='dddd', -feature='feature', -description='description', -sum=33, types=[0,1], sizes=[30,40, 50]; - -const typeNames = ['традиционное тесто','тонкое тесто']; - -const addBasket = () => { - console.log('add'); -} - -export const PizzaCard: React.FC = ({id}) => { - const [activeType, setActiveType] = useState(0); - const [activeSize, setActiveSize] = useState(0); - return ( - -
-
- {id} - {'pizza'} -
-
-
-
-

{title}

-

{feature}

-

{description}

-
-
    - {types.map((typeId) => ( -
  • setActiveType(typeId)} - className={activeType === typeId ? classNames('active type') : classNames('type')}> - {typeNames[typeId]} -
    • - ))} -
-
    - {sizes.map((size, i) => ( -
  • setActiveSize(i)} - className={activeSize === i ? classNames('active size') : classNames('size')}> - {size} см -
    • - ))} -
-
-
- - - - -
-
-
- - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615055433.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615055433.tsx deleted file mode 100644 index 1b67563..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615055433.tsx +++ /dev/null @@ -1,76 +0,0 @@ -import React, { useState, useEffect } from 'react'; -import Image from 'next/image'; -import Link from "next/link"; -import { Modal, Button } from '../../../../../UI'; -import { RadioButton } from './index'; -import classNames from 'classnames'; - -type Props = { - id: string | string[]; - }; -const title='dddd', -feature='feature', -description='description', -sum=33, types=[0,1], sizes=[30,40, 50]; - -const typeNames = ['традиционное тесто','тонкое тесто']; - -const addBasket = () => { - console.log('add'); -} - -export const PizzaCard: React.FC = ({id}) => { - const [activeType, setActiveType] = useState(0); - const [activeSize, setActiveSize] = useState(0); - return ( - -
-
- {id} - {'pizza'} -
-
-
-
-

{title}

-

{feature}

-

{description}

-
-
    - {types.map((typeId) => ( -
  • setActiveType(typeId)} - className={activeType === typeId ? classNames('active type') : classNames('type')}> - {typeNames[typeId]} -
    • - ))} -
-
    - {sizes.map((size, i) => ( -
  • setActiveSize(i)} - className={activeSize === i ? classNames('active size') : classNames('size')}> - {size} см -
    • - ))} -
-
-
- - - - -
-
-
- - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615055441.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615055441.tsx deleted file mode 100644 index 0c905aa..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615055441.tsx +++ /dev/null @@ -1,76 +0,0 @@ -import React, { useState, useEffect } from 'react'; -import Image from 'next/image'; -import Link from "next/link"; -import { Modal, Button } from '../../../../../UI'; -import { RadioButton } from './index'; -import classNames from 'classnames'; - -type Props = { - id: string | string[]; - }; -const title='dddd', -feature='feature', -description='description', -sum=33, types=[0,1], sizes=[30,40, 50]; - -const typeNames = ['традиционное тесто','тонкое тесто']; - -const addBasket = () => { - console.log('add'); -} - -export const PizzaCard: React.FC = ({id}) => { - const [activeType, setActiveType] = useState(0); - const [activeSize, setActiveSize] = useState(0); - return ( - -
-
- {id} - {'pizza'} -
-
-
-
-

{title}

-

{feature}

-

{description}

-
-
    - {types.map((typeId) => ( -
  • setActiveType(typeId)} - className={activeType === typeId ? classNames('active type') : classNames('type')}> - {typeNames[typeId]} -
    • - ))} -
-
    - {sizes.map((size, i) => ( -
  • setActiveSize(i)} - className={activeSize === i ? classNames('active size') : classNames('size')}> - {size} см -
    • - ))} -
-
-
- - - - -
-
-
- - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615055444.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615055444.tsx deleted file mode 100644 index 5ae52f2..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615055444.tsx +++ /dev/null @@ -1,76 +0,0 @@ -import React, { useState, useEffect } from 'react'; -import Image from 'next/image'; -import Link from "next/link"; -import { Modal, Button } from '../../../../../UI'; -import { RadioButton } from './index'; -import classNames from 'classnames'; - -type Props = { - id: string | string[]; - }; -const title='dddd', -feature='feature', -description='description', -sum=33, types=[0,1], sizes=[30,40, 50]; - -const typeNames = ['традиционное тесто','тонкое тесто']; - -const addBasket = () => { - console.log('add'); -} - -export const PizzaCard: React.FC = ({id}) => { - const [activeType, setActiveType] = useState(0); - const [activeSize, setActiveSize] = useState(0); - return ( - -
-
- {id} - {'pizza'} -
-
-
-
-

{title}

-

{feature}

-

{description}

-
-
    - {types.map((typeId) => ( -
  • setActiveType(typeId)} - className={activeType === typeId ? classNames('active type') : classNames('type')}> - {typeNames[typeId]} -
    • - ))} -
-
    - {sizes.map((size, i) => ( -
  • setActiveSize(i)} - className={activeSize === i ? classNames('active size') : classNames('size')}> - {size} см -
    • - ))} -
-
-
- - - - -
-
-
- - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615055454.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615055454.tsx deleted file mode 100644 index 33ea87a..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615055454.tsx +++ /dev/null @@ -1,76 +0,0 @@ -import React, { useState, useEffect } from 'react'; -import Image from 'next/image'; -import Link from "next/link"; -import { Modal, Button } from '../../../../../UI'; -import { RadioButton } from './index'; -import classNames from 'classnames'; - -type Props = { - id: string | string[]; - }; -const title='dddd', -feature='feature', -description='description', -sum=33, types=[0,1], sizes=[30,40, 50]; - -const typeNames = ['традиционное тесто','тонкое тесто']; - -const addBasket = () => { - console.log('add'); -} - -export const PizzaCard: React.FC = ({id}) => { - const [activeType, setActiveType] = useState(0); - const [activeSize, setActiveSize] = useState(0); - return ( - -
-
- {id} - {'pizza'} -
-
-
-
-

{title}

-

{feature}

-

{description}

-
-
    - {types.map((typeId) => ( -
  • setActiveType(typeId)} - className={activeType === typeId ? classNames('active type') : classNames('type')}> - {typeNames[typeId]} -
    • - ))} -
-
    - {sizes.map((size, i) => ( -
  • setActiveSize(i)} - className={activeSize === i ? classNames('active size') : classNames('size')}> - {size} см -
    • - ))} -
-
-
- - - - -
-
-
- - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615055502.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615055502.tsx deleted file mode 100644 index 4355921..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615055502.tsx +++ /dev/null @@ -1,75 +0,0 @@ -import React, { useState, useEffect } from 'react'; -import Image from 'next/image'; -import Link from "next/link"; -import { Modal, Button } from '../../../../../UI'; -import { RadioButton } from './index'; -import classNames from 'classnames'; - -type Props = { - id: string | string[]; - }; -const title='dddd', -feature='feature', -description='description', -sum=33, types=[0,1], sizes=[30,40, 50]; - -const typeNames = ['традиционное тесто','тонкое тесто']; - -const addBasket = () => { - console.log('add'); -} - -export const PizzaCard: React.FC = ({id}) => { - const [activeType, setActiveType] = useState(0); - const [activeSize, setActiveSize] = useState(0); - return ( - -
-
- {'pizza'} -
-
-
-
-

{title}

-

{feature}

-

{description}

-
-
    - {types.map((typeId) => ( -
  • setActiveType(typeId)} - className={activeType === typeId ? classNames('active type') : classNames('type')}> - {typeNames[typeId]} -
    • - ))} -
-
    - {sizes.map((size, i) => ( -
  • setActiveSize(i)} - className={activeSize === i ? classNames('active size') : classNames('size')}> - {size} см -
    • - ))} -
-
-
- - - - -
-
-
- - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615055604.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615055604.tsx deleted file mode 100644 index 4a17d51..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615055604.tsx +++ /dev/null @@ -1,75 +0,0 @@ -import React, { useState, useEffect } from 'react'; -import Image from 'next/image'; -import Link from "next/link"; -import { Modal, Button } from '../../../../../UI'; -import { RadioButton } from './index'; -import classNames from 'classnames'; - -type Props = { - id: string | string[]; - }; -const title='dddd', -feature='feature', -description='description', -sum=33, types=[0,1], sizes=[30,40, 50]; - -const typeNames = ['традиционное тесто','тонкое тесто']; - -const addBasket = () => { - console.log('add'); -} - -export const PizzaCard: React.FC = ({id}) => { - const [activeType, setActiveType] = useState(0); - const [activeSize, setActiveSize] = useState(0); - return ( - -
-
- {'pizza'} -
-
-
-
-

{title}

-

{feature}

-

{description}

-
-
    - {types.map((typeId) => ( -
  • setActiveType(typeId)} - className={activeType === typeId ? classNames('active type') : classNames('type')}> - {typeNames[typeId]} -
    • - ))} -
-
    - {sizes.map((size, i) => ( -
  • setActiveSize(i)} - className={activeSize === i ? classNames('active size') : classNames('size')}> - {size} см -
    • - ))} -
-
-
- - - - -
-
-
- - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615060013.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615060013.tsx deleted file mode 100644 index 867ba88..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615060013.tsx +++ /dev/null @@ -1,74 +0,0 @@ -import React, { useState, useEffect } from 'react'; -import Image from 'next/image'; -import Link from "next/link"; -import { Modal, Button } from '../../../../../UI'; -import classNames from 'classnames'; - -type Props = { - id: string | string[]; - }; -const title='dddd', -feature='feature', -description='description', -sum=33, types=[0,1], sizes=[30,40, 50]; - -const typeNames = ['традиционное тесто','тонкое тесто']; - -const addBasket = () => { - console.log('add'); -} - -export const PizzaCard: React.FC = ({id}) => { - const [activeType, setActiveType] = useState(0); - const [activeSize, setActiveSize] = useState(0); - return ( - -
-
- {'pizza'} -
-
-
-
-

{title}

-

{feature}

-

{description}

-
-
    - {types.map((typeId) => ( -
  • setActiveType(typeId)} - className={activeType === typeId ? classNames('active type') : classNames('type')}> - {typeNames[typeId]} -
    • - ))} -
-
    - {sizes.map((size, i) => ( -
  • setActiveSize(i)} - className={activeSize === i ? classNames('active size') : classNames('size')}> - {size} см -
    • - ))} -
-
-
- - - - -
-
-
- - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615060020.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615060020.tsx deleted file mode 100644 index 867ba88..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615060020.tsx +++ /dev/null @@ -1,74 +0,0 @@ -import React, { useState, useEffect } from 'react'; -import Image from 'next/image'; -import Link from "next/link"; -import { Modal, Button } from '../../../../../UI'; -import classNames from 'classnames'; - -type Props = { - id: string | string[]; - }; -const title='dddd', -feature='feature', -description='description', -sum=33, types=[0,1], sizes=[30,40, 50]; - -const typeNames = ['традиционное тесто','тонкое тесто']; - -const addBasket = () => { - console.log('add'); -} - -export const PizzaCard: React.FC = ({id}) => { - const [activeType, setActiveType] = useState(0); - const [activeSize, setActiveSize] = useState(0); - return ( - -
-
- {'pizza'} -
-
-
-
-

{title}

-

{feature}

-

{description}

-
-
    - {types.map((typeId) => ( -
  • setActiveType(typeId)} - className={activeType === typeId ? classNames('active type') : classNames('type')}> - {typeNames[typeId]} -
    • - ))} -
-
    - {sizes.map((size, i) => ( -
  • setActiveSize(i)} - className={activeSize === i ? classNames('active size') : classNames('size')}> - {size} см -
    • - ))} -
-
-
- - - - -
-
-
- - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615062834.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615062834.tsx deleted file mode 100644 index 31de09b..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615062834.tsx +++ /dev/null @@ -1,95 +0,0 @@ -import React, { useState, useEffect } from 'react'; -import Image from 'next/image'; -import Link from "next/link"; -import { Modal, Button } from '../../../../../UI'; -import classNames from 'classnames'; -import axios from 'axios'; - -type Props = { - id: string | string[]; - }; -const title='dddd', -feature='feature', -description='description', -sum=33, types=[0,1], sizes=[30,40, 50]; - -const typeNames = ['традиционное тесто','тонкое тесто']; - -const addBasket = () => { - console.log('add'); -} - -export const PizzaCard: React.FC = ({id}) => { - const [activeType, setActiveType] = useState(0); - const [activeSize, setActiveSize] = useState(0); - const [rows, setRows] = useState([]); - useEffect(() => { - const getData = async () => { - const { sortBy, order, category, search, currentPage } = params; - const { data } = await axios.get(`https://626d16545267c14d5677d9c2.mockapi.io/items`, { - params: pickBy( - { - page: currentPage, - limit: 4, - category, - sortBy, - order, - search, - }, - identity, - ), - }); - }; - getData(); - }, [id]); - return ( - -
-
- {'pizza'} -
-
-
-
-

{title}

-

{feature}

-

{description}

-
-
    - {types.map((typeId) => ( -
  • setActiveType(typeId)} - className={activeType === typeId ? classNames('active type') : classNames('type')}> - {typeNames[typeId]} -
    • - ))} -
-
    - {sizes.map((size, i) => ( -
  • setActiveSize(i)} - className={activeSize === i ? classNames('active size') : classNames('size')}> - {size} см -
    • - ))} -
-
-
- - - - -
-
-
- - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615062851.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615062851.tsx deleted file mode 100644 index 59ae0bf..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615062851.tsx +++ /dev/null @@ -1,96 +0,0 @@ -import React, { useState, useEffect } from 'react'; -import Image from 'next/image'; -import Link from "next/link"; -import { Modal, Button } from '../../../../../UI'; -import classNames from 'classnames'; -import axios from 'axios'; -import pickBy from 'lodash/pickBy'; - -type Props = { - id: string | string[]; - }; -const title='dddd', -feature='feature', -description='description', -sum=33, types=[0,1], sizes=[30,40, 50]; - -const typeNames = ['традиционное тесто','тонкое тесто']; - -const addBasket = () => { - console.log('add'); -} - -export const PizzaCard: React.FC = ({id}) => { - const [activeType, setActiveType] = useState(0); - const [activeSize, setActiveSize] = useState(0); - const [rows, setRows] = useState([]); - useEffect(() => { - const getData = async () => { - const { sortBy, order, category, search, currentPage } = params; - const { data } = await axios.get(`https://626d16545267c14d5677d9c2.mockapi.io/items`, { - params: pickBy( - { - page: currentPage, - limit: 4, - category, - sortBy, - order, - search, - }, - identity, - ), - }); - }; - getData(); - }, [id]); - return ( - -
-
- {'pizza'} -
-
-
-
-

{title}

-

{feature}

-

{description}

-
-
    - {types.map((typeId) => ( -
  • setActiveType(typeId)} - className={activeType === typeId ? classNames('active type') : classNames('type')}> - {typeNames[typeId]} -
    • - ))} -
-
    - {sizes.map((size, i) => ( -
  • setActiveSize(i)} - className={activeSize === i ? classNames('active size') : classNames('size')}> - {size} см -
    • - ))} -
-
-
- - - - -
-
-
- - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615063125.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615063125.tsx deleted file mode 100644 index 53fbb71..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615063125.tsx +++ /dev/null @@ -1,97 +0,0 @@ -import React, { useState, useEffect } from 'react'; -import Image from 'next/image'; -import Link from "next/link"; -import { Modal, Button } from '../../../../../UI'; -import classNames from 'classnames'; -import axios from 'axios'; -import pickBy from 'lodash/pickBy'; -import identity from 'lodash/identity'; - -type Props = { - id: string | string[]; - }; -const title='dddd', -feature='feature', -description='description', -sum=33, types=[0,1], sizes=[30,40, 50]; - -const typeNames = ['традиционное тесто','тонкое тесто']; - -const addBasket = () => { - console.log('add'); -} - -export const PizzaCard: React.FC = ({id}) => { - const [activeType, setActiveType] = useState(0); - const [activeSize, setActiveSize] = useState(0); - const [rows, setRows] = useState([]); - useEffect(() => { - const getData = async () => { - const { sortBy, order, category, search, currentPage } = params; - const { data } = await axios.get('/api/loadingPizzaInformation', { - params: pickBy( - { - page: currentPage, - limit: 4, - category, - sortBy, - order, - search, - }, - identity, - ), - }); - }; - getData(); - }, [id]); - return ( - -
-
- {'pizza'} -
-
-
-
-

{title}

-

{feature}

-

{description}

-
-
    - {types.map((typeId) => ( -
  • setActiveType(typeId)} - className={activeType === typeId ? classNames('active type') : classNames('type')}> - {typeNames[typeId]} -
    • - ))} -
-
    - {sizes.map((size, i) => ( -
  • setActiveSize(i)} - className={activeSize === i ? classNames('active size') : classNames('size')}> - {size} см -
    • - ))} -
-
-
- - - - -
-
-
- - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615064426.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615064426.tsx deleted file mode 100644 index 51234cf..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615064426.tsx +++ /dev/null @@ -1,85 +0,0 @@ -import React, { useState, useEffect } from 'react'; -import Image from 'next/image'; -import Link from "next/link"; -import { Modal, Button } from '../../../../../UI'; -import classNames from 'classnames'; -import axios from 'axios'; -import pickBy from 'lodash/pickBy'; -import identity from 'lodash/identity'; - -type Props = { - id: string | string[]; - }; -const title='dddd', -feature='feature', -description='description', -sum=33, types=[0,1], sizes=[30,40, 50]; - -const typeNames = ['традиционное тесто','тонкое тесто']; - -const addBasket = () => { - console.log('add'); -} - -export const PizzaCard: React.FC = ({id}) => { - const [activeType, setActiveType] = useState(0); - const [activeSize, setActiveSize] = useState(0); - const [rows, setRows] = useState([]); - useEffect(() => { - const getData = async () => { - const { data } = await axios.get('/api/loadingPizzaInformation/'+id); - setRows(data); - }; - getData(); - }, [id]); - return ( - -
-
- {'pizza'} -
-
-
-
-

{title}

-

{feature}

-

{description}

-
-
    - {types.map((typeId) => ( -
  • setActiveType(typeId)} - className={activeType === typeId ? classNames('active type') : classNames('type')}> - {typeNames[typeId]} -
    • - ))} -
-
    - {sizes.map((size, i) => ( -
  • setActiveSize(i)} - className={activeSize === i ? classNames('active size') : classNames('size')}> - {size} см -
    • - ))} -
-
-
- - - - -
-
-
- - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615064445.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615064445.tsx deleted file mode 100644 index 4199fdb..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615064445.tsx +++ /dev/null @@ -1,86 +0,0 @@ -import React, { useState, useEffect } from 'react'; -import Image from 'next/image'; -import Link from "next/link"; -import { Modal, Button } from '../../../../../UI'; -import classNames from 'classnames'; -import axios from 'axios'; -import pickBy from 'lodash/pickBy'; -import identity from 'lodash/identity'; - -type Props = { - id: string | string[]; - }; -const title='dddd', -feature='feature', -description='description', -sum=33, types=[0,1], sizes=[30,40, 50]; - -const typeNames = ['традиционное тесто','тонкое тесто']; - -const addBasket = () => { - console.log('add'); -} - -export const PizzaCard: React.FC = ({id}) => { - const [activeType, setActiveType] = useState(0); - const [activeSize, setActiveSize] = useState(0); - const [rows, setRows] = useState([]); - useEffect(() => { - const getData = async () => { - const { data } = await axios.get('/api/loadingPizzaInformation/'+id); - setRows(data); - }; - getData(); - console.log(rows); - }, [id]); - return ( - -
-
- {'pizza'} -
-
-
-
-

{title}

-

{feature}

-

{description}

-
-
    - {types.map((typeId) => ( -
  • setActiveType(typeId)} - className={activeType === typeId ? classNames('active type') : classNames('type')}> - {typeNames[typeId]} -
    • - ))} -
-
    - {sizes.map((size, i) => ( -
  • setActiveSize(i)} - className={activeSize === i ? classNames('active size') : classNames('size')}> - {size} см -
    • - ))} -
-
-
- - - - -
-
-
- - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615160218.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615160218.tsx deleted file mode 100644 index 61333ea..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615160218.tsx +++ /dev/null @@ -1,79 +0,0 @@ -import React, { useState, useEffect } from 'react'; -import Image from 'next/image'; -import Link from "next/link"; -import classNames from 'classnames'; -import { Modal, Button } from '../../../../../UI'; -import { useAppDispatch } from '../../../../../../redux/store'; -import { fetchPizzaToCard, selectPizzaToCartData } from '../../../../../../redux/pizzaToCart/'; - -type Props = { - id: string | string[]; -}; - -const title='dddd', -feature='feature', -description='description', -sum=33, types=[0,1], sizes=[30,40, 50]; - -const typeNames = ['традиционное тесто','тонкое тесто']; - -const addBasket = () => { - console.log('add'); -} - -export const PizzaCard: React.FC = ({id}) => { - const [activeType, setActiveType] = useState(0); - const [activeSize, setActiveSize] = useState(0); - const [rows, setRows] = useState([]); - - return ( - -
-
- {'pizza'} -
-
-
-
-

{title}

-

{feature}

-

{description}

-
-
    - {types.map((typeId) => ( -
  • setActiveType(typeId)} - className={activeType === typeId ? classNames('active type') : classNames('type')}> - {typeNames[typeId]} -
    • - ))} -
-
    - {sizes.map((size, i) => ( -
  • setActiveSize(i)} - className={activeSize === i ? classNames('active size') : classNames('size')}> - {size} см -
    • - ))} -
-
-
- - - - -
-
-
- - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615160433.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615160433.tsx deleted file mode 100644 index e62ad92..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615160433.tsx +++ /dev/null @@ -1,86 +0,0 @@ -import React, { useState, useEffect } from 'react'; -import { useSelector } from 'react-redux' -import Image from 'next/image'; -import Link from "next/link"; -import classNames from 'classnames'; -import { Modal, Button } from '../../../../../UI'; -import { useAppDispatch } from '../../../../../../redux/store'; -import { fetchPizzaToCard, selectPizzaToCartData } from '../../../../../../redux/pizzaToCart/'; - -type Props = { - id: string | string[]; -}; - -const title='dddd', -feature='feature', -description='description', -sum=33, types=[0,1], sizes=[30,40, 50]; - -const typeNames = ['традиционное тесто','тонкое тесто']; - -const addBasket = () => { - console.log('add'); -} - -export const PizzaCard: React.FC = ({id}) => { - const dispatch = useAppDispatch(); - useEffect(() => { - dispatch( fetchPizzaToCard() ); - }, [dispatch, id]); - - const { pizzaToCard_items, pizzaToCard_status } = useSelector(selectPizzaToCartData); - const [activeType, setActiveType] = useState(0); - const [activeSize, setActiveSize] = useState(0); - const [rows, setRows] = useState([]); - - return ( - -
-
- {'pizza'} -
-
-
-
-

{title}

-

{feature}

-

{description}

-
-
    - {types.map((typeId) => ( -
  • setActiveType(typeId)} - className={activeType === typeId ? classNames('active type') : classNames('type')}> - {typeNames[typeId]} -
    • - ))} -
-
    - {sizes.map((size, i) => ( -
  • setActiveSize(i)} - className={activeSize === i ? classNames('active size') : classNames('size')}> - {size} см -
    • - ))} -
-
-
- - - - -
-
-
- - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615160611.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615160611.tsx deleted file mode 100644 index c65f359..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615160611.tsx +++ /dev/null @@ -1,89 +0,0 @@ -import React, { useState, useEffect } from 'react'; -import { useSelector } from 'react-redux' -import Image from 'next/image'; -import Link from "next/link"; -import classNames from 'classnames'; -import { Modal, Button } from '../../../../../UI'; -import { useAppDispatch } from '../../../../../../redux/store'; -import { fetchPizzaToCard, selectPizzaToCartData } from '../../../../../../redux/pizzaToCart/'; - -type Props = { - id: string | string[]; -}; - -const title='dddd', -feature='feature', -description='description', -sum=33, types=[0,1], sizes=[30,40, 50]; - -const typeNames = ['традиционное тесто','тонкое тесто']; - -const addBasket = () => { - console.log('add'); -} - -export const PizzaCard: React.FC = ({id}) => { - const dispatch = useAppDispatch(); - useEffect(() => { - dispatch( fetchPizzaToCard() ); - }, [dispatch, id]); - - const { pizzaToCard_items, pizzaToCard_status } = useSelector(selectPizzaToCartData); - const [activeType, setActiveType] = useState(0); - const [activeSize, setActiveSize] = useState(0); - const [rows, setRows] = useState([]); - - const pizza = pizzaToCard_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - -
-
- {'pizza'} -
-
-
-
-

{title}

-

{feature}

-

{description}

-
-
    - {types.map((typeId) => ( -
  • setActiveType(typeId)} - className={activeType === typeId ? classNames('active type') : classNames('type')}> - {typeNames[typeId]} -
    • - ))} -
-
    - {sizes.map((size, i) => ( -
  • setActiveSize(i)} - className={activeSize === i ? classNames('active size') : classNames('size')}> - {size} см -
    • - ))} -
-
-
- - - - -
-
-
- - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615160632.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615160632.tsx deleted file mode 100644 index 8429e0d..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615160632.tsx +++ /dev/null @@ -1,91 +0,0 @@ -import React, { useState, useEffect } from 'react'; -import { useSelector } from 'react-redux' -import Image from 'next/image'; -import Link from "next/link"; -import classNames from 'classnames'; -import { Modal, Button } from '../../../../../UI'; -import { useAppDispatch } from '../../../../../../redux/store'; -import { fetchPizzaToCard, selectPizzaToCartData } from '../../../../../../redux/pizzaToCart/'; -import console from 'console'; - -type Props = { - id: string | string[]; -}; - -const title='dddd', -feature='feature', -description='description', -sum=33, types=[0,1], sizes=[30,40, 50]; - -const typeNames = ['традиционное тесто','тонкое тесто']; - -const addBasket = () => { - console.log('add'); -} - -export const PizzaCard: React.FC = ({id}) => { - const dispatch = useAppDispatch(); - useEffect(() => { - dispatch( fetchPizzaToCard() ); - }, [dispatch, id]); - - const { pizzaToCard_items, pizzaToCard_status } = useSelector(selectPizzaToCartData); - const [activeType, setActiveType] = useState(0); - const [activeSize, setActiveSize] = useState(0); - const [rows, setRows] = useState([]); - - console.log(pizzaToCard_items); - //const pizza = pizzaToCard_items.map((obj, index) => ); - //const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - -
-
- {'pizza'} -
-
-
-
-

{title}

-

{feature}

-

{description}

-
-
    - {types.map((typeId) => ( -
  • setActiveType(typeId)} - className={activeType === typeId ? classNames('active type') : classNames('type')}> - {typeNames[typeId]} -
    • - ))} -
-
    - {sizes.map((size, i) => ( -
  • setActiveSize(i)} - className={activeSize === i ? classNames('active size') : classNames('size')}> - {size} см -
    • - ))} -
-
-
- - - - -
-
-
- - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615160645.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615160645.tsx deleted file mode 100644 index b4678d2..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615160645.tsx +++ /dev/null @@ -1,90 +0,0 @@ -import React, { useState, useEffect } from 'react'; -import { useSelector } from 'react-redux' -import Image from 'next/image'; -import Link from "next/link"; -import classNames from 'classnames'; -import { Modal, Button } from '../../../../../UI'; -import { useAppDispatch } from '../../../../../../redux/store'; -import { fetchPizzaToCard, selectPizzaToCartData } from '../../../../../../redux/pizzaToCart/'; - -type Props = { - id: string | string[]; -}; - -const title='dddd', -feature='feature', -description='description', -sum=33, types=[0,1], sizes=[30,40, 50]; - -const typeNames = ['традиционное тесто','тонкое тесто']; - -const addBasket = () => { - console.log('add'); -} - -export const PizzaCard: React.FC = ({id}) => { - const dispatch = useAppDispatch(); - useEffect(() => { - dispatch( fetchPizzaToCard() ); - }, [dispatch, id]); - - const { pizzaToCard_items, pizzaToCard_status } = useSelector(selectPizzaToCartData); - const [activeType, setActiveType] = useState(0); - const [activeSize, setActiveSize] = useState(0); - const [rows, setRows] = useState([]); - - console.log(pizzaToCard_items); - //const pizza = pizzaToCard_items.map((obj, index) => ); - //const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - -
-
- {'pizza'} -
-
-
-
-

{title}

-

{feature}

-

{description}

-
-
    - {types.map((typeId) => ( -
  • setActiveType(typeId)} - className={activeType === typeId ? classNames('active type') : classNames('type')}> - {typeNames[typeId]} -
    • - ))} -
-
    - {sizes.map((size, i) => ( -
  • setActiveSize(i)} - className={activeSize === i ? classNames('active size') : classNames('size')}> - {size} см -
    • - ))} -
-
-
- - - - -
-
-
- - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615162022.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615162022.tsx deleted file mode 100644 index 835d167..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615162022.tsx +++ /dev/null @@ -1,90 +0,0 @@ -import React, { useState, useEffect } from 'react'; -import { useSelector } from 'react-redux' -import Image from 'next/image'; -import Link from "next/link"; -import classNames from 'classnames'; -import { Modal, Button } from '../../../../../UI'; -import { useAppDispatch } from '../../../../../../redux/store'; -import { fetchPizzaToCard, selectPizzaToCartData } from '../../../../../../redux/pizzaToCart/'; - -type Props = { - id: string | string[]; -}; - -const title='dddd', -feature='feature', -description='description', -sum=33, types=[0,1], sizes=[30,40, 50]; - -const typeNames = ['традиционное тесто','тонкое тесто']; - -const addBasket = () => { - console.log('add'); -} - -export const PizzaCard: React.FC = ({id}) => { - const dispatch = useAppDispatch(); - useEffect(() => { - dispatch( fetchPizzaToCard({id}) ); - }, [dispatch, id]); - - const { pizzaToCard_items, pizzaToCard_status } = useSelector(selectPizzaToCartData); - const [activeType, setActiveType] = useState(0); - const [activeSize, setActiveSize] = useState(0); - const [rows, setRows] = useState([]); - - console.log(pizzaToCard_items); - //const pizza = pizzaToCard_items.map((obj, index) => ); - //const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - -
-
- {'pizza'} -
-
-
-
-

{title}

-

{feature}

-

{description}

-
-
    - {types.map((typeId) => ( -
  • setActiveType(typeId)} - className={activeType === typeId ? classNames('active type') : classNames('type')}> - {typeNames[typeId]} -
    • - ))} -
-
    - {sizes.map((size, i) => ( -
  • setActiveSize(i)} - className={activeSize === i ? classNames('active size') : classNames('size')}> - {size} см -
    • - ))} -
-
-
- - - - -
-
-
- - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615162403.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615162403.tsx deleted file mode 100644 index d283b42..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615162403.tsx +++ /dev/null @@ -1,90 +0,0 @@ -import React, { useState, useEffect } from 'react'; -import { useSelector } from 'react-redux' -import Image from 'next/image'; -import Link from "next/link"; -import classNames from 'classnames'; -import { Modal, Button } from '../../../../../UI'; -import { useAppDispatch } from '../../../../../../redux/store'; -import { fetchPizzaToCard, selectPizzaToCartData } from '../../../../../../redux/pizzaToCart/'; - -type Props = { - id: number; -}; - -const title='dddd', -feature='feature', -description='description', -sum=33, types=[0,1], sizes=[30,40, 50]; - -const typeNames = ['традиционное тесто','тонкое тесто']; - -const addBasket = () => { - console.log('add'); -} - -export const PizzaCard: React.FC = ({id}) => { - const dispatch = useAppDispatch(); - useEffect(() => { - dispatch( fetchPizzaToCard({id}) ); - }, [dispatch, id]); - - const { pizzaToCard_items, pizzaToCard_status } = useSelector(selectPizzaToCartData); - const [activeType, setActiveType] = useState(0); - const [activeSize, setActiveSize] = useState(0); - const [rows, setRows] = useState([]); - - console.log(pizzaToCard_items); - //const pizza = pizzaToCard_items.map((obj, index) => ); - //const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - -
-
- {'pizza'} -
-
-
-
-

{title}

-

{feature}

-

{description}

-
-
    - {types.map((typeId) => ( -
  • setActiveType(typeId)} - className={activeType === typeId ? classNames('active type') : classNames('type')}> - {typeNames[typeId]} -
    • - ))} -
-
    - {sizes.map((size, i) => ( -
  • setActiveSize(i)} - className={activeSize === i ? classNames('active size') : classNames('size')}> - {size} см -
    • - ))} -
-
-
- - - - -
-
-
- - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615162842.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615162842.tsx deleted file mode 100644 index 23c29ab..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615162842.tsx +++ /dev/null @@ -1,90 +0,0 @@ -import React, { useState, useEffect } from 'react'; -import { useSelector } from 'react-redux' -import Image from 'next/image'; -import Link from "next/link"; -import classNames from 'classnames'; -import { Modal, Button } from '../../../../../UI'; -import { useAppDispatch } from '../../../../../../redux/store'; -import { fetchPizzaToCard, selectPizzaToCartData } from '../../../../../../redux/pizzaToCart/'; - -type Props = { - id: number; -}; - -const title='dddd', -feature='feature', -description='description', -sum=33, types=[0,1], sizes=[30,40, 50]; - -const typeNames = ['традиционное тесто','тонкое тесто']; - -const addBasket = () => { - console.log('add'); -} - -export const PizzaCard: React.FC = ({id}) => { - const dispatch = useAppDispatch(); - useEffect(() => { - dispatch( fetchPizzaToCard({id}) ); - }, [dispatch, id]); - - const { pizzaToCard_items, pizzaToCard_status } = useSelector(selectPizzaToCartData); - const [activeType, setActiveType] = useState(0); - const [activeSize, setActiveSize] = useState(0); - const [rows, setRows] = useState([]); - - console.log(pizzaToCard_items.title); - //const pizza = pizzaToCard_items.map((obj, index) => ); - //const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - -
-
- {'pizza'} -
-
-
-
-

{title}

-

{feature}

-

{description}

-
-
    - {types.map((typeId) => ( -
  • setActiveType(typeId)} - className={activeType === typeId ? classNames('active type') : classNames('type')}> - {typeNames[typeId]} -
    • - ))} -
-
    - {sizes.map((size, i) => ( -
  • setActiveSize(i)} - className={activeSize === i ? classNames('active size') : classNames('size')}> - {size} см -
    • - ))} -
-
-
- - - - -
-
-
- - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615162900.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615162900.tsx deleted file mode 100644 index 283a752..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615162900.tsx +++ /dev/null @@ -1,90 +0,0 @@ -import React, { useState, useEffect } from 'react'; -import { useSelector } from 'react-redux' -import Image from 'next/image'; -import Link from "next/link"; -import classNames from 'classnames'; -import { Modal, Button } from '../../../../../UI'; -import { useAppDispatch } from '../../../../../../redux/store'; -import { fetchPizzaToCard, selectPizzaToCartData } from '../../../../../../redux/pizzaToCart/'; - -type Props = { - id: number; -}; - -const title='dddd', -feature='feature', -description='description', -sum=33, types=[0,1], sizes=[30,40, 50]; - -const typeNames = ['традиционное тесто','тонкое тесто']; - -const addBasket = () => { - console.log('add'); -} - -export const PizzaCard: React.FC = ({id}) => { - const dispatch = useAppDispatch(); - useEffect(() => { - dispatch( fetchPizzaToCard({id}) ); - }, [dispatch, id]); - - const { pizzaToCard_items, pizzaToCard_status } = useSelector(selectPizzaToCartData); - const [activeType, setActiveType] = useState(0); - const [activeSize, setActiveSize] = useState(0); - const [rows, setRows] = useState([]); - - console.log(pizzaToCard_items[0].title); - //const pizza = pizzaToCard_items.map((obj, index) => ); - //const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - -
-
- {'pizza'} -
-
-
-
-

{title}

-

{feature}

-

{description}

-
-
    - {types.map((typeId) => ( -
  • setActiveType(typeId)} - className={activeType === typeId ? classNames('active type') : classNames('type')}> - {typeNames[typeId]} -
    • - ))} -
-
    - {sizes.map((size, i) => ( -
  • setActiveSize(i)} - className={activeSize === i ? classNames('active size') : classNames('size')}> - {size} см -
    • - ))} -
-
-
- - - - -
-
-
- - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615162915.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615162915.tsx deleted file mode 100644 index 020f7e9..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615162915.tsx +++ /dev/null @@ -1,90 +0,0 @@ -import React, { useState, useEffect } from 'react'; -import { useSelector } from 'react-redux' -import Image from 'next/image'; -import Link from "next/link"; -import classNames from 'classnames'; -import { Modal, Button } from '../../../../../UI'; -import { useAppDispatch } from '../../../../../../redux/store'; -import { fetchPizzaToCard, selectPizzaToCartData } from '../../../../../../redux/pizzaToCart/'; - -type Props = { - id: number; -}; - -const title='dddd', -feature='feature', -description='description', -sum=33, types=[0,1], sizes=[30,40, 50]; - -const typeNames = ['традиционное тесто','тонкое тесто']; - -const addBasket = () => { - console.log('add'); -} - -export const PizzaCard: React.FC = ({id}) => { - const dispatch = useAppDispatch(); - useEffect(() => { - dispatch( fetchPizzaToCard({id}) ); - }, [dispatch, id]); - - const { pizzaToCard_items, pizzaToCard_status } = useSelector(selectPizzaToCartData); - const [activeType, setActiveType] = useState(0); - const [activeSize, setActiveSize] = useState(0); - const [rows, setRows] = useState([]); - - console.log(pizzaToCard_items[0]); - //const pizza = pizzaToCard_items.map((obj, index) => ); - //const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - -
-
- {'pizza'} -
-
-
-
-

{title}

-

{feature}

-

{description}

-
-
    - {types.map((typeId) => ( -
  • setActiveType(typeId)} - className={activeType === typeId ? classNames('active type') : classNames('type')}> - {typeNames[typeId]} -
    • - ))} -
-
    - {sizes.map((size, i) => ( -
  • setActiveSize(i)} - className={activeSize === i ? classNames('active size') : classNames('size')}> - {size} см -
    • - ))} -
-
-
- - - - -
-
-
- - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615162952.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615162952.tsx deleted file mode 100644 index 3643d20..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615162952.tsx +++ /dev/null @@ -1,90 +0,0 @@ -import React, { useState, useEffect } from 'react'; -import { useSelector } from 'react-redux' -import Image from 'next/image'; -import Link from "next/link"; -import classNames from 'classnames'; -import { Modal, Button } from '../../../../../UI'; -import { useAppDispatch } from '../../../../../../redux/store'; -import { fetchPizzaToCard, selectPizzaToCartData } from '../../../../../../redux/pizzaToCart/'; - -type Props = { - id: number; -}; - -const title='dddd', -feature='feature', -description='description', -sum=33, types=[0,1], sizes=[30,40, 50]; - -const typeNames = ['традиционное тесто','тонкое тесто']; - -const addBasket = () => { - console.log('add'); -} - -export const PizzaCard: React.FC = ({id}) => { - const dispatch = useAppDispatch(); - useEffect(() => { - dispatch( fetchPizzaToCard({id}) ); - }, [dispatch, id]); - - const { pizzaToCard_items, pizzaToCard_status } = useSelector(selectPizzaToCartData); - const [activeType, setActiveType] = useState(0); - const [activeSize, setActiveSize] = useState(0); - const [rows, setRows] = useState([]); - - console.log(pizzaToCard_items[0].name); - //const pizza = pizzaToCard_items.map((obj, index) => ); - //const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - -
-
- {'pizza'} -
-
-
-
-

{title}

-

{feature}

-

{description}

-
-
    - {types.map((typeId) => ( -
  • setActiveType(typeId)} - className={activeType === typeId ? classNames('active type') : classNames('type')}> - {typeNames[typeId]} -
    • - ))} -
-
    - {sizes.map((size, i) => ( -
  • setActiveSize(i)} - className={activeSize === i ? classNames('active size') : classNames('size')}> - {size} см -
    • - ))} -
-
-
- - - - -
-
-
- - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615164006.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615164006.tsx deleted file mode 100644 index 721dc33..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615164006.tsx +++ /dev/null @@ -1,31 +0,0 @@ -import React, { useState, useEffect } from 'react'; -import { useSelector } from 'react-redux' -import { Modal } from '../../../../../UI'; -import { useAppDispatch } from '../../../../../../redux/store'; -import { fetchPizzaToCard, selectPizzaToCartData } from '../../../../../../redux/pizzaToCart/'; -import { PizzaModalsContent } from './'; - -type Props = { - id: number; -}; - -export const PizzaCard: React.FC = ({id}) => { - const dispatch = useAppDispatch(); - useEffect(() => { - dispatch( fetchPizzaToCard({id}) ); - }, [dispatch, id]); - - const { pizzaToCard_items, pizzaToCard_status } = useSelector(selectPizzaToCartData); - - const [rows, setRows] = useState([]); - - console.log(pizzaToCard_items); - const pizza = pizzaToCard_items.map((obj, index) => ); - //const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - {pizza} - - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615164206.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615164206.tsx deleted file mode 100644 index b934237..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615164206.tsx +++ /dev/null @@ -1,31 +0,0 @@ -import React, { useState, useEffect } from 'react'; -import { useSelector } from 'react-redux' -import { Modal } from '../../../../../UI'; -import { useAppDispatch } from '../../../../../../redux/store'; -import { fetchPizzaToCard, selectPizzaToCartData } from '../../../../../../redux/pizzaToCart/'; -import { PizzaModalsContent } from './'; - -type Props = { - id: number; -}; - -export const PizzaCard: React.FC = ({id}) => { - const dispatch = useAppDispatch(); - useEffect(() => { - dispatch( fetchPizzaToCard({id}) ); - }, [dispatch, id]); - - const { pizzaToCard_items, pizzaToCard_status } = useSelector(selectPizzaToCartData); - - const [rows, setRows] = useState([]); - - console.log(pizzaToCard_items); - const pizza = pizzaToCard_items.map((obj, index) => ); - //const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - {pizza} - - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220616123755.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220616123755.tsx deleted file mode 100644 index b934237..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220616123755.tsx +++ /dev/null @@ -1,31 +0,0 @@ -import React, { useState, useEffect } from 'react'; -import { useSelector } from 'react-redux' -import { Modal } from '../../../../../UI'; -import { useAppDispatch } from '../../../../../../redux/store'; -import { fetchPizzaToCard, selectPizzaToCartData } from '../../../../../../redux/pizzaToCart/'; -import { PizzaModalsContent } from './'; - -type Props = { - id: number; -}; - -export const PizzaCard: React.FC = ({id}) => { - const dispatch = useAppDispatch(); - useEffect(() => { - dispatch( fetchPizzaToCard({id}) ); - }, [dispatch, id]); - - const { pizzaToCard_items, pizzaToCard_status } = useSelector(selectPizzaToCartData); - - const [rows, setRows] = useState([]); - - console.log(pizzaToCard_items); - const pizza = pizzaToCard_items.map((obj, index) => ); - //const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - {pizza} - - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220616125926.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220616125926.tsx deleted file mode 100644 index 6b8a1f1..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220616125926.tsx +++ /dev/null @@ -1,32 +0,0 @@ -import React, { useState, useEffect } from 'react'; -import { useSelector } from 'react-redux' -import { Modal } from '../../../../../UI'; -import { useAppDispatch } from '../../../../../../redux/store'; -import { fetchPizzaToCard, selectPizzaToCartData } from '../../../../../../redux/pizzaToCart/'; -import { PizzaModalsContent } from './'; - -type Props = { - id: number; - otherProp?: any; -}; - -export const PizzaCard: React.FC = ({id}) => { - const dispatch = useAppDispatch(); - useEffect(() => { - dispatch( fetchPizzaToCard({id}) ); - }, [dispatch, id]); - - const { pizzaToCard_items, pizzaToCard_status } = useSelector(selectPizzaToCartData); - - const [rows, setRows] = useState([]); - - console.log(pizzaToCard_items); - const pizza = pizzaToCard_items.map((obj, index) => ); - //const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - {pizza} - - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220616125948.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220616125948.tsx deleted file mode 100644 index 6b8a1f1..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220616125948.tsx +++ /dev/null @@ -1,32 +0,0 @@ -import React, { useState, useEffect } from 'react'; -import { useSelector } from 'react-redux' -import { Modal } from '../../../../../UI'; -import { useAppDispatch } from '../../../../../../redux/store'; -import { fetchPizzaToCard, selectPizzaToCartData } from '../../../../../../redux/pizzaToCart/'; -import { PizzaModalsContent } from './'; - -type Props = { - id: number; - otherProp?: any; -}; - -export const PizzaCard: React.FC = ({id}) => { - const dispatch = useAppDispatch(); - useEffect(() => { - dispatch( fetchPizzaToCard({id}) ); - }, [dispatch, id]); - - const { pizzaToCard_items, pizzaToCard_status } = useSelector(selectPizzaToCartData); - - const [rows, setRows] = useState([]); - - console.log(pizzaToCard_items); - const pizza = pizzaToCard_items.map((obj, index) => ); - //const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - {pizza} - - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220616132026.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220616132026.tsx deleted file mode 100644 index ae2951e..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220616132026.tsx +++ /dev/null @@ -1,30 +0,0 @@ -import React, { useState, useEffect } from 'react'; -import { useSelector } from 'react-redux' -import { Modal } from '../../../../../UI'; -import { useAppDispatch } from '../../../../../../redux/store'; -import { fetchPizzaToCard, selectPizzaToCartData } from '../../../../../../redux/pizzaToCart/'; -import { PizzaModalsContent } from './'; - -type Props = { - id: number; - otherProp?: any; -}; - -export const PizzaCard: React.FC = ({id}) => { - const dispatch = useAppDispatch(); - - useEffect(() => { - dispatch( fetchPizzaToCard({id}) ); - }, [dispatch, id]); - - const { pizzaToCard_items, pizzaToCard_status } = useSelector(selectPizzaToCartData); - - const pizza = pizzaToCard_items.map((obj, index) => ); - //const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - {pizza} - - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220616132034.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220616132034.tsx deleted file mode 100644 index 5d515bd..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220616132034.tsx +++ /dev/null @@ -1,30 +0,0 @@ -import React, { useEffect } from 'react'; -import { useSelector } from 'react-redux' -import { Modal } from '../../../../../UI'; -import { useAppDispatch } from '../../../../../../redux/store'; -import { fetchPizzaToCard, selectPizzaToCartData } from '../../../../../../redux/pizzaToCart/'; -import { PizzaModalsContent } from './'; - -type Props = { - id: number; - otherProp?: any; -}; - -export const PizzaCard: React.FC = ({id}) => { - const dispatch = useAppDispatch(); - - useEffect(() => { - dispatch( fetchPizzaToCard({id}) ); - }, [dispatch, id]); - - const { pizzaToCard_items, pizzaToCard_status } = useSelector(selectPizzaToCartData); - - const pizza = pizzaToCard_items.map((obj, index) => ); - //const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - {pizza} - - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220617162344.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220617162344.tsx deleted file mode 100644 index e68bb04..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220617162344.tsx +++ /dev/null @@ -1,30 +0,0 @@ -import React, { useEffect } from 'react'; -import { useSelector } from 'react-redux' -import { Modal } from '../../../../../UI'; -import { useAppDispatch } from '../../../../../../redux/store'; -import { fetchPizzaToCard, selectPizzaToCartData } from '../../../../../../redux/pizzaToCart/'; -import { PizzaModalsContent } from './'; - -type Props = { - id: number; - otherProp?: any; -}; - -export const PizzaCard: React.FC = ({id}) => { - const dispatch = useAppDispatch(); - document.body.style.overflow = "hidden"; - useEffect(() => { - dispatch( fetchPizzaToCard({id}) ); - }, [dispatch, id]); - - const { pizzaToCard_items, pizzaToCard_status } = useSelector(selectPizzaToCartData); - - const pizza = pizzaToCard_items.map((obj, index) => ); - //const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - {pizza} - - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220617162450.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220617162450.tsx deleted file mode 100644 index c6c669c..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220617162450.tsx +++ /dev/null @@ -1,30 +0,0 @@ -import React, { useEffect } from 'react'; -import { useSelector } from 'react-redux' -import { Modal } from '../../../../../UI'; -import { useAppDispatch } from '../../../../../../redux/store'; -import { fetchPizzaToCard, selectPizzaToCartData } from '../../../../../../redux/pizzaToCart/'; -import { PizzaModalsContent } from './'; - -type Props = { - id: number; - otherProp?: any; -}; - -export const PizzaCard: React.FC = ({id}) => { - const dispatch = useAppDispatch(); - - useEffect(() => { - dispatch( fetchPizzaToCard({id}) ); - }, [dispatch, id]); - - const { pizzaToCard_items, pizzaToCard_status } = useSelector(selectPizzaToCartData); - - const pizza = pizzaToCard_items.map((obj, index) => ); - //const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - {pizza} - - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220617190746.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220617190746.tsx deleted file mode 100644 index 9473162..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220617190746.tsx +++ /dev/null @@ -1,30 +0,0 @@ -import React, { useEffect } from 'react'; -import { useSelector } from 'react-redux' -import { Modal } from '../../../../../UI'; -import { useAppDispatch } from '../../../../../../redux/store'; -import { fetchPizzaToCard, selectPizzaToCartData } from '../../../../../../redux/pizzaToCart/'; -import { PizzaModalsContent } from './'; - -type Props = { - id: any; - otherProp?: any; -}; - -export const PizzaCard: React.FC = ({id}) => { - const dispatch = useAppDispatch(); - - useEffect(() => { - dispatch( fetchPizzaToCard({id}) ); - }, [dispatch, id]); - - const { pizzaToCard_items, pizzaToCard_status } = useSelector(selectPizzaToCartData); - - const pizza = pizzaToCard_items.map((obj, index) => ); - //const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - {pizza} - - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220617191214.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220617191214.tsx deleted file mode 100644 index 4872ebe..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220617191214.tsx +++ /dev/null @@ -1,30 +0,0 @@ -import React, { useEffect } from 'react'; -import { useSelector } from 'react-redux' -import { Modal } from '../../../../../UI/index'; -import { useAppDispatch } from '../../../../../../redux/store'; -import { fetchPizzaToCard, selectPizzaToCartData } from '../../../../../../redux/pizzaToCart/'; -import { PizzaModalsContent } from './'; - -type Props = { - id: any; - otherProp?: any; -}; - -export const PizzaCard: React.FC = ({id}) => { - const dispatch = useAppDispatch(); - - useEffect(() => { - dispatch( fetchPizzaToCard({id}) ); - }, [dispatch, id]); - - const { pizzaToCard_items, pizzaToCard_status } = useSelector(selectPizzaToCartData); - - const pizza = pizzaToCard_items.map((obj, index) => ); - //const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - {pizza} - - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220617191230.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220617191230.tsx deleted file mode 100644 index 9473162..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220617191230.tsx +++ /dev/null @@ -1,30 +0,0 @@ -import React, { useEffect } from 'react'; -import { useSelector } from 'react-redux' -import { Modal } from '../../../../../UI'; -import { useAppDispatch } from '../../../../../../redux/store'; -import { fetchPizzaToCard, selectPizzaToCartData } from '../../../../../../redux/pizzaToCart/'; -import { PizzaModalsContent } from './'; - -type Props = { - id: any; - otherProp?: any; -}; - -export const PizzaCard: React.FC = ({id}) => { - const dispatch = useAppDispatch(); - - useEffect(() => { - dispatch( fetchPizzaToCard({id}) ); - }, [dispatch, id]); - - const { pizzaToCard_items, pizzaToCard_status } = useSelector(selectPizzaToCartData); - - const pizza = pizzaToCard_items.map((obj, index) => ); - //const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - {pizza} - - ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220618150953.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220618150953.tsx deleted file mode 100644 index 3384472..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220618150953.tsx +++ /dev/null @@ -1,36 +0,0 @@ -import React, { useEffect } from 'react'; -import { useSelector } from 'react-redux' -import classNames from 'classnames'; -import { useAppDispatch } from '../../../../../../redux/store'; -import { fetchPizzaToCard, selectPizzaToCartData } from '../../../../../../redux/pizzaToCart/'; -import { PizzaModalsContent } from './'; - -type Props = { - id: any; - otherProp?: any; -}; - -export const PizzaCard: React.FC = ({id}) => { - const dispatch = useAppDispatch(); - - useEffect(() => { - dispatch( fetchPizzaToCard({id}) ); - }, [dispatch, id]); - - const { pizzaToCard_items, pizzaToCard_status } = useSelector(selectPizzaToCartData); - - const pizza = pizzaToCard_items.map((obj, index) => ); - //const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( -
-
-
-
- {pizza} -
-
-
-
- ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220618151147.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220618151147.tsx deleted file mode 100644 index adb67c3..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220618151147.tsx +++ /dev/null @@ -1,36 +0,0 @@ -import React, { useEffect } from 'react'; -import { useSelector } from 'react-redux' -import classNames from 'classnames'; -import { useAppDispatch } from '../../../../../../redux/store'; -import { fetchPizzaToCard, selectPizzaToCartData } from '../../../../../../redux/pizzaToCart/'; -import { PizzaModalsContent } from './'; - -type Props = { - id: any; - otherProp?: any; -}; - -export const PizzaCard: React.FC = ({id}) => { - const dispatch = useAppDispatch(); - - useEffect(() => { - dispatch( fetchPizzaToCard({id}) ); - }, [dispatch, id]); - - const { pizzaToCard_items, pizzaToCard_status } = useSelector(selectPizzaToCartData); - - const pizza = pizzaToCard_items.map((obj, index) => ); - //const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( -
-
-
-
- {pizza} -
-
-
-
- ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220619081810.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220619081810.tsx deleted file mode 100644 index 6de7672..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220619081810.tsx +++ /dev/null @@ -1,36 +0,0 @@ -import React, { useEffect } from 'react'; -import { useSelector } from 'react-redux' -import classNames from 'classnames'; -import { useAppDispatch } from '../../../../../../redux/store'; -import { fetchPizzaToCard, selectPizzaToCartData } from '../../../../../../redux/pizzaToCart/'; -import { PizzaModalsContent } from './'; - -type Props = { - id: any; - otherProp?: any; -}; - -export const PizzaCard: React.FC = ({id}) => { - const dispatch = useAppDispatch(); - - useEffect(() => { - dispatch( fetchPizzaToCard({id}) ); - }, [dispatch, id]); - - const { pizzaToCard_items, pizzaToCard_status } = useSelector(selectPizzaToCartData); - - const pizza = pizzaToCard_items.map((obj, index) => ); - //const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( -
-
-
-
- {pizza} -
-
-
-
- ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220619082020.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220619082020.tsx deleted file mode 100644 index 0b5f8f4..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220619082020.tsx +++ /dev/null @@ -1,36 +0,0 @@ -import React, { useEffect } from 'react'; -import { useSelector } from 'react-redux' -import classNames from 'classnames'; -import { useAppDispatch } from '../../../../../../redux/store'; -import { fetchPizzaToCard, selectPizzaToCartData } from '../../../../../../redux/pizzaToCart/'; -import { PizzaModalsContent } from './'; - -type Props = { - id: any; - otherProp?: any; -}; - -export const PizzaCard: React.FC = ({id}) => { - const dispatch = useAppDispatch(); - - useEffect(() => { - dispatch( fetchPizzaToCard({id}) ); - }, [dispatch, id]); - - const { pizzaToCard_items, pizzaToCard_status } = useSelector(selectPizzaToCartData); - - const pizza = pizzaToCard_items.map((obj, index) => ); - //const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( -
-
-
-
- {pizza} -
-
-
-
- ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220619082124.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220619082124.tsx deleted file mode 100644 index 817b551..0000000 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220619082124.tsx +++ /dev/null @@ -1,36 +0,0 @@ -import React, { useEffect } from 'react'; -import { useSelector } from 'react-redux' -import classNames from 'classnames'; -import { useAppDispatch } from '../../../../../../redux/store'; -import { fetchPizzaToCard, selectPizzaToCartData } from '../../../../../../redux/pizzaToCart/'; -import { PizzaModalsContent } from './'; - -type Props = { - id: any; - otherProp?: any; -}; - -export const PizzaCard: React.FC = ({id}) => { - const dispatch = useAppDispatch(); - - useEffect(() => { - dispatch( fetchPizzaToCard({id}) ); - }, [dispatch, id]); - - const { pizzaToCard_items, pizzaToCard_status } = useSelector(selectPizzaToCartData); - - const pizza = pizzaToCard_items.map((obj, index) => ); - //const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( -
-
-
-
- {pizza} -
-
-
-
- ); -}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220618151454.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220725005547.tsx similarity index 100% rename from .history/components/customer/pages/index/modals/pizza/pizzaCard_20220618151454.tsx rename to .history/components/customer/pages/index/modals/pizza/pizzaCard_20220725005547.tsx diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220619082141.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220725005826.tsx similarity index 96% rename from .history/components/customer/pages/index/modals/pizza/pizzaCard_20220619082141.tsx rename to .history/components/customer/pages/index/modals/pizza/pizzaCard_20220725005826.tsx index 51f50f7..9b149c7 100644 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220619082141.tsx +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220725005826.tsx @@ -1,6 +1,5 @@ import React, { useEffect } from 'react'; import { useSelector } from 'react-redux' -import classNames from 'classnames'; import { useAppDispatch } from '../../../../../../redux/store'; import { fetchPizzaToCard, selectPizzaToCartData } from '../../../../../../redux/pizzaToCart/'; import { PizzaModalsContent } from './'; diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220725010026.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220725010026.tsx new file mode 100644 index 0000000..5abf90d --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220725010026.tsx @@ -0,0 +1,35 @@ +import React, { useEffect } from 'react'; +import { useSelector } from 'react-redux' +import { useAppDispatch } from '../../../../../../redux/store'; +import { fetchPizzaToCard, selectPizzaToCartData } from '../../../../../../redux/pizzaToCart/'; +import { PizzaModalsContent } from './'; + +type Props = { + id: any; + otherProp?: any; +}; + +export const PizzaCard: React.FC = ({id}) => { + const dispatch = useAppDispatch(); + + useEffect(() => { + dispatch( fetchPizzaToCard({id}) ); + }, [dispatch, id]); + + const { pizzaToCard_items, pizzaToCard_status } = useSelector(selectPizzaToCartData); + + const pizza = pizzaToCard_items.map((obj, index) => ); + //const pizzaSkeleton = [...new Array(6)].map((_, index) => ); + + return ( +
+
+
+
+ {pizza} +
+
+
+
+ ); +}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220618151408.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220725010033.tsx similarity index 92% rename from .history/components/customer/pages/index/modals/pizza/pizzaCard_20220618151408.tsx rename to .history/components/customer/pages/index/modals/pizza/pizzaCard_20220725010033.tsx index 931e811..9b149c7 100644 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220618151408.tsx +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220725010033.tsx @@ -1,6 +1,5 @@ import React, { useEffect } from 'react'; import { useSelector } from 'react-redux' -import classNames from 'classnames'; import { useAppDispatch } from '../../../../../../redux/store'; import { fetchPizzaToCard, selectPizzaToCartData } from '../../../../../../redux/pizzaToCart/'; import { PizzaModalsContent } from './'; @@ -26,7 +25,7 @@ export const PizzaCard: React.FC = ({id}) => {
-
+
{pizza}
diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220618151400.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220725010351.tsx similarity index 87% rename from .history/components/customer/pages/index/modals/pizza/pizzaCard_20220618151400.tsx rename to .history/components/customer/pages/index/modals/pizza/pizzaCard_20220725010351.tsx index e00b73e..9b149c7 100644 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220618151400.tsx +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220725010351.tsx @@ -1,6 +1,5 @@ import React, { useEffect } from 'react'; import { useSelector } from 'react-redux' -import classNames from 'classnames'; import { useAppDispatch } from '../../../../../../redux/store'; import { fetchPizzaToCard, selectPizzaToCartData } from '../../../../../../redux/pizzaToCart/'; import { PizzaModalsContent } from './'; @@ -23,10 +22,10 @@ export const PizzaCard: React.FC = ({id}) => { //const pizzaSkeleton = [...new Array(6)].map((_, index) => ); return ( -
+
-
+
{pizza}
diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220619081333.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220725182137.tsx similarity index 83% rename from .history/components/customer/pages/index/modals/pizza/pizzaCard_20220619081333.tsx rename to .history/components/customer/pages/index/modals/pizza/pizzaCard_20220725182137.tsx index 817b551..9b149c7 100644 --- a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220619081333.tsx +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220725182137.tsx @@ -1,6 +1,5 @@ import React, { useEffect } from 'react'; import { useSelector } from 'react-redux' -import classNames from 'classnames'; import { useAppDispatch } from '../../../../../../redux/store'; import { fetchPizzaToCard, selectPizzaToCartData } from '../../../../../../redux/pizzaToCart/'; import { PizzaModalsContent } from './'; @@ -23,9 +22,9 @@ export const PizzaCard: React.FC = ({id}) => { //const pizzaSkeleton = [...new Array(6)].map((_, index) => ); return ( -
-
-
+
+
+
{pizza}
diff --git a/.history/pages/index_20220525183526.tsx b/.history/pages/index_20220525183526.tsx deleted file mode 100644 index 7279f71..0000000 --- a/.history/pages/index_20220525183526.tsx +++ /dev/null @@ -1,52 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll } from '../components'; -import { useAppDispatch } from '../redux/store'; -import { fetchStoke } from '../redux/stoke/stock'; -import { selectStokeData } from '../redux/stoke/selectors'; - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( - fetchStoke(), - ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - - const stokes = items.map((obj, index) => ); - const skeletons = [...new Array(4)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletons : stokes} - - - ) -} - -export async function getServerSideProps({ req, res }) { - await dbConnect(); - const user = await getUser(req, res); - if (!user) { - return { - redirect: { - permanent: false, - destination: "/signin", - }, - props: {}, - }; - } - return { - props: { - user, - }, - }; -} - -export default Home diff --git a/.history/pages/index_20220525183825.tsx b/.history/pages/index_20220525183825.tsx deleted file mode 100644 index c35a799..0000000 --- a/.history/pages/index_20220525183825.tsx +++ /dev/null @@ -1,52 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll } from '../components'; -import { useAppDispatch } from '../redux/store'; -import { fetchStoke } from '../redux/stoke/stock'; -import { selectStokeData } from '../redux/stoke/selectors'; - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( - fetchStoke(), - ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - - const stokes = items.map((obj, index) => ); - const skeletons = [...new Array(4)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletons : stokes} - - - ) -} - -export async function getServerSideProps({ req, res }) { - // await dbConnect(); - // const user = await getUser(req, res); - if (!user) { - return { - redirect: { - permanent: false, - destination: "/signin", - }, - props: {}, - }; - } - return { - props: { - user, - }, - }; -} - -export default Home diff --git a/.history/pages/index_20220525183852.tsx b/.history/pages/index_20220525183852.tsx deleted file mode 100644 index 5399010..0000000 --- a/.history/pages/index_20220525183852.tsx +++ /dev/null @@ -1,33 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll } from '../components'; -import { useAppDispatch } from '../redux/store'; -import { fetchStoke } from '../redux/stoke/stock'; -import { selectStokeData } from '../redux/stoke/selectors'; - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( - fetchStoke(), - ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - - const stokes = items.map((obj, index) => ); - const skeletons = [...new Array(4)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletons : stokes} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220528173327.tsx b/.history/pages/index_20220528173327.tsx deleted file mode 100644 index 5399010..0000000 --- a/.history/pages/index_20220528173327.tsx +++ /dev/null @@ -1,33 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll } from '../components'; -import { useAppDispatch } from '../redux/store'; -import { fetchStoke } from '../redux/stoke/stock'; -import { selectStokeData } from '../redux/stoke/selectors'; - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( - fetchStoke(), - ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - - const stokes = items.map((obj, index) => ); - const skeletons = [...new Array(4)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletons : stokes} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220528174654.tsx b/.history/pages/index_20220528174654.tsx deleted file mode 100644 index 2713855..0000000 --- a/.history/pages/index_20220528174654.tsx +++ /dev/null @@ -1,34 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, MottoBlock } from '../components'; -import { useAppDispatch } from '../redux/store'; -import { fetchStoke } from '../redux/stoke/stock'; -import { selectStokeData } from '../redux/stoke/selectors'; - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( - fetchStoke(), - ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - - const stokes = items.map((obj, index) => ); - const skeletons = [...new Array(4)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletons : stokes} - - - - ) -} - -export default Home diff --git a/.history/pages/index_20220528174721.tsx b/.history/pages/index_20220528174721.tsx deleted file mode 100644 index 3d57645..0000000 --- a/.history/pages/index_20220528174721.tsx +++ /dev/null @@ -1,34 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, MottoBlock } from '../components'; -import { useAppDispatch } from '../redux/store'; -import { fetchStoke } from '../redux/stoke/stock'; -import { selectStokeData } from '../redux/stoke/selectors'; - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( - fetchStoke(), - ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - - const stokes = items.map((obj, index) => ); - const skeletons = [...new Array(4)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletons : stokes} - - - - ) -} - -export default Home diff --git a/.history/pages/index_20220528174856.tsx b/.history/pages/index_20220528174856.tsx deleted file mode 100644 index f7bebc0..0000000 --- a/.history/pages/index_20220528174856.tsx +++ /dev/null @@ -1,35 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, MottoBlock } from '../components'; -import { useAppDispatch } from '../redux/store'; -import { fetchStoke } from '../redux/stoke/stock'; -import { selectStokeData } from '../redux/stoke/selectors'; - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( - fetchStoke(), - ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - - const stokes = items.map((obj, index) => ); - const skeletons = [...new Array(4)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletons : stokes} - - - - - ) -} - -export default Home diff --git a/.history/pages/index_20220528224733.tsx b/.history/pages/index_20220528224733.tsx deleted file mode 100644 index 65dde68..0000000 --- a/.history/pages/index_20220528224733.tsx +++ /dev/null @@ -1,37 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, MottoBlock, CategoriesButton } from '../components'; -import { useAppDispatch } from '../redux/store'; -import { fetchStoke } from '../redux/stoke/stock'; -import { selectStokeData } from '../redux/stoke/selectors'; - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( - fetchStoke(), - ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = items.map((obj, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - - ) -} - -export default Home diff --git a/.history/pages/index_20220528225606.tsx b/.history/pages/index_20220528225606.tsx deleted file mode 100644 index 258f583..0000000 --- a/.history/pages/index_20220528225606.tsx +++ /dev/null @@ -1,38 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, MottoBlock, CategoriesButton } from '../components'; -import { useAppDispatch } from '../redux/store'; -import { fetchStoke } from '../redux/stoke/stock'; -import { fetchCategories } from '../redux/Categories/stock' -import { selectStokeData } from '../redux/stoke/selectors'; - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( - fetchStoke(), - ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = items.map((obj, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - - ) -} - -export default Home diff --git a/.history/pages/index_20220528225619.tsx b/.history/pages/index_20220528225619.tsx deleted file mode 100644 index 6e6db96..0000000 --- a/.history/pages/index_20220528225619.tsx +++ /dev/null @@ -1,38 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, MottoBlock, CategoriesButton } from '../components'; -import { useAppDispatch } from '../redux/store'; -import { fetchStoke } from '../redux/stoke/stock'; -import { fetchCategories } from '../redux/categories/stock' -import { selectStokeData } from '../redux/stoke/selectors'; - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( - fetchStoke(), - ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = items.map((obj, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - - ) -} - -export default Home diff --git a/.history/pages/index_20220528231649.tsx b/.history/pages/index_20220528231649.tsx deleted file mode 100644 index c2a7c8b..0000000 --- a/.history/pages/index_20220528231649.tsx +++ /dev/null @@ -1,42 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, MottoBlock, CategoriesButton } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke } from '../redux/stoke/stock'; -import { selectStokeData } from '../redux/stoke/selectors'; - -import { fetchCategories } from '../redux/categories/stock'; -import { selectCategoriesData } from '../redux/categories/selectors'; - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - {categories_status === 'loading' ? skeletonsStoke : categories} - - ) -} - -export default Home diff --git a/.history/pages/index_20220528232725.tsx b/.history/pages/index_20220528232725.tsx deleted file mode 100644 index 55d5a6e..0000000 --- a/.history/pages/index_20220528232725.tsx +++ /dev/null @@ -1,42 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, MottoBlock, CategoriesButton } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke } from '../redux/stoke/stock'; -import { selectStokeData } from '../redux/stoke/selectors'; - -import { fetchCategories } from '../redux/categories/stock'; -import { selectCategoriesData } from '../redux/categories/selectors'; - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - // const { categories_items, categories_status } = useSelector(selectCategoriesData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - // const categories = categories_items.map((obj, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - - ) -} - -export default Home diff --git a/.history/pages/index_20220528233321.tsx b/.history/pages/index_20220528233321.tsx deleted file mode 100644 index d88fa1b..0000000 --- a/.history/pages/index_20220528233321.tsx +++ /dev/null @@ -1,44 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, MottoBlock, CategoriesButton } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke } from '../redux/stoke/stock'; -import { selectStokeData } from '../redux/stoke/selectors'; - -import { fetchCategories } from '../redux/categories/stock'; -import { selectCategoriesData } from '../redux/categories/selectors'; - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? skeletonsStoke : categories} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220528233418.tsx b/.history/pages/index_20220528233418.tsx deleted file mode 100644 index a8d7c27..0000000 --- a/.history/pages/index_20220528233418.tsx +++ /dev/null @@ -1,44 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, MottoBlock, CategoriesButton } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke } from '../redux/stoke/stock'; -import { selectStokeData } from '../redux/stoke/selectors'; - -import { fetchCategories } from '../redux/categories/stock'; -import { selectCategoriesData } from '../redux/categories/selectors'; - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - - - - ) -} - -export default Home diff --git a/.history/pages/index_20220528233430.tsx b/.history/pages/index_20220528233430.tsx deleted file mode 100644 index f016b87..0000000 --- a/.history/pages/index_20220528233430.tsx +++ /dev/null @@ -1,42 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, MottoBlock, CategoriesButton } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke } from '../redux/stoke/stock'; -import { selectStokeData } from '../redux/stoke/selectors'; - -import { fetchCategories } from '../redux/categories/stock'; -import { selectCategoriesData } from '../redux/categories/selectors'; - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - - ) -} - -export default Home diff --git a/.history/pages/index_20220528233439.tsx b/.history/pages/index_20220528233439.tsx deleted file mode 100644 index ea53041..0000000 --- a/.history/pages/index_20220528233439.tsx +++ /dev/null @@ -1,42 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, MottoBlock, CategoriesButton } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke } from '../redux/stoke/stock'; -import { selectStokeData } from '../redux/stoke/selectors'; - -import { fetchCategories } from '../redux/categories/stock'; -import { selectCategoriesData } from '../redux/categories/selectors'; - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - - ) -} - -export default Home diff --git a/.history/pages/index_20220528233445.tsx b/.history/pages/index_20220528233445.tsx deleted file mode 100644 index f016b87..0000000 --- a/.history/pages/index_20220528233445.tsx +++ /dev/null @@ -1,42 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, MottoBlock, CategoriesButton } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke } from '../redux/stoke/stock'; -import { selectStokeData } from '../redux/stoke/selectors'; - -import { fetchCategories } from '../redux/categories/stock'; -import { selectCategoriesData } from '../redux/categories/selectors'; - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - - ) -} - -export default Home diff --git a/.history/pages/index_20220528233449.tsx b/.history/pages/index_20220528233449.tsx deleted file mode 100644 index 161ecf9..0000000 --- a/.history/pages/index_20220528233449.tsx +++ /dev/null @@ -1,44 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, MottoBlock, CategoriesButton } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke } from '../redux/stoke/stock'; -import { selectStokeData } from '../redux/stoke/selectors'; - -import { fetchCategories } from '../redux/categories/stock'; -import { selectCategoriesData } from '../redux/categories/selectors'; - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? skeletonsStoke : categories} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220528233524.tsx b/.history/pages/index_20220528233524.tsx deleted file mode 100644 index d88fa1b..0000000 --- a/.history/pages/index_20220528233524.tsx +++ /dev/null @@ -1,44 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, MottoBlock, CategoriesButton } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke } from '../redux/stoke/stock'; -import { selectStokeData } from '../redux/stoke/selectors'; - -import { fetchCategories } from '../redux/categories/stock'; -import { selectCategoriesData } from '../redux/categories/selectors'; - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? skeletonsStoke : categories} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220528234219.tsx b/.history/pages/index_20220528234219.tsx deleted file mode 100644 index 782c7fb..0000000 --- a/.history/pages/index_20220528234219.tsx +++ /dev/null @@ -1,47 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, MottoBlock, CategoriesButton } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke } from '../redux/stoke/stock'; -import { selectStokeData } from '../redux/stoke/selectors'; - -import { fetchCategories } from '../redux/categories/stock'; -import { selectCategoriesData } from '../redux/categories/selectors'; - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - - - - {categories_status === 'loading' ? skeletonsStoke : categories} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220528234223.tsx b/.history/pages/index_20220528234223.tsx deleted file mode 100644 index f064310..0000000 --- a/.history/pages/index_20220528234223.tsx +++ /dev/null @@ -1,47 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, MottoBlock, CategoriesButton } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke } from '../redux/stoke/stock'; -import { selectStokeData } from '../redux/stoke/selectors'; - -import { fetchCategories } from '../redux/categories/stock'; -import { selectCategoriesData } from '../redux/categories/selectors'; - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - - - - {categories_status === 'loading' ? skeletonsStoke : categories} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220528234224.tsx b/.history/pages/index_20220528234224.tsx deleted file mode 100644 index dd108cf..0000000 --- a/.history/pages/index_20220528234224.tsx +++ /dev/null @@ -1,47 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, MottoBlock, CategoriesButton } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke } from '../redux/stoke/stock'; -import { selectStokeData } from '../redux/stoke/selectors'; - -import { fetchCategories } from '../redux/categories/stock'; -import { selectCategoriesData } from '../redux/categories/selectors'; - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - - - - {categories_status === 'loading' ? skeletonsStoke : categories} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220528234225.tsx b/.history/pages/index_20220528234225.tsx deleted file mode 100644 index 356f319..0000000 --- a/.history/pages/index_20220528234225.tsx +++ /dev/null @@ -1,47 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, MottoBlock, CategoriesButton } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke } from '../redux/stoke/stock'; -import { selectStokeData } from '../redux/stoke/selectors'; - -import { fetchCategories } from '../redux/categories/stock'; -import { selectCategoriesData } from '../redux/categories/selectors'; - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - - - - {categories_status === 'loading' ? skeletonsStoke : categories} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220528234227.tsx b/.history/pages/index_20220528234227.tsx deleted file mode 100644 index 917ed57..0000000 --- a/.history/pages/index_20220528234227.tsx +++ /dev/null @@ -1,46 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, MottoBlock, CategoriesButton } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke } from '../redux/stoke/stock'; -import { selectStokeData } from '../redux/stoke/selectors'; - -import { fetchCategories } from '../redux/categories/stock'; -import { selectCategoriesData } from '../redux/categories/selectors'; - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - - - {categories_status === 'loading' ? skeletonsStoke : categories} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220528234228.tsx b/.history/pages/index_20220528234228.tsx deleted file mode 100644 index 917ed57..0000000 --- a/.history/pages/index_20220528234228.tsx +++ /dev/null @@ -1,46 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, MottoBlock, CategoriesButton } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke } from '../redux/stoke/stock'; -import { selectStokeData } from '../redux/stoke/selectors'; - -import { fetchCategories } from '../redux/categories/stock'; -import { selectCategoriesData } from '../redux/categories/selectors'; - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - - - {categories_status === 'loading' ? skeletonsStoke : categories} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220528234229.tsx b/.history/pages/index_20220528234229.tsx deleted file mode 100644 index 917ed57..0000000 --- a/.history/pages/index_20220528234229.tsx +++ /dev/null @@ -1,46 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, MottoBlock, CategoriesButton } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke } from '../redux/stoke/stock'; -import { selectStokeData } from '../redux/stoke/selectors'; - -import { fetchCategories } from '../redux/categories/stock'; -import { selectCategoriesData } from '../redux/categories/selectors'; - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - - - {categories_status === 'loading' ? skeletonsStoke : categories} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220528234818.tsx b/.history/pages/index_20220528234818.tsx deleted file mode 100644 index e80db7f..0000000 --- a/.history/pages/index_20220528234818.tsx +++ /dev/null @@ -1,46 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, MottoBlock, CategoriesButton, CategoriesSkeleton } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke } from '../redux/stoke/stock'; -import { selectStokeData } from '../redux/stoke/selectors'; - -import { fetchCategories } from '../redux/categories/stock'; -import { selectCategoriesData } from '../redux/categories/selectors'; - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - - - {categories_status === 'loading' ? skeletonsStoke : categories} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220528234827.tsx b/.history/pages/index_20220528234827.tsx deleted file mode 100644 index c518c92..0000000 --- a/.history/pages/index_20220528234827.tsx +++ /dev/null @@ -1,46 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, MottoBlock, CategoriesButton, CategoriesSkeleton } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke } from '../redux/stoke/stock'; -import { selectStokeData } from '../redux/stoke/selectors'; - -import { fetchCategories } from '../redux/categories/stock'; -import { selectCategoriesData } from '../redux/categories/selectors'; - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - - - {categories_status === 'loading' ? CategoriesSkeleton : categories} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220528234835.tsx b/.history/pages/index_20220528234835.tsx deleted file mode 100644 index dc7f5ed..0000000 --- a/.history/pages/index_20220528234835.tsx +++ /dev/null @@ -1,46 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, MottoBlock, CategoriesButton, CategoriesSkeleton } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke } from '../redux/stoke/stock'; -import { selectStokeData } from '../redux/stoke/selectors'; - -import { fetchCategories } from '../redux/categories/stock'; -import { selectCategoriesData } from '../redux/categories/selectors'; - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220528234842.tsx b/.history/pages/index_20220528234842.tsx deleted file mode 100644 index 1901202..0000000 --- a/.history/pages/index_20220528234842.tsx +++ /dev/null @@ -1,47 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, MottoBlock, CategoriesButton, CategoriesSkeleton } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke } from '../redux/stoke/stock'; -import { selectStokeData } from '../redux/stoke/selectors'; - -import { fetchCategories } from '../redux/categories/stock'; -import { selectCategoriesData } from '../redux/categories/selectors'; - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220528234845.tsx b/.history/pages/index_20220528234845.tsx deleted file mode 100644 index 6990782..0000000 --- a/.history/pages/index_20220528234845.tsx +++ /dev/null @@ -1,47 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, MottoBlock, CategoriesButton, CategoriesSkeleton } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke } from '../redux/stoke/stock'; -import { selectStokeData } from '../redux/stoke/selectors'; - -import { fetchCategories } from '../redux/categories/stock'; -import { selectCategoriesData } from '../redux/categories/selectors'; - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(4)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220528234847.tsx b/.history/pages/index_20220528234847.tsx deleted file mode 100644 index c17b72d..0000000 --- a/.history/pages/index_20220528234847.tsx +++ /dev/null @@ -1,47 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, MottoBlock, CategoriesButton, CategoriesSkeleton } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke } from '../redux/stoke/stock'; -import { selectStokeData } from '../redux/stoke/selectors'; - -import { fetchCategories } from '../redux/categories/stock'; -import { selectCategoriesData } from '../redux/categories/selectors'; - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(4)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220528234849.tsx b/.history/pages/index_20220528234849.tsx deleted file mode 100644 index d7a4af3..0000000 --- a/.history/pages/index_20220528234849.tsx +++ /dev/null @@ -1,47 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, MottoBlock, CategoriesButton, CategoriesSkeleton } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke } from '../redux/stoke/stock'; -import { selectStokeData } from '../redux/stoke/selectors'; - -import { fetchCategories } from '../redux/categories/stock'; -import { selectCategoriesData } from '../redux/categories/selectors'; - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(4)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220528234853.tsx b/.history/pages/index_20220528234853.tsx deleted file mode 100644 index 109d2e0..0000000 --- a/.history/pages/index_20220528234853.tsx +++ /dev/null @@ -1,47 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, MottoBlock, CategoriesButton, CategoriesSkeleton } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke } from '../redux/stoke/stock'; -import { selectStokeData } from '../redux/stoke/selectors'; - -import { fetchCategories } from '../redux/categories/stock'; -import { selectCategoriesData } from '../redux/categories/selectors'; - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220528234854.tsx b/.history/pages/index_20220528234854.tsx deleted file mode 100644 index 109d2e0..0000000 --- a/.history/pages/index_20220528234854.tsx +++ /dev/null @@ -1,47 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, MottoBlock, CategoriesButton, CategoriesSkeleton } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke } from '../redux/stoke/stock'; -import { selectStokeData } from '../redux/stoke/selectors'; - -import { fetchCategories } from '../redux/categories/stock'; -import { selectCategoriesData } from '../redux/categories/selectors'; - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220528235220.tsx b/.history/pages/index_20220528235220.tsx deleted file mode 100644 index 052f6a6..0000000 --- a/.history/pages/index_20220528235220.tsx +++ /dev/null @@ -1,47 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, MottoBlock, CategoriesButton, CategoriesSkeleton } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke } from '../redux/stoke/stock'; -import { selectStokeData } from '../redux/stoke/selectors'; - -import { fetchCategories } from '../redux/categories/stock'; -import { selectCategoriesData } from '../redux/categories/selectors'; - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - - - {categories_status === 'loading1' ? categoriesSkeleton : categories} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220528235228.tsx b/.history/pages/index_20220528235228.tsx deleted file mode 100644 index 109d2e0..0000000 --- a/.history/pages/index_20220528235228.tsx +++ /dev/null @@ -1,47 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, MottoBlock, CategoriesButton, CategoriesSkeleton } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke } from '../redux/stoke/stock'; -import { selectStokeData } from '../redux/stoke/selectors'; - -import { fetchCategories } from '../redux/categories/stock'; -import { selectCategoriesData } from '../redux/categories/selectors'; - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220528235239.tsx b/.history/pages/index_20220528235239.tsx deleted file mode 100644 index e97df65..0000000 --- a/.history/pages/index_20220528235239.tsx +++ /dev/null @@ -1,47 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, MottoBlock, CategoriesButton, CategoriesSkeleton } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke } from '../redux/stoke/stock'; -import { selectStokeData } from '../redux/stoke/selectors'; - -import { fetchCategories } from '../redux/categories/stock'; -import { selectCategoriesData } from '../redux/categories/selectors'; - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - - - {categories_status == 'loading' ? categoriesSkeleton : categories} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220528235245.tsx b/.history/pages/index_20220528235245.tsx deleted file mode 100644 index 9cccb83..0000000 --- a/.history/pages/index_20220528235245.tsx +++ /dev/null @@ -1,47 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, MottoBlock, CategoriesButton, CategoriesSkeleton } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke } from '../redux/stoke/stock'; -import { selectStokeData } from '../redux/stoke/selectors'; - -import { fetchCategories } from '../redux/categories/stock'; -import { selectCategoriesData } from '../redux/categories/selectors'; - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - - - {categories_status != 'loading' ? categoriesSkeleton : categories} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220528235344.tsx b/.history/pages/index_20220528235344.tsx deleted file mode 100644 index 109d2e0..0000000 --- a/.history/pages/index_20220528235344.tsx +++ /dev/null @@ -1,47 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, MottoBlock, CategoriesButton, CategoriesSkeleton } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke } from '../redux/stoke/stock'; -import { selectStokeData } from '../redux/stoke/selectors'; - -import { fetchCategories } from '../redux/categories/stock'; -import { selectCategoriesData } from '../redux/categories/selectors'; - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220529002504.tsx b/.history/pages/index_20220529002504.tsx deleted file mode 100644 index 8b526e5..0000000 --- a/.history/pages/index_20220529002504.tsx +++ /dev/null @@ -1,47 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, MottoBlock, CategoriesButton, CategoriesSkeleton, Box } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke } from '../redux/stoke/stock'; -import { selectStokeData } from '../redux/stoke/selectors'; - -import { fetchCategories } from '../redux/categories/stock'; -import { selectCategoriesData } from '../redux/categories/selectors'; - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220529002512.tsx b/.history/pages/index_20220529002512.tsx deleted file mode 100644 index de715f2..0000000 --- a/.history/pages/index_20220529002512.tsx +++ /dev/null @@ -1,50 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, MottoBlock, CategoriesButton, CategoriesSkeleton, Box } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke } from '../redux/stoke/stock'; -import { selectStokeData } from '../redux/stoke/selectors'; - -import { fetchCategories } from '../redux/categories/stock'; -import { selectCategoriesData } from '../redux/categories/selectors'; - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - - - - ) -} - -export default Home diff --git a/.history/pages/index_20220529002515.tsx b/.history/pages/index_20220529002515.tsx deleted file mode 100644 index 377083b..0000000 --- a/.history/pages/index_20220529002515.tsx +++ /dev/null @@ -1,50 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, MottoBlock, CategoriesButton, CategoriesSkeleton, Box } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke } from '../redux/stoke/stock'; -import { selectStokeData } from '../redux/stoke/selectors'; - -import { fetchCategories } from '../redux/categories/stock'; -import { selectCategoriesData } from '../redux/categories/selectors'; - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - pizza - - - ) -} - -export default Home diff --git a/.history/pages/index_20220529002534.tsx b/.history/pages/index_20220529002534.tsx deleted file mode 100644 index fe278c3..0000000 --- a/.history/pages/index_20220529002534.tsx +++ /dev/null @@ -1,53 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, MottoBlock, CategoriesButton, CategoriesSkeleton, Box } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke } from '../redux/stoke/stock'; -import { selectStokeData } from '../redux/stoke/selectors'; - -import { fetchCategories } from '../redux/categories/stock'; -import { selectCategoriesData } from '../redux/categories/selectors'; - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - pizza - - - ) -} - -export default Home diff --git a/.history/pages/index_20220529002538.tsx b/.history/pages/index_20220529002538.tsx deleted file mode 100644 index aab77e1..0000000 --- a/.history/pages/index_20220529002538.tsx +++ /dev/null @@ -1,53 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, MottoBlock, CategoriesButton, CategoriesSkeleton, Box } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke } from '../redux/stoke/stock'; -import { selectStokeData } from '../redux/stoke/selectors'; - -import { fetchCategories } from '../redux/categories/stock'; -import { selectCategoriesData } from '../redux/categories/selectors'; - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - //const categories = categories_items.map((obj, index) => ); - //const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - pizza - - - ) -} - -export default Home diff --git a/.history/pages/index_20220529002703.tsx b/.history/pages/index_20220529002703.tsx deleted file mode 100644 index 60179ff..0000000 --- a/.history/pages/index_20220529002703.tsx +++ /dev/null @@ -1,53 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, MottoBlock, CategoriesButton, CategoriesSkeleton, Box } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke } from '../redux/stoke/'; -import { selectStokeData } from '../redux/stoke/selectors'; - -import { fetchCategories } from '../redux/categories/stock'; -import { selectCategoriesData } from '../redux/categories/selectors'; - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - //const categories = categories_items.map((obj, index) => ); - //const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - pizza - - - ) -} - -export default Home diff --git a/.history/pages/index_20220529002706.tsx b/.history/pages/index_20220529002706.tsx deleted file mode 100644 index 13faf6c..0000000 --- a/.history/pages/index_20220529002706.tsx +++ /dev/null @@ -1,53 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, MottoBlock, CategoriesButton, CategoriesSkeleton, Box } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke } from '../redux/stoke/'; -import { } from '../redux/stoke/selectors'; - -import { fetchCategories } from '../redux/categories/stock'; -import { selectCategoriesData } from '../redux/categories/selectors'; - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - //const categories = categories_items.map((obj, index) => ); - //const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - pizza - - - ) -} - -export default Home diff --git a/.history/pages/index_20220529002710.tsx b/.history/pages/index_20220529002710.tsx deleted file mode 100644 index 543f10e..0000000 --- a/.history/pages/index_20220529002710.tsx +++ /dev/null @@ -1,53 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, MottoBlock, CategoriesButton, CategoriesSkeleton, Box } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { } from '../redux/stoke/selectors'; - -import { fetchCategories } from '../redux/categories/stock'; -import { selectCategoriesData } from '../redux/categories/selectors'; - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - //const categories = categories_items.map((obj, index) => ); - //const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - pizza - - - ) -} - -export default Home diff --git a/.history/pages/index_20220529002713.tsx b/.history/pages/index_20220529002713.tsx deleted file mode 100644 index d50aacf..0000000 --- a/.history/pages/index_20220529002713.tsx +++ /dev/null @@ -1,52 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, MottoBlock, CategoriesButton, CategoriesSkeleton, Box } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; - -import { fetchCategories } from '../redux/categories/stock'; -import { selectCategoriesData } from '../redux/categories/selectors'; - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - //const categories = categories_items.map((obj, index) => ); - //const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - pizza - - - ) -} - -export default Home diff --git a/.history/pages/index_20220529002715.tsx b/.history/pages/index_20220529002715.tsx deleted file mode 100644 index 9ccc8d8..0000000 --- a/.history/pages/index_20220529002715.tsx +++ /dev/null @@ -1,52 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, MottoBlock, CategoriesButton, CategoriesSkeleton, Box } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; - -import { fetchCategories } from '../redux/categories/stock'; -import { } from '../redux/categories/selectors'; - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - //const categories = categories_items.map((obj, index) => ); - //const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - pizza - - - ) -} - -export default Home diff --git a/.history/pages/index_20220529002718.tsx b/.history/pages/index_20220529002718.tsx deleted file mode 100644 index e43ad8b..0000000 --- a/.history/pages/index_20220529002718.tsx +++ /dev/null @@ -1,52 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, MottoBlock, CategoriesButton, CategoriesSkeleton, Box } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; - -import { fetchCategories, selectCategoriesData } from '../redux/categories/stock'; -import { } from '../redux/categories/selectors'; - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - //const categories = categories_items.map((obj, index) => ); - //const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - pizza - - - ) -} - -export default Home diff --git a/.history/pages/index_20220529002720.tsx b/.history/pages/index_20220529002720.tsx deleted file mode 100644 index f6768c7..0000000 --- a/.history/pages/index_20220529002720.tsx +++ /dev/null @@ -1,52 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, MottoBlock, CategoriesButton, CategoriesSkeleton, Box } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; - -import { fetchCategories, selectCategoriesData } from '../redux/categories/stock'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - //const categories = categories_items.map((obj, index) => ); - //const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - pizza - - - ) -} - -export default Home diff --git a/.history/pages/index_20220529002724.tsx b/.history/pages/index_20220529002724.tsx deleted file mode 100644 index f6768c7..0000000 --- a/.history/pages/index_20220529002724.tsx +++ /dev/null @@ -1,52 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, MottoBlock, CategoriesButton, CategoriesSkeleton, Box } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; - -import { fetchCategories, selectCategoriesData } from '../redux/categories/stock'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - //const categories = categories_items.map((obj, index) => ); - //const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - pizza - - - ) -} - -export default Home diff --git a/.history/pages/index_20220529002758.tsx b/.history/pages/index_20220529002758.tsx deleted file mode 100644 index dcb30df..0000000 --- a/.history/pages/index_20220529002758.tsx +++ /dev/null @@ -1,52 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, MottoBlock, CategoriesButton, CategoriesSkeleton, Box } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; - -import { fetchCategories, selectCategoriesData } from '../redux/categories'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - //const categories = categories_items.map((obj, index) => ); - //const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - pizza - - - ) -} - -export default Home diff --git a/.history/pages/index_20220529002801.tsx b/.history/pages/index_20220529002801.tsx deleted file mode 100644 index 2d2b6c2..0000000 --- a/.history/pages/index_20220529002801.tsx +++ /dev/null @@ -1,51 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, MottoBlock, CategoriesButton, CategoriesSkeleton, Box } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - //const categories = categories_items.map((obj, index) => ); - //const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - pizza - - - ) -} - -export default Home diff --git a/.history/pages/index_20220529002803.tsx b/.history/pages/index_20220529002803.tsx deleted file mode 100644 index 2d2b6c2..0000000 --- a/.history/pages/index_20220529002803.tsx +++ /dev/null @@ -1,51 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, MottoBlock, CategoriesButton, CategoriesSkeleton, Box } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - //const categories = categories_items.map((obj, index) => ); - //const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - pizza - - - ) -} - -export default Home diff --git a/.history/pages/index_20220529002815.tsx b/.history/pages/index_20220529002815.tsx deleted file mode 100644 index ac292b3..0000000 --- a/.history/pages/index_20220529002815.tsx +++ /dev/null @@ -1,51 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, MottoBlock, CategoriesButton, CategoriesSkeleton } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - //const categories = categories_items.map((obj, index) => ); - //const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - pizza - - - ) -} - -export default Home diff --git a/.history/pages/index_20220529002819.tsx b/.history/pages/index_20220529002819.tsx deleted file mode 100644 index 69fa8a7..0000000 --- a/.history/pages/index_20220529002819.tsx +++ /dev/null @@ -1,51 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, Box, MottoBlock, CategoriesButton, CategoriesSkeleton } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - //const categories = categories_items.map((obj, index) => ); - //const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - pizza - - - ) -} - -export default Home diff --git a/.history/pages/index_20220529002910.tsx b/.history/pages/index_20220529002910.tsx deleted file mode 100644 index 052f845..0000000 --- a/.history/pages/index_20220529002910.tsx +++ /dev/null @@ -1,52 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, Box, MottoBlock, CategoriesButton, CategoriesSkeleton } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - //const categories = categories_items.map((obj, index) => ); - //const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - pizza - - - ) -} - -export default Home diff --git a/.history/pages/index_20220529002912.tsx b/.history/pages/index_20220529002912.tsx deleted file mode 100644 index 76f30e6..0000000 --- a/.history/pages/index_20220529002912.tsx +++ /dev/null @@ -1,52 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, Box, MottoBlock, CategoriesButton, CategoriesSkeleton } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchCategories, selectCategoriesData } from '../redux/'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - //const categories = categories_items.map((obj, index) => ); - //const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - pizza - - - ) -} - -export default Home diff --git a/.history/pages/index_20220529002914.tsx b/.history/pages/index_20220529002914.tsx deleted file mode 100644 index 254663f..0000000 --- a/.history/pages/index_20220529002914.tsx +++ /dev/null @@ -1,52 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, Box, MottoBlock, CategoriesButton, CategoriesSkeleton } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchCategories, selectCategoriesData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - //const categories = categories_items.map((obj, index) => ); - //const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - pizza - - - ) -} - -export default Home diff --git a/.history/pages/index_20220529002919.tsx b/.history/pages/index_20220529002919.tsx deleted file mode 100644 index 6fdd4d4..0000000 --- a/.history/pages/index_20220529002919.tsx +++ /dev/null @@ -1,52 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, Box, MottoBlock, CategoriesButton, CategoriesSkeleton } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchCategories, selectData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - //const categories = categories_items.map((obj, index) => ); - //const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - pizza - - - ) -} - -export default Home diff --git a/.history/pages/index_20220529002922.tsx b/.history/pages/index_20220529002922.tsx deleted file mode 100644 index bbc58d2..0000000 --- a/.history/pages/index_20220529002922.tsx +++ /dev/null @@ -1,52 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, Box, MottoBlock, CategoriesButton, CategoriesSkeleton } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchCategories, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - //const categories = categories_items.map((obj, index) => ); - //const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - pizza - - - ) -} - -export default Home diff --git a/.history/pages/index_20220529002928.tsx b/.history/pages/index_20220529002928.tsx deleted file mode 100644 index 0fe3ee0..0000000 --- a/.history/pages/index_20220529002928.tsx +++ /dev/null @@ -1,52 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, Box, MottoBlock, CategoriesButton, CategoriesSkeleton } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - //const categories = categories_items.map((obj, index) => ); - //const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - pizza - - - ) -} - -export default Home diff --git a/.history/pages/index_20220529002935.tsx b/.history/pages/index_20220529002935.tsx deleted file mode 100644 index 0fe3ee0..0000000 --- a/.history/pages/index_20220529002935.tsx +++ /dev/null @@ -1,52 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, Box, MottoBlock, CategoriesButton, CategoriesSkeleton } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - //const categories = categories_items.map((obj, index) => ); - //const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - pizza - - - ) -} - -export default Home diff --git a/.history/pages/index_20220529003858.tsx b/.history/pages/index_20220529003858.tsx deleted file mode 100644 index 3a9a5a1..0000000 --- a/.history/pages/index_20220529003858.tsx +++ /dev/null @@ -1,52 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, Box, MottoBlock, CategoriesButton, CategoriesSkeleton } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - pizza - - - ) -} - -export default Home diff --git a/.history/pages/index_20220529003859.tsx b/.history/pages/index_20220529003859.tsx deleted file mode 100644 index cf6cd66..0000000 --- a/.history/pages/index_20220529003859.tsx +++ /dev/null @@ -1,52 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, Box, MottoBlock, CategoriesButton, CategoriesSkeleton } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - //const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - pizza - - - ) -} - -export default Home diff --git a/.history/pages/index_20220529003905.tsx b/.history/pages/index_20220529003905.tsx deleted file mode 100644 index 5b2e100..0000000 --- a/.history/pages/index_20220529003905.tsx +++ /dev/null @@ -1,52 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, Box, MottoBlock, CategoriesButton, CategoriesSkeleton } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = categories_items.map((obj, index) => ); - //const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - pizza - - - ) -} - -export default Home diff --git a/.history/pages/index_20220529003913.tsx b/.history/pages/index_20220529003913.tsx deleted file mode 100644 index 10001b5..0000000 --- a/.history/pages/index_20220529003913.tsx +++ /dev/null @@ -1,53 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, Box, MottoBlock, CategoriesButton, CategoriesSkeleton } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchCategories() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = categories_items.map((obj, index) => ); - //const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - pizza - - - ) -} - -export default Home diff --git a/.history/pages/index_20220529003919.tsx b/.history/pages/index_20220529003919.tsx deleted file mode 100644 index ede9fcd..0000000 --- a/.history/pages/index_20220529003919.tsx +++ /dev/null @@ -1,53 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, Box, MottoBlock, CategoriesButton, CategoriesSkeleton } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = categories_items.map((obj, index) => ); - //const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - pizza - - - ) -} - -export default Home diff --git a/.history/pages/index_20220529003925.tsx b/.history/pages/index_20220529003925.tsx deleted file mode 100644 index d5b8a06..0000000 --- a/.history/pages/index_20220529003925.tsx +++ /dev/null @@ -1,54 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, Box, MottoBlock, CategoriesButton, CategoriesSkeleton } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = categories_items.map((obj, index) => ); - //const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - pizza - - - ) -} - -export default Home diff --git a/.history/pages/index_20220529003933.tsx b/.history/pages/index_20220529003933.tsx deleted file mode 100644 index c119aa7..0000000 --- a/.history/pages/index_20220529003933.tsx +++ /dev/null @@ -1,54 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, Box, MottoBlock, CategoriesButton, CategoriesSkeleton } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, categories_status } = useSelector(selectCategoriesData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = categories_items.map((obj, index) => ); - //const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - pizza - - - ) -} - -export default Home diff --git a/.history/pages/index_20220529003939.tsx b/.history/pages/index_20220529003939.tsx deleted file mode 100644 index 076fbec..0000000 --- a/.history/pages/index_20220529003939.tsx +++ /dev/null @@ -1,54 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, Box, MottoBlock, CategoriesButton, CategoriesSkeleton } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, categories_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = categories_items.map((obj, index) => ); - //const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - pizza - - - ) -} - -export default Home diff --git a/.history/pages/index_20220529003946.tsx b/.history/pages/index_20220529003946.tsx deleted file mode 100644 index b1b7270..0000000 --- a/.history/pages/index_20220529003946.tsx +++ /dev/null @@ -1,54 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, Box, MottoBlock, CategoriesButton, CategoriesSkeleton } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = categories_items.map((obj, index) => ); - //const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - pizza - - - ) -} - -export default Home diff --git a/.history/pages/index_20220529003951.tsx b/.history/pages/index_20220529003951.tsx deleted file mode 100644 index 4960036..0000000 --- a/.history/pages/index_20220529003951.tsx +++ /dev/null @@ -1,54 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, Box, MottoBlock, CategoriesButton, CategoriesSkeleton } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - //const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - pizza - - - ) -} - -export default Home diff --git a/.history/pages/index_20220529004022.tsx b/.history/pages/index_20220529004022.tsx deleted file mode 100644 index 4f62f45..0000000 --- a/.history/pages/index_20220529004022.tsx +++ /dev/null @@ -1,55 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, Box, MottoBlock, - CategoriesButton, CategoriesSkeleton } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - //const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - pizza - - - ) -} - -export default Home diff --git a/.history/pages/index_20220529004026.tsx b/.history/pages/index_20220529004026.tsx deleted file mode 100644 index 3458ce2..0000000 --- a/.history/pages/index_20220529004026.tsx +++ /dev/null @@ -1,55 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, Box, MottoBlock, - CategoriesButton, CategoriesSkeleton, PizzaBlock } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - //const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - pizza - - - ) -} - -export default Home diff --git a/.history/pages/index_20220529004028.tsx b/.history/pages/index_20220529004028.tsx deleted file mode 100644 index c4aee0e..0000000 --- a/.history/pages/index_20220529004028.tsx +++ /dev/null @@ -1,55 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, Box, MottoBlock, - CategoriesButton, CategoriesSkeleton, PizzaBlock } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - //const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - pizza - - - ) -} - -export default Home diff --git a/.history/pages/index_20220529004119.tsx b/.history/pages/index_20220529004119.tsx deleted file mode 100644 index ad92acf..0000000 --- a/.history/pages/index_20220529004119.tsx +++ /dev/null @@ -1,55 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, Box, MottoBlock, - CategoriesButton, CategoriesSkeleton, PizzaBlock } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - //const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - pizza - - - ) -} - -export default Home diff --git a/.history/pages/index_20220529004422.tsx b/.history/pages/index_20220529004422.tsx deleted file mode 100644 index 84f57fb..0000000 --- a/.history/pages/index_20220529004422.tsx +++ /dev/null @@ -1,55 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, Box, MottoBlock, - CategoriesButton, CategoriesSkeleton, PizzaBlock } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - //const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - pizza - - - ) -} - -export default Home diff --git a/.history/pages/index_20220529004424.tsx b/.history/pages/index_20220529004424.tsx deleted file mode 100644 index f09c4f4..0000000 --- a/.history/pages/index_20220529004424.tsx +++ /dev/null @@ -1,55 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, Box, MottoBlock, - CategoriesButton, CategoriesSkeleton, PizzaBlock } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - //const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - - - ) -} - -export default Home diff --git a/.history/pages/index_20220529004427.tsx b/.history/pages/index_20220529004427.tsx deleted file mode 100644 index 07886dd..0000000 --- a/.history/pages/index_20220529004427.tsx +++ /dev/null @@ -1,55 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, Box, MottoBlock, - CategoriesButton, CategoriesSkeleton, PizzaBlock } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - //const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - - - - ) -} - -export default Home diff --git a/.history/pages/index_20220529004429.tsx b/.history/pages/index_20220529004429.tsx deleted file mode 100644 index 48f6bc4..0000000 --- a/.history/pages/index_20220529004429.tsx +++ /dev/null @@ -1,55 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, Box, MottoBlock, - CategoriesButton, CategoriesSkeleton, PizzaBlock } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - //const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - - - - ) -} - -export default Home diff --git a/.history/pages/index_20220529004442.tsx b/.history/pages/index_20220529004442.tsx deleted file mode 100644 index a485c63..0000000 --- a/.history/pages/index_20220529004442.tsx +++ /dev/null @@ -1,55 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, Box, MottoBlock, - CategoriesButton, CategoriesSkeleton, PizzaBlock } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - //const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza}} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220529004444.tsx b/.history/pages/index_20220529004444.tsx deleted file mode 100644 index 6861d97..0000000 --- a/.history/pages/index_20220529004444.tsx +++ /dev/null @@ -1,55 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, Box, MottoBlock, - CategoriesButton, CategoriesSkeleton, PizzaBlock } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - //const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220529004449.tsx b/.history/pages/index_20220529004449.tsx deleted file mode 100644 index 3792900..0000000 --- a/.history/pages/index_20220529004449.tsx +++ /dev/null @@ -1,55 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, Box, MottoBlock, - CategoriesButton, CategoriesSkeleton, PizzaBlock } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - //const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220529004451.tsx b/.history/pages/index_20220529004451.tsx deleted file mode 100644 index 2338e8e..0000000 --- a/.history/pages/index_20220529004451.tsx +++ /dev/null @@ -1,55 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, Box, MottoBlock, - CategoriesButton, CategoriesSkeleton, PizzaBlock } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - //const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220529004457.tsx b/.history/pages/index_20220529004457.tsx deleted file mode 100644 index 16d7479..0000000 --- a/.history/pages/index_20220529004457.tsx +++ /dev/null @@ -1,55 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, Box, MottoBlock, - CategoriesButton, CategoriesSkeleton, PizzaBlock } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - //const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? categoriesSkeleton : categories} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220529004504.tsx b/.history/pages/index_20220529004504.tsx deleted file mode 100644 index 14af6fd..0000000 --- a/.history/pages/index_20220529004504.tsx +++ /dev/null @@ -1,55 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, Box, MottoBlock, - CategoriesButton, CategoriesSkeleton, PizzaBlock } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - //const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? categoriesSkeleton : pizza} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220529004505.tsx b/.history/pages/index_20220529004505.tsx deleted file mode 100644 index 14af6fd..0000000 --- a/.history/pages/index_20220529004505.tsx +++ /dev/null @@ -1,55 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, Box, MottoBlock, - CategoriesButton, CategoriesSkeleton, PizzaBlock } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - //const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? categoriesSkeleton : pizza} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220529144123.tsx b/.history/pages/index_20220529144123.tsx deleted file mode 100644 index 2bfada0..0000000 --- a/.history/pages/index_20220529144123.tsx +++ /dev/null @@ -1,55 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, Box, MottoBlock, - CategoriesButton, CategoriesSkeleton, PizzaBlock } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - //const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? categoriesSkeleton : pizza} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220529144125.tsx b/.history/pages/index_20220529144125.tsx deleted file mode 100644 index d1b5c5f..0000000 --- a/.history/pages/index_20220529144125.tsx +++ /dev/null @@ -1,55 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, Box, MottoBlock, - CategoriesButton, CategoriesSkeleton, PizzaBlock } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - //const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? categoriesSkeleton : pizza} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220529144134.tsx b/.history/pages/index_20220529144134.tsx deleted file mode 100644 index 14af6fd..0000000 --- a/.history/pages/index_20220529144134.tsx +++ /dev/null @@ -1,55 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, Box, MottoBlock, - CategoriesButton, CategoriesSkeleton, PizzaBlock } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - //const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? categoriesSkeleton : pizza} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220529144425.tsx b/.history/pages/index_20220529144425.tsx deleted file mode 100644 index 40d799e..0000000 --- a/.history/pages/index_20220529144425.tsx +++ /dev/null @@ -1,54 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, Box, MottoBlock, - CategoriesButton, CategoriesSkeleton, PizzaBlock } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - //const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? categoriesSkeleton : pizza} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220529144430.tsx b/.history/pages/index_20220529144430.tsx deleted file mode 100644 index 45e9ca1..0000000 --- a/.history/pages/index_20220529144430.tsx +++ /dev/null @@ -1,53 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, Box, MottoBlock, - CategoriesButton, CategoriesSkeleton, PizzaBlock } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - //const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? categoriesSkeleton : pizza} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220529144431.tsx b/.history/pages/index_20220529144431.tsx deleted file mode 100644 index 2381992..0000000 --- a/.history/pages/index_20220529144431.tsx +++ /dev/null @@ -1,53 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, Box, MottoBlock, - CategoriesButton, CategoriesSkeleton, PizzaBlock } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - //const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? categoriesSkeleton : pizza} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220529144432.tsx b/.history/pages/index_20220529144432.tsx deleted file mode 100644 index 2381992..0000000 --- a/.history/pages/index_20220529144432.tsx +++ /dev/null @@ -1,53 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, Box, MottoBlock, - CategoriesButton, CategoriesSkeleton, PizzaBlock } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - //const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? categoriesSkeleton : pizza} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220529145218.tsx b/.history/pages/index_20220529145218.tsx deleted file mode 100644 index e6af933..0000000 --- a/.history/pages/index_20220529145218.tsx +++ /dev/null @@ -1,53 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, Box, MottoBlock, - CategoriesButton, CategoriesSkeleton, PizzaBlock } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? categoriesSkeleton : pizza} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220529145253.tsx b/.history/pages/index_20220529145253.tsx deleted file mode 100644 index 1ea5f77..0000000 --- a/.history/pages/index_20220529145253.tsx +++ /dev/null @@ -1,53 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, Box, MottoBlock, - CategoriesButton, CategoriesSkeleton, PizzaBlock, PizzaSkeleton } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? categoriesSkeleton : pizza} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220529145911.tsx b/.history/pages/index_20220529145911.tsx deleted file mode 100644 index 1c7996c..0000000 --- a/.history/pages/index_20220529145911.tsx +++ /dev/null @@ -1,53 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, Box, MottoBlock, - CategoriesButton, CategoriesSkeleton, PizzaBlock, PizzaSkeleton } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? categoriesSkeleton : pizza} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220529145920.tsx b/.history/pages/index_20220529145920.tsx deleted file mode 100644 index 46cd163..0000000 --- a/.history/pages/index_20220529145920.tsx +++ /dev/null @@ -1,53 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, Box, MottoBlock, - CategoriesButton, CategoriesSkeleton, PizzaBlock, PizzaSkeleton } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const PizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? categoriesSkeleton : pizza} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220529145922.tsx b/.history/pages/index_20220529145922.tsx deleted file mode 100644 index 0642bbd..0000000 --- a/.history/pages/index_20220529145922.tsx +++ /dev/null @@ -1,53 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, Box, MottoBlock, - CategoriesButton, CategoriesSkeleton, PizzaBlock, PizzaSkeleton } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? categoriesSkeleton : pizza} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220529145928.tsx b/.history/pages/index_20220529145928.tsx deleted file mode 100644 index b55429c..0000000 --- a/.history/pages/index_20220529145928.tsx +++ /dev/null @@ -1,53 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, Box, MottoBlock, - CategoriesButton, CategoriesSkeleton, PizzaBlock, PizzaSkeleton } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220529145929.tsx b/.history/pages/index_20220529145929.tsx deleted file mode 100644 index b55429c..0000000 --- a/.history/pages/index_20220529145929.tsx +++ /dev/null @@ -1,53 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, Box, MottoBlock, - CategoriesButton, CategoriesSkeleton, PizzaBlock, PizzaSkeleton } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220529145939.tsx b/.history/pages/index_20220529145939.tsx deleted file mode 100644 index b55429c..0000000 --- a/.history/pages/index_20220529145939.tsx +++ /dev/null @@ -1,53 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, Box, MottoBlock, - CategoriesButton, CategoriesSkeleton, PizzaBlock, PizzaSkeleton } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220529150059.tsx b/.history/pages/index_20220529150059.tsx deleted file mode 100644 index a22471e..0000000 --- a/.history/pages/index_20220529150059.tsx +++ /dev/null @@ -1,53 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, Box, MottoBlock, - CategoriesButton, CategoriesSkeleton, PizzaBlock, PizzaSkeleton } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status !== 'loading' ? pizzaSkeleton : pizza} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220529151003.tsx b/.history/pages/index_20220529151003.tsx deleted file mode 100644 index b55429c..0000000 --- a/.history/pages/index_20220529151003.tsx +++ /dev/null @@ -1,53 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, Box, MottoBlock, - CategoriesButton, CategoriesSkeleton, PizzaBlock, PizzaSkeleton } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220529152252.tsx b/.history/pages/index_20220529152252.tsx deleted file mode 100644 index e494e67..0000000 --- a/.history/pages/index_20220529152252.tsx +++ /dev/null @@ -1,51 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, Box, MottoBlock, - CategoriesButton, CategoriesSkeleton, PizzaBlock, PizzaSkeleton } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - - ) -} - -export default Home diff --git a/.history/pages/index_20220529152259.tsx b/.history/pages/index_20220529152259.tsx deleted file mode 100644 index b55429c..0000000 --- a/.history/pages/index_20220529152259.tsx +++ /dev/null @@ -1,53 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, Box, MottoBlock, - CategoriesButton, CategoriesSkeleton, PizzaBlock, PizzaSkeleton } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220529152307.tsx b/.history/pages/index_20220529152307.tsx deleted file mode 100644 index f3584ad..0000000 --- a/.history/pages/index_20220529152307.tsx +++ /dev/null @@ -1,44 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, Box, MottoBlock, - CategoriesButton, CategoriesSkeleton, PizzaBlock, PizzaSkeleton } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - - ) -} - -export default Home diff --git a/.history/pages/index_20220529152328.tsx b/.history/pages/index_20220529152328.tsx deleted file mode 100644 index b55429c..0000000 --- a/.history/pages/index_20220529152328.tsx +++ /dev/null @@ -1,53 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, Box, MottoBlock, - CategoriesButton, CategoriesSkeleton, PizzaBlock, PizzaSkeleton } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220529152727.tsx b/.history/pages/index_20220529152727.tsx deleted file mode 100644 index 24b74ba..0000000 --- a/.history/pages/index_20220529152727.tsx +++ /dev/null @@ -1,51 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, Box, MottoBlock, - CategoriesButton, CategoriesSkeleton, PizzaBlock, PizzaSkeleton } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - - ) -} - -export default Home diff --git a/.history/pages/index_20220529155759.tsx b/.history/pages/index_20220529155759.tsx deleted file mode 100644 index cc1e8aa..0000000 --- a/.history/pages/index_20220529155759.tsx +++ /dev/null @@ -1,45 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, Box, MottoBlock, - CategoriesButton, CategoriesSkeleton, PizzaBlock, PizzaSkeleton } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - - - ) -} - -export default Home diff --git a/.history/pages/index_20220529160403.tsx b/.history/pages/index_20220529160403.tsx deleted file mode 100644 index b55429c..0000000 --- a/.history/pages/index_20220529160403.tsx +++ /dev/null @@ -1,53 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, Box, MottoBlock, - CategoriesButton, CategoriesSkeleton, PizzaBlock, PizzaSkeleton } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220529160404.tsx b/.history/pages/index_20220529160404.tsx deleted file mode 100644 index 5c59083..0000000 --- a/.history/pages/index_20220529160404.tsx +++ /dev/null @@ -1,53 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, Box, MottoBlock, - CategoriesButton, CategoriesSkeleton, PizzaBlock, PizzaSkeleton } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status == 'loading' ? pizzaSkeleton : pizza} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220529160405.tsx b/.history/pages/index_20220529160405.tsx deleted file mode 100644 index b55429c..0000000 --- a/.history/pages/index_20220529160405.tsx +++ /dev/null @@ -1,53 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, BoxScroll, Box, MottoBlock, - CategoriesButton, CategoriesSkeleton, PizzaBlock, PizzaSkeleton } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220530190403.tsx b/.history/pages/index_20220530190403.tsx deleted file mode 100644 index c06b31e..0000000 --- a/.history/pages/index_20220530190403.tsx +++ /dev/null @@ -1,54 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { } -import { CardStock, SkeletonStock, BoxScroll, Box, MottoBlock, - CategoriesButton, CategoriesSkeleton, PizzaBlock, PizzaSkeleton } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220530190409.tsx b/.history/pages/index_20220530190409.tsx deleted file mode 100644 index 5b22a7d..0000000 --- a/.history/pages/index_20220530190409.tsx +++ /dev/null @@ -1,54 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, } -import { CardStock, SkeletonStock, BoxScroll, Box, MottoBlock, - CategoriesButton, CategoriesSkeleton, PizzaBlock, PizzaSkeleton } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220530190412.tsx b/.history/pages/index_20220530190412.tsx deleted file mode 100644 index c02b2be..0000000 --- a/.history/pages/index_20220530190412.tsx +++ /dev/null @@ -1,54 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock } -import { CardStock, SkeletonStock, BoxScroll, Box, MottoBlock, - CategoriesButton, CategoriesSkeleton, PizzaBlock, PizzaSkeleton } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220530190414.tsx b/.history/pages/index_20220530190414.tsx deleted file mode 100644 index ac5df63..0000000 --- a/.history/pages/index_20220530190414.tsx +++ /dev/null @@ -1,54 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, } -import { CardStock, SkeletonStock, BoxScroll, Box, MottoBlock, - CategoriesButton, CategoriesSkeleton, PizzaBlock, PizzaSkeleton } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220530190421.tsx b/.history/pages/index_20220530190421.tsx deleted file mode 100644 index 42b9a05..0000000 --- a/.history/pages/index_20220530190421.tsx +++ /dev/null @@ -1,54 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, MottoBlock, } -import { CardStock, SkeletonStock, BoxScroll, Box, MottoBlock, - CategoriesButton, CategoriesSkeleton, PizzaBlock, PizzaSkeleton } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220530190425.tsx b/.history/pages/index_20220530190425.tsx deleted file mode 100644 index 68a07dd..0000000 --- a/.history/pages/index_20220530190425.tsx +++ /dev/null @@ -1,54 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, MottoBlock, CategoriesButton, } -import { CardStock, SkeletonStock, BoxScroll, Box, MottoBlock, - CategoriesButton, CategoriesSkeleton, PizzaBlock, PizzaSkeleton } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220530190434.tsx b/.history/pages/index_20220530190434.tsx deleted file mode 100644 index 38d7ec7..0000000 --- a/.history/pages/index_20220530190434.tsx +++ /dev/null @@ -1,54 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, MottoBlock, CategoriesButton, CategoriesSkeleton } -import { CardStock, SkeletonStock, BoxScroll, Box, MottoBlock, - CategoriesButton, CategoriesSkeleton, PizzaBlock, PizzaSkeleton } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220530190441.tsx b/.history/pages/index_20220530190441.tsx deleted file mode 100644 index 0f86ae9..0000000 --- a/.history/pages/index_20220530190441.tsx +++ /dev/null @@ -1,54 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, MottoBlock, CategoriesButton, CategoriesSkeleton, PizzaBlock, PizzaSkeleton } -import { CardStock, SkeletonStock, BoxScroll, Box, MottoBlock, - CategoriesButton, CategoriesSkeleton, PizzaBlock, PizzaSkeleton } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220530190446.tsx b/.history/pages/index_20220530190446.tsx deleted file mode 100644 index b7dcd9d..0000000 --- a/.history/pages/index_20220530190446.tsx +++ /dev/null @@ -1,54 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, MottoBlock, CategoriesButton, CategoriesSkeleton, PizzaBlock, PizzaSkeleton } from -import { CardStock, SkeletonStock, BoxScroll, Box, MottoBlock, - CategoriesButton, CategoriesSkeleton, PizzaBlock, PizzaSkeleton } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220530190448.tsx b/.history/pages/index_20220530190448.tsx deleted file mode 100644 index 28868e5..0000000 --- a/.history/pages/index_20220530190448.tsx +++ /dev/null @@ -1,54 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, MottoBlock, CategoriesButton, CategoriesSkeleton, PizzaBlock, PizzaSkeleton } from '.' -import { CardStock, SkeletonStock, BoxScroll, Box, MottoBlock, - CategoriesButton, CategoriesSkeleton, PizzaBlock, PizzaSkeleton } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220530190450.tsx b/.history/pages/index_20220530190450.tsx deleted file mode 100644 index 3cf0a94..0000000 --- a/.history/pages/index_20220530190450.tsx +++ /dev/null @@ -1,54 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, MottoBlock, CategoriesButton, CategoriesSkeleton, PizzaBlock, PizzaSkeleton } from './' -import { CardStock, SkeletonStock, BoxScroll, Box, MottoBlock, - CategoriesButton, CategoriesSkeleton, PizzaBlock, PizzaSkeleton } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220530190453.tsx b/.history/pages/index_20220530190453.tsx deleted file mode 100644 index 265d41a..0000000 --- a/.history/pages/index_20220530190453.tsx +++ /dev/null @@ -1,54 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, MottoBlock, CategoriesButton, CategoriesSkeleton, PizzaBlock, PizzaSkeleton } from '../' -import { CardStock, SkeletonStock, BoxScroll, Box, MottoBlock, - CategoriesButton, CategoriesSkeleton, PizzaBlock, PizzaSkeleton } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220530190456.tsx b/.history/pages/index_20220530190456.tsx deleted file mode 100644 index d1699f3..0000000 --- a/.history/pages/index_20220530190456.tsx +++ /dev/null @@ -1,54 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, MottoBlock, CategoriesButton, CategoriesSkeleton, PizzaBlock, PizzaSkeleton } from '../components/' -import { CardStock, SkeletonStock, BoxScroll, Box, MottoBlock, - CategoriesButton, CategoriesSkeleton, PizzaBlock, PizzaSkeleton } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220530190458.tsx b/.history/pages/index_20220530190458.tsx deleted file mode 100644 index 3a300aa..0000000 --- a/.history/pages/index_20220530190458.tsx +++ /dev/null @@ -1,54 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, MottoBlock, CategoriesButton, CategoriesSkeleton, PizzaBlock, PizzaSkeleton } from '../components/customer/' -import { CardStock, SkeletonStock, BoxScroll, Box, MottoBlock, - CategoriesButton, CategoriesSkeleton, PizzaBlock, PizzaSkeleton } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220530190500.tsx b/.history/pages/index_20220530190500.tsx deleted file mode 100644 index c86f5ca..0000000 --- a/.history/pages/index_20220530190500.tsx +++ /dev/null @@ -1,54 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, MottoBlock, CategoriesButton, CategoriesSkeleton, PizzaBlock, PizzaSkeleton } from '../components/customer/block' -import { CardStock, SkeletonStock, BoxScroll, Box, MottoBlock, - CategoriesButton, CategoriesSkeleton, PizzaBlock, PizzaSkeleton } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220530190507.tsx b/.history/pages/index_20220530190507.tsx deleted file mode 100644 index 87bcaef..0000000 --- a/.history/pages/index_20220530190507.tsx +++ /dev/null @@ -1,54 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, MottoBlock, CategoriesButton, CategoriesSkeleton, PizzaBlock, PizzaSkeleton } from '../components/customer/block' -import { CardStock, SkeletonStock, BoxScroll, Box, , - CategoriesButton, CategoriesSkeleton, } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220530190509.tsx b/.history/pages/index_20220530190509.tsx deleted file mode 100644 index 8f384c2..0000000 --- a/.history/pages/index_20220530190509.tsx +++ /dev/null @@ -1,54 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, MottoBlock, CategoriesButton, CategoriesSkeleton, PizzaBlock, PizzaSkeleton } from '../components/customer/block' -import { CardStock, SkeletonStock, BoxScroll, Box, , - CategoriesButton, , } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220530190510.tsx b/.history/pages/index_20220530190510.tsx deleted file mode 100644 index ccba546..0000000 --- a/.history/pages/index_20220530190510.tsx +++ /dev/null @@ -1,54 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, MottoBlock, CategoriesButton, CategoriesSkeleton, PizzaBlock, PizzaSkeleton } from '../components/customer/block' -import { CardStock, SkeletonStock, BoxScroll, Box, , - , , } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220530190517.tsx b/.history/pages/index_20220530190517.tsx deleted file mode 100644 index 6d3c5ef..0000000 --- a/.history/pages/index_20220530190517.tsx +++ /dev/null @@ -1,53 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, MottoBlock, CategoriesButton, CategoriesSkeleton, PizzaBlock, PizzaSkeleton } from '../components/customer/block' -import { BoxScroll, Box } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220530190522.tsx b/.history/pages/index_20220530190522.tsx deleted file mode 100644 index 6448b49..0000000 --- a/.history/pages/index_20220530190522.tsx +++ /dev/null @@ -1,53 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, SkeletonStock, MottoBlock, CategoriesButton, CategoriesSkeleton, PizzaBlock, PizzaSkeleton } from '../components/customer/block' -import { BoxScroll, Box } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220530190530.tsx b/.history/pages/index_20220530190530.tsx deleted file mode 100644 index 42cc57c..0000000 --- a/.history/pages/index_20220530190530.tsx +++ /dev/null @@ -1,54 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, - SkeletonStock, MottoBlock, CategoriesButton, CategoriesSkeleton, PizzaBlock, PizzaSkeleton } from '../components/customer/block' -import { BoxScroll, Box } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220530190532.tsx b/.history/pages/index_20220530190532.tsx deleted file mode 100644 index 0ea2463..0000000 --- a/.history/pages/index_20220530190532.tsx +++ /dev/null @@ -1,54 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, - SkeletonStock, MottoBlock, CategoriesButton, CategoriesSkeleton, PizzaBlock, PizzaSkeleton } from '../components/customer/block' -import { BoxScroll, Box } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220530190535.tsx b/.history/pages/index_20220530190535.tsx deleted file mode 100644 index c2e1c3a..0000000 --- a/.history/pages/index_20220530190535.tsx +++ /dev/null @@ -1,54 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, - SkeletonStock, MottoBlock, CategoriesButton, CategoriesSkeleton, PizzaBlock, PizzaSkeleton } from '../components/customer/block' -import { BoxScroll, Box } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220530190536.tsx b/.history/pages/index_20220530190536.tsx deleted file mode 100644 index a59730a..0000000 --- a/.history/pages/index_20220530190536.tsx +++ /dev/null @@ -1,55 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, - SkeletonStock, - MottoBlock, CategoriesButton, CategoriesSkeleton, PizzaBlock, PizzaSkeleton } from '../components/customer/block' -import { BoxScroll, Box } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220530190538.tsx b/.history/pages/index_20220530190538.tsx deleted file mode 100644 index 0e67f1b..0000000 --- a/.history/pages/index_20220530190538.tsx +++ /dev/null @@ -1,56 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, - SkeletonStock, - MottoBlock, - CategoriesButton, CategoriesSkeleton, PizzaBlock, PizzaSkeleton } from '../components/customer/block' -import { BoxScroll, Box } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220530190540.tsx b/.history/pages/index_20220530190540.tsx deleted file mode 100644 index 97c624c..0000000 --- a/.history/pages/index_20220530190540.tsx +++ /dev/null @@ -1,58 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, - SkeletonStock, - MottoBlock, - CategoriesButton, - CategoriesSkeleton, - PizzaBlock, PizzaSkeleton } from '../components/customer/block' -import { BoxScroll, Box } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220530190541.tsx b/.history/pages/index_20220530190541.tsx deleted file mode 100644 index 25b98af..0000000 --- a/.history/pages/index_20220530190541.tsx +++ /dev/null @@ -1,59 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, - SkeletonStock, - MottoBlock, - CategoriesButton, - CategoriesSkeleton, - PizzaBlock, - PizzaSkeleton } from '../components/customer/block' -import { BoxScroll, Box } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220530190545.tsx b/.history/pages/index_20220530190545.tsx deleted file mode 100644 index 37fa266..0000000 --- a/.history/pages/index_20220530190545.tsx +++ /dev/null @@ -1,59 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, - SkeletonStock, - MottoBlock, - CategoriesButton, - CategoriesSkeleton, - PizzaBlock, - PizzaSkeleton } from '../components/customer/block' -import { BoxScroll, Box } from '../components'; -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220530190618.tsx b/.history/pages/index_20220530190618.tsx deleted file mode 100644 index 68a5901..0000000 --- a/.history/pages/index_20220530190618.tsx +++ /dev/null @@ -1,60 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, - SkeletonStock, - MottoBlock, - CategoriesButton, - CategoriesSkeleton, - PizzaBlock, - PizzaSkeleton } from '../components/customer/block' -import { BoxScroll, Box } from '../components'; - -import { useAppDispatch } from '../redux/store'; - -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220530190630.tsx b/.history/pages/index_20220530190630.tsx deleted file mode 100644 index ecde047..0000000 --- a/.history/pages/index_20220530190630.tsx +++ /dev/null @@ -1,59 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, - SkeletonStock, - MottoBlock, - CategoriesButton, - CategoriesSkeleton, - PizzaBlock, - PizzaSkeleton } from '../components/customer/block' -import { BoxScroll, Box } from '../components'; - -import { useAppDispatch } from '../redux/store'; -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220530190632.tsx b/.history/pages/index_20220530190632.tsx deleted file mode 100644 index 073c873..0000000 --- a/.history/pages/index_20220530190632.tsx +++ /dev/null @@ -1,60 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, - SkeletonStock, - MottoBlock, - CategoriesButton, - CategoriesSkeleton, - PizzaBlock, - PizzaSkeleton } from '../components/customer/block' -import { BoxScroll, Box } from '../components'; - - -import { useAppDispatch } from '../redux/store'; -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220530190700.tsx b/.history/pages/index_20220530190700.tsx deleted file mode 100644 index 9c5119a..0000000 --- a/.history/pages/index_20220530190700.tsx +++ /dev/null @@ -1,60 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, - SkeletonStock, - MottoBlock, - CategoriesButton, - CategoriesSkeleton, - PizzaBlock, - PizzaSkeleton } from '../components/customer/block' -import { BoxScroll, Box } from '../'; - - -import { useAppDispatch } from '../redux/store'; -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220530190702.tsx b/.history/pages/index_20220530190702.tsx deleted file mode 100644 index 7b38b68..0000000 --- a/.history/pages/index_20220530190702.tsx +++ /dev/null @@ -1,60 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, - SkeletonStock, - MottoBlock, - CategoriesButton, - CategoriesSkeleton, - PizzaBlock, - PizzaSkeleton } from '../components/customer/block' -import { BoxScroll, Box } from '../../'; - - -import { useAppDispatch } from '../redux/store'; -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220530190704.tsx b/.history/pages/index_20220530190704.tsx deleted file mode 100644 index 9c5119a..0000000 --- a/.history/pages/index_20220530190704.tsx +++ /dev/null @@ -1,60 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, - SkeletonStock, - MottoBlock, - CategoriesButton, - CategoriesSkeleton, - PizzaBlock, - PizzaSkeleton } from '../components/customer/block' -import { BoxScroll, Box } from '../'; - - -import { useAppDispatch } from '../redux/store'; -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220530190707.tsx b/.history/pages/index_20220530190707.tsx deleted file mode 100644 index b791bdb..0000000 --- a/.history/pages/index_20220530190707.tsx +++ /dev/null @@ -1,60 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, - SkeletonStock, - MottoBlock, - CategoriesButton, - CategoriesSkeleton, - PizzaBlock, - PizzaSkeleton } from '../components/customer/block' -import { BoxScroll, Box } from '../components/'; - - -import { useAppDispatch } from '../redux/store'; -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220530190709.tsx b/.history/pages/index_20220530190709.tsx deleted file mode 100644 index e785619..0000000 --- a/.history/pages/index_20220530190709.tsx +++ /dev/null @@ -1,60 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, - SkeletonStock, - MottoBlock, - CategoriesButton, - CategoriesSkeleton, - PizzaBlock, - PizzaSkeleton } from '../components/customer/block' -import { BoxScroll, Box } from '../components/customer/'; - - -import { useAppDispatch } from '../redux/store'; -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220530190711.tsx b/.history/pages/index_20220530190711.tsx deleted file mode 100644 index 0247af6..0000000 --- a/.history/pages/index_20220530190711.tsx +++ /dev/null @@ -1,60 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, - SkeletonStock, - MottoBlock, - CategoriesButton, - CategoriesSkeleton, - PizzaBlock, - PizzaSkeleton } from '../components/customer/block' -import { BoxScroll, Box } from '../components/customer/containers'; - - -import { useAppDispatch } from '../redux/store'; -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220530190736.tsx b/.history/pages/index_20220530190736.tsx deleted file mode 100644 index f04ff3b..0000000 --- a/.history/pages/index_20220530190736.tsx +++ /dev/null @@ -1,61 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, - SkeletonStock, - MottoBlock, - CategoriesButton, - CategoriesSkeleton, - PizzaBlock, - PizzaSkeleton } from '../components/customer/block' -import { BoxScroll, - Box } from '../components/customer/containers'; - - -import { useAppDispatch } from '../redux/store'; -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220530190739.tsx b/.history/pages/index_20220530190739.tsx deleted file mode 100644 index 1da54a3..0000000 --- a/.history/pages/index_20220530190739.tsx +++ /dev/null @@ -1,61 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, - SkeletonStock, - MottoBlock, - CategoriesButton, - CategoriesSkeleton, - PizzaBlock, - PizzaSkeleton } from '../components/customer/block' -import { BoxScroll, - Box } from '../components/customer/containers'; - - -import { useAppDispatch } from '../redux/store'; -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220530190740.tsx b/.history/pages/index_20220530190740.tsx deleted file mode 100644 index 4f8c267..0000000 --- a/.history/pages/index_20220530190740.tsx +++ /dev/null @@ -1,61 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { CardStock, - SkeletonStock, - MottoBlock, - CategoriesButton, - CategoriesSkeleton, - PizzaBlock, - PizzaSkeleton } from '../components/customer/block' -import { BoxScroll, - Box } from '../components/customer/containers'; - - -import { useAppDispatch } from '../redux/store'; -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220530190742.tsx b/.history/pages/index_20220530190742.tsx deleted file mode 100644 index 0092d0f..0000000 --- a/.history/pages/index_20220530190742.tsx +++ /dev/null @@ -1,62 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; - -import { CardStock, - SkeletonStock, - MottoBlock, - CategoriesButton, - CategoriesSkeleton, - PizzaBlock, - PizzaSkeleton } from '../components/customer/block' -import { BoxScroll, - Box } from '../components/customer/containers'; - - -import { useAppDispatch } from '../redux/store'; -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220530190745.tsx b/.history/pages/index_20220530190745.tsx deleted file mode 100644 index 16558bb..0000000 --- a/.history/pages/index_20220530190745.tsx +++ /dev/null @@ -1,63 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; - -import { CardStock, - SkeletonStock, - MottoBlock, - CategoriesButton, - CategoriesSkeleton, - PizzaBlock, - PizzaSkeleton } from '../components/customer/block'; - -import { BoxScroll, - Box } from '../components/customer/containers'; - - -import { useAppDispatch } from '../redux/store'; -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220530190747.tsx b/.history/pages/index_20220530190747.tsx deleted file mode 100644 index 562067c..0000000 --- a/.history/pages/index_20220530190747.tsx +++ /dev/null @@ -1,63 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; - -import { CardStock, - SkeletonStock, - MottoBlock, - CategoriesButton, - CategoriesSkeleton, - PizzaBlock, - PizzaSkeleton } from '../components/customer/block'; - -import { BoxScroll, - Box } from '../components/customer/containers'; - - -import { useAppDispatch } from '../redux/store'; -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - ) -} - -export default Home diff --git a/.history/pages/index_20220530190803.tsx b/.history/pages/index_20220530190803.tsx deleted file mode 100644 index 3c04ad0..0000000 --- a/.history/pages/index_20220530190803.tsx +++ /dev/null @@ -1,66 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; - -import { CardStock, - SkeletonStock, - MottoBlock, - CategoriesButton, - CategoriesSkeleton, - PizzaBlock, - PizzaSkeleton } from '../components/customer/block'; - -import { BoxScroll, - Box } from '../components/customer/containers'; - - -import { useAppDispatch } from '../redux/store'; -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - - - - ) -} - -export default Home diff --git a/.history/pages/index_20220530190831.tsx b/.history/pages/index_20220530190831.tsx deleted file mode 100644 index c988729..0000000 --- a/.history/pages/index_20220530190831.tsx +++ /dev/null @@ -1,67 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; - -import { CardStock, - SkeletonStock, - MottoBlock, - CategoriesButton, - CategoriesSkeleton, - PizzaBlock, - PizzaSkeleton, - Description } from '../components/customer/block'; - -import { BoxScroll, - Box } from '../components/customer/containers'; - - -import { useAppDispatch } from '../redux/store'; -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - - - - ) -} - -export default Home diff --git a/.history/pages/index_20220530190837.tsx b/.history/pages/index_20220530190837.tsx deleted file mode 100644 index 88550a6..0000000 --- a/.history/pages/index_20220530190837.tsx +++ /dev/null @@ -1,67 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; - -import { CardStock, - SkeletonStock, - MottoBlock, - CategoriesButton, - CategoriesSkeleton, - PizzaBlock, - PizzaSkeleton, - Description } from '../components/customer/block'; - -import { BoxScroll, - Box } from '../components/customer/containers'; - - -import { useAppDispatch } from '../redux/store'; -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - - - - ) -} - -export default Home diff --git a/.history/pages/index_20220530190839.tsx b/.history/pages/index_20220530190839.tsx deleted file mode 100644 index e028db4..0000000 --- a/.history/pages/index_20220530190839.tsx +++ /dev/null @@ -1,67 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; - -import { CardStock, - SkeletonStock, - MottoBlock, - CategoriesButton, - CategoriesSkeleton, - PizzaBlock, - PizzaSkeleton, - Description } from '../components/customer/block'; - -import { BoxScroll, - Box } from '../components/customer/containers'; - - -import { useAppDispatch } from '../redux/store'; -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - - - - ) -} - -export default Home diff --git a/.history/pages/index_20220531160602.tsx b/.history/pages/index_20220531160602.tsx deleted file mode 100644 index acbdfce..0000000 --- a/.history/pages/index_20220531160602.tsx +++ /dev/null @@ -1,68 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; - -import { CardStock, - SkeletonStock, - MottoBlock, - CategoriesButton, - CategoriesSkeleton, - PizzaBlock, - PizzaSkeleton, - Description } from '../components/customer/block'; - -import { BoxScroll, - Box } from '../components/customer/containers'; - - -import { useAppDispatch } from '../redux/store'; -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - - - - - ) -} - -export default Home diff --git a/.history/pages/index_20220531160612.tsx b/.history/pages/index_20220531160612.tsx deleted file mode 100644 index 37db7cb..0000000 --- a/.history/pages/index_20220531160612.tsx +++ /dev/null @@ -1,69 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; - -import { CardStock, - SkeletonStock, - MottoBlock, - CategoriesButton, - CategoriesSkeleton, - PizzaBlock, - PizzaSkeleton, - Description } from '../components/customer/block'; - -import { BoxScroll, - Box } from '../components/customer/containers'; - - -import { useAppDispatch } from '../redux/store'; -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - - - - - ) -} - -export default Home diff --git a/.history/pages/index_20220531160614.tsx b/.history/pages/index_20220531160614.tsx deleted file mode 100644 index a50ffec..0000000 --- a/.history/pages/index_20220531160614.tsx +++ /dev/null @@ -1,69 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; - -import { CardStock, - SkeletonStock, - MottoBlock, - CategoriesButton, - CategoriesSkeleton, - PizzaBlock, - PizzaSkeleton, - Description } from '../components/customer/block'; - -import { BoxScroll, - Box } from '../components/customer/containers'; - - -import { useAppDispatch } from '../redux/store'; -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - - - - - ) -} - -export default Home diff --git a/.history/pages/index_20220531160616.tsx b/.history/pages/index_20220531160616.tsx deleted file mode 100644 index 89c4e88..0000000 --- a/.history/pages/index_20220531160616.tsx +++ /dev/null @@ -1,69 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; - -import { CardStock, - SkeletonStock, - MottoBlock, - CategoriesButton, - CategoriesSkeleton, - PizzaBlock, - PizzaSkeleton, - Description } from '../components/customer/block'; - -import { BoxScroll, - Box } from '../components/customer/containers'; - - -import { useAppDispatch } from '../redux/store'; -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - - - - - ) -} - -export default Home diff --git a/.history/pages/index_20220531160618.tsx b/.history/pages/index_20220531160618.tsx deleted file mode 100644 index 5ab5991..0000000 --- a/.history/pages/index_20220531160618.tsx +++ /dev/null @@ -1,69 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; - -import { CardStock, - SkeletonStock, - MottoBlock, - CategoriesButton, - CategoriesSkeleton, - PizzaBlock, - PizzaSkeleton, - Description } from '../components/customer/block'; - -import { BoxScroll, - Box } from '../components/customer/containers'; - - -import { useAppDispatch } from '../redux/store'; -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - - - - - ) -} - -export default Home diff --git a/.history/pages/index_20220531160620.tsx b/.history/pages/index_20220531160620.tsx deleted file mode 100644 index 324d10c..0000000 --- a/.history/pages/index_20220531160620.tsx +++ /dev/null @@ -1,69 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; - -import { CardStock, - SkeletonStock, - MottoBlock, - CategoriesButton, - CategoriesSkeleton, - PizzaBlock, - PizzaSkeleton, - Description } from '../components/customer/block'; - -import { BoxScroll, - Box } from '../components/customer/containers'; - - -import { useAppDispatch } from '../redux/store'; -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - - - - - ) -} - -export default Home diff --git a/.history/pages/index_20220531160625.tsx b/.history/pages/index_20220531160625.tsx deleted file mode 100644 index b2006c0..0000000 --- a/.history/pages/index_20220531160625.tsx +++ /dev/null @@ -1,71 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; - -import { CardStock, - SkeletonStock, - MottoBlock, - CategoriesButton, - CategoriesSkeleton, - PizzaBlock, - PizzaSkeleton, - Description } from '../components/customer/block'; - -import { BoxScroll, - Box } from '../components/customer/containers'; - - -import { useAppDispatch } from '../redux/store'; -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - - - - - ) -} - -export default Home diff --git a/.history/pages/index_20220531160628.tsx b/.history/pages/index_20220531160628.tsx deleted file mode 100644 index b1bfaf5..0000000 --- a/.history/pages/index_20220531160628.tsx +++ /dev/null @@ -1,70 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; - -import { CardStock, - SkeletonStock, - MottoBlock, - CategoriesButton, - CategoriesSkeleton, - PizzaBlock, - PizzaSkeleton, - Description } from '../components/customer/block'; - -import { BoxScroll, - Box } from '../components/customer/containers'; - - -import { useAppDispatch } from '../redux/store'; -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - - - - - ) -} - -export default Home diff --git a/.history/pages/index_20220531160631.tsx b/.history/pages/index_20220531160631.tsx deleted file mode 100644 index 0bf7409..0000000 --- a/.history/pages/index_20220531160631.tsx +++ /dev/null @@ -1,70 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; - -import { CardStock, - SkeletonStock, - MottoBlock, - CategoriesButton, - CategoriesSkeleton, - PizzaBlock, - PizzaSkeleton, - Description } from '../components/customer/block'; - -import { BoxScroll, - Box } from '../components/customer/containers'; - - -import { useAppDispatch } from '../redux/store'; -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - - - - - ) -} - -export default Home diff --git a/.history/pages/index_20220531160913.tsx b/.history/pages/index_20220531160913.tsx deleted file mode 100644 index 30351c6..0000000 --- a/.history/pages/index_20220531160913.tsx +++ /dev/null @@ -1,68 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; - -import { CardStock, - SkeletonStock, - MottoBlock, - CategoriesButton, - CategoriesSkeleton, - PizzaBlock, - PizzaSkeleton, - Description } from '../components/customer/block'; - -import { BoxScroll, - Box } from '../components/customer/containers'; - - -import { useAppDispatch } from '../redux/store'; -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - - - - - ) -} - -export default Home diff --git a/.history/pages/index_20220531161012.tsx b/.history/pages/index_20220531161012.tsx deleted file mode 100644 index ade9792..0000000 --- a/.history/pages/index_20220531161012.tsx +++ /dev/null @@ -1,69 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; - -import { CardStock, - SkeletonStock, - MottoBlock, - CategoriesButton, - CategoriesSkeleton, - PizzaBlock, - PizzaSkeleton, - Description, - DeliveryArea } from '../components/customer/block'; - -import { BoxScroll, - Box } from '../components/customer/containers'; - - -import { useAppDispatch } from '../redux/store'; -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - - - - - ) -} - -export default Home diff --git a/.history/pages/index_20220531161020.tsx b/.history/pages/index_20220531161020.tsx deleted file mode 100644 index a5d0b34..0000000 --- a/.history/pages/index_20220531161020.tsx +++ /dev/null @@ -1,69 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; - -import { CardStock, - SkeletonStock, - MottoBlock, - CategoriesButton, - CategoriesSkeleton, - PizzaBlock, - PizzaSkeleton, - Description, - DeliveryArea } from '../components/customer/block'; - -import { BoxScroll, - Box } from '../components/customer/containers'; - - -import { useAppDispatch } from '../redux/store'; -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - - - - - ) -} - -export default Home diff --git a/.history/pages/index_20220531161037.tsx b/.history/pages/index_20220531161037.tsx deleted file mode 100644 index a5d0b34..0000000 --- a/.history/pages/index_20220531161037.tsx +++ /dev/null @@ -1,69 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; - -import { CardStock, - SkeletonStock, - MottoBlock, - CategoriesButton, - CategoriesSkeleton, - PizzaBlock, - PizzaSkeleton, - Description, - DeliveryArea } from '../components/customer/block'; - -import { BoxScroll, - Box } from '../components/customer/containers'; - - -import { useAppDispatch } from '../redux/store'; -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - - - - - ) -} - -export default Home diff --git a/.history/pages/index_20220531162101.tsx b/.history/pages/index_20220531162101.tsx deleted file mode 100644 index 69f3239..0000000 --- a/.history/pages/index_20220531162101.tsx +++ /dev/null @@ -1,69 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; - -import { CardStock, - SkeletonStock, - MottoBlock, - CategoriesButton, - CategoriesSkeleton, - PizzaBlock, - PizzaSkeleton, - Description, - DeliveryArea } from '../components/customer/Pages/Index/block'; - -import { BoxScroll, - Box } from '../components/customer/containers'; - - -import { useAppDispatch } from '../redux/store'; -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - - - - - ) -} - -export default Home diff --git a/.history/pages/index_20220531162131.tsx b/.history/pages/index_20220531162131.tsx deleted file mode 100644 index 7e1e0a1..0000000 --- a/.history/pages/index_20220531162131.tsx +++ /dev/null @@ -1,69 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; - -import { CardStock, - SkeletonStock, - MottoBlock, - CategoriesButton, - CategoriesSkeleton, - PizzaBlock, - PizzaSkeleton, - Description, - DeliveryArea } from '../components/customer/pages/Index/block'; - -import { BoxScroll, - Box } from '../components/customer/containers'; - - -import { useAppDispatch } from '../redux/store'; -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - - - - - ) -} - -export default Home diff --git a/.history/pages/index_20220531162144.tsx b/.history/pages/index_20220531162144.tsx deleted file mode 100644 index 5a1c97e..0000000 --- a/.history/pages/index_20220531162144.tsx +++ /dev/null @@ -1,69 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; - -import { CardStock, - SkeletonStock, - MottoBlock, - CategoriesButton, - CategoriesSkeleton, - PizzaBlock, - PizzaSkeleton, - Description, - DeliveryArea } from '../components/customer/pages/index/block'; - -import { BoxScroll, - Box } from '../components/customer/containers'; - - -import { useAppDispatch } from '../redux/store'; -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - - - - - ) -} - -export default Home diff --git a/.history/pages/index_20220601090400.tsx b/.history/pages/index_20220601090400.tsx deleted file mode 100644 index 68ac8fb..0000000 --- a/.history/pages/index_20220601090400.tsx +++ /dev/null @@ -1,72 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; - -import { CardStock, - SkeletonStock, - MottoBlock, - CategoriesButton, - CategoriesSkeleton, - PizzaBlock, - PizzaSkeleton, - Description, - DeliveryArea } from '../components/customer/pages/index/block'; - -import { BoxScroll, - Box } from '../components/customer/containers'; - - -import { PizzaCard } from '../components/customer/pages/index/modals' - -import { useAppDispatch } from '../redux/store'; -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - - - - wwww - - ) -} - -export default Home diff --git a/.history/pages/index_20220601090633.tsx b/.history/pages/index_20220601090633.tsx deleted file mode 100644 index a573607..0000000 --- a/.history/pages/index_20220601090633.tsx +++ /dev/null @@ -1,72 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; - -import { CardStock, - SkeletonStock, - MottoBlock, - CategoriesButton, - CategoriesSkeleton, - PizzaBlock, - PizzaSkeleton, - Description, - DeliveryArea } from '../components/customer/pages/index/block'; - -import { BoxScroll, - Box } from '../components/customer/containers'; - - -import { PizzaCard } from '../components/customer/pages/index/modals' - -import { useAppDispatch } from '../redux/store'; -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - - - - - - ) -} - -export default Home diff --git a/.history/pages/index_20220601090650.tsx b/.history/pages/index_20220601090650.tsx deleted file mode 100644 index 68ac8fb..0000000 --- a/.history/pages/index_20220601090650.tsx +++ /dev/null @@ -1,72 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; - -import { CardStock, - SkeletonStock, - MottoBlock, - CategoriesButton, - CategoriesSkeleton, - PizzaBlock, - PizzaSkeleton, - Description, - DeliveryArea } from '../components/customer/pages/index/block'; - -import { BoxScroll, - Box } from '../components/customer/containers'; - - -import { PizzaCard } from '../components/customer/pages/index/modals' - -import { useAppDispatch } from '../redux/store'; -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - - - - wwww - - ) -} - -export default Home diff --git a/.history/pages/index_20220602164615.tsx b/.history/pages/index_20220602164615.tsx deleted file mode 100644 index cfc35e4..0000000 --- a/.history/pages/index_20220602164615.tsx +++ /dev/null @@ -1,73 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { useRouter } from "next/router"; - -import { CardStock, - SkeletonStock, - MottoBlock, - CategoriesButton, - CategoriesSkeleton, - PizzaBlock, - PizzaSkeleton, - Description, - DeliveryArea } from '../components/customer/pages/index/block'; - -import { BoxScroll, - Box } from '../components/customer/containers'; - - -import { PizzaCard } from '../components/customer/pages/index/modals' - -import { useAppDispatch } from '../redux/store'; -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - - - - wwww - - ) -} - -export default Home; diff --git a/.history/pages/index_20220602164752.tsx b/.history/pages/index_20220602164752.tsx deleted file mode 100644 index 4619523..0000000 --- a/.history/pages/index_20220602164752.tsx +++ /dev/null @@ -1,76 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { useRouter } from "next/router"; - -import { CardStock, - SkeletonStock, - MottoBlock, - CategoriesButton, - CategoriesSkeleton, - PizzaBlock, - PizzaSkeleton, - Description, - DeliveryArea } from '../components/customer/pages/index/block'; - -import { BoxScroll, - Box } from '../components/customer/containers'; - - -import { PizzaCard } from '../components/customer/pages/index/modals' - -import { useAppDispatch } from '../redux/store'; -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - let router = useRouter(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - {router.query.image && ( console.log(router.query.image))} - - - - - wwww - - ) -} - -export default Home; diff --git a/.history/pages/index_20220602164850.tsx b/.history/pages/index_20220602164850.tsx deleted file mode 100644 index 78c9d68..0000000 --- a/.history/pages/index_20220602164850.tsx +++ /dev/null @@ -1,75 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { useRouter } from "next/router"; - -import { CardStock, - SkeletonStock, - MottoBlock, - CategoriesButton, - CategoriesSkeleton, - PizzaBlock, - PizzaSkeleton, - Description, - DeliveryArea } from '../components/customer/pages/index/block'; - -import { BoxScroll, - Box } from '../components/customer/containers'; - - -import { PizzaCard } from '../components/customer/pages/index/modals' - -import { useAppDispatch } from '../redux/store'; -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - let router = useRouter(); - - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - - - - - wwww - - ) -} - -export default Home; diff --git a/.history/pages/index_20220602164903.tsx b/.history/pages/index_20220602164903.tsx deleted file mode 100644 index 1c538d1..0000000 --- a/.history/pages/index_20220602164903.tsx +++ /dev/null @@ -1,75 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { useRouter } from "next/router"; - -import { CardStock, - SkeletonStock, - MottoBlock, - CategoriesButton, - CategoriesSkeleton, - PizzaBlock, - PizzaSkeleton, - Description, - DeliveryArea } from '../components/customer/pages/index/block'; - -import { BoxScroll, - Box } from '../components/customer/containers'; - - -import { PizzaCard } from '../components/customer/pages/index/modals' - -import { useAppDispatch } from '../redux/store'; -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - let router = useRouter(); - console.log(router); - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - - - - - wwww - - ) -} - -export default Home; diff --git a/.history/pages/index_20220603173104.tsx b/.history/pages/index_20220603173104.tsx deleted file mode 100644 index 1163930..0000000 --- a/.history/pages/index_20220603173104.tsx +++ /dev/null @@ -1,74 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { useRouter } from "next/router"; - -import { CardStock, - SkeletonStock, - MottoBlock, - CategoriesButton, - CategoriesSkeleton, - PizzaBlock, - PizzaSkeleton, - Description, - DeliveryArea } from '../components/customer/pages/index/block'; - -import { BoxScroll, - Box } from '../components/customer/containers'; - - -import { PizzaCard } from '../components/customer/pages/index/modals' - -import { useAppDispatch } from '../redux/store'; -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - let router = useRouter(); - console.log(router.query); - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - - - - wwww - - ) -} - -export default Home; diff --git a/.history/pages/index_20220603173135.tsx b/.history/pages/index_20220603173135.tsx deleted file mode 100644 index a2bb375..0000000 --- a/.history/pages/index_20220603173135.tsx +++ /dev/null @@ -1,74 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { useRouter } from "next/router"; - -import { CardStock, - SkeletonStock, - MottoBlock, - CategoriesButton, - CategoriesSkeleton, - PizzaBlock, - PizzaSkeleton, - Description, - DeliveryArea } from '../components/customer/pages/index/block'; - -import { BoxScroll, - Box } from '../components/customer/containers'; - - -import { PizzaCard } from '../components/customer/pages/index/modals' - -import { useAppDispatch } from '../redux/store'; -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - let router = useRouter(); - console.log(router.query.pizza); - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - - - - wwww - - ) -} - -export default Home; diff --git a/.history/pages/index_20220603173151.tsx b/.history/pages/index_20220603173151.tsx deleted file mode 100644 index c1d39b0..0000000 --- a/.history/pages/index_20220603173151.tsx +++ /dev/null @@ -1,74 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { useRouter } from "next/router"; - -import { CardStock, - SkeletonStock, - MottoBlock, - CategoriesButton, - CategoriesSkeleton, - PizzaBlock, - PizzaSkeleton, - Description, - DeliveryArea } from '../components/customer/pages/index/block'; - -import { BoxScroll, - Box } from '../components/customer/containers'; - - -import { PizzaCard } from '../components/customer/pages/index/modals' - -import { useAppDispatch } from '../redux/store'; -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - let router = useRouter(); - console.log(router.query.pizza, pizza); - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - - - - wwww - - ) -} - -export default Home; diff --git a/.history/pages/index_20220603173154.tsx b/.history/pages/index_20220603173154.tsx deleted file mode 100644 index 48c8508..0000000 --- a/.history/pages/index_20220603173154.tsx +++ /dev/null @@ -1,74 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { useRouter } from "next/router"; - -import { CardStock, - SkeletonStock, - MottoBlock, - CategoriesButton, - CategoriesSkeleton, - PizzaBlock, - PizzaSkeleton, - Description, - DeliveryArea } from '../components/customer/pages/index/block'; - -import { BoxScroll, - Box } from '../components/customer/containers'; - - -import { PizzaCard } from '../components/customer/pages/index/modals' - -import { useAppDispatch } from '../redux/store'; -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - let router = useRouter(); - console.log(router.query.pizza, 'pizza'); - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - - - - wwww - - ) -} - -export default Home; diff --git a/.history/pages/index_20220603174511.tsx b/.history/pages/index_20220603174511.tsx deleted file mode 100644 index 7495c19..0000000 --- a/.history/pages/index_20220603174511.tsx +++ /dev/null @@ -1,77 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { useRouter } from "next/router"; - -import { CardStock, - SkeletonStock, - MottoBlock, - CategoriesButton, - CategoriesSkeleton, - PizzaBlock, - PizzaSkeleton, - Description, - DeliveryArea } from '../components/customer/pages/index/block'; - -import { BoxScroll, - Box } from '../components/customer/containers'; - - -import { PizzaCard } from '../components/customer/pages/index/modals' - -import { useAppDispatch } from '../redux/store'; -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - let router = useRouter(); - console.log(router.query.pizza, 'pizza'); - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - - - - {router.query.image && ( - - )} - - - ) -} - -export default Home; diff --git a/.history/pages/index_20220603174555.tsx b/.history/pages/index_20220603174555.tsx deleted file mode 100644 index 7495c19..0000000 --- a/.history/pages/index_20220603174555.tsx +++ /dev/null @@ -1,77 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { useRouter } from "next/router"; - -import { CardStock, - SkeletonStock, - MottoBlock, - CategoriesButton, - CategoriesSkeleton, - PizzaBlock, - PizzaSkeleton, - Description, - DeliveryArea } from '../components/customer/pages/index/block'; - -import { BoxScroll, - Box } from '../components/customer/containers'; - - -import { PizzaCard } from '../components/customer/pages/index/modals' - -import { useAppDispatch } from '../redux/store'; -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - let router = useRouter(); - console.log(router.query.pizza, 'pizza'); - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - - - - {router.query.image && ( - - )} - - - ) -} - -export default Home; diff --git a/.history/pages/index_20220603174614.tsx b/.history/pages/index_20220603174614.tsx deleted file mode 100644 index 7495c19..0000000 --- a/.history/pages/index_20220603174614.tsx +++ /dev/null @@ -1,77 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { useRouter } from "next/router"; - -import { CardStock, - SkeletonStock, - MottoBlock, - CategoriesButton, - CategoriesSkeleton, - PizzaBlock, - PizzaSkeleton, - Description, - DeliveryArea } from '../components/customer/pages/index/block'; - -import { BoxScroll, - Box } from '../components/customer/containers'; - - -import { PizzaCard } from '../components/customer/pages/index/modals' - -import { useAppDispatch } from '../redux/store'; -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - let router = useRouter(); - console.log(router.query.pizza, 'pizza'); - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - - - - {router.query.image && ( - - )} - - - ) -} - -export default Home; diff --git a/.history/pages/index_20220603174722.tsx b/.history/pages/index_20220603174722.tsx deleted file mode 100644 index e58f35f..0000000 --- a/.history/pages/index_20220603174722.tsx +++ /dev/null @@ -1,77 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux' -import { MainLayout } from '../layouts/Customer'; -import { useRouter } from "next/router"; - -import { CardStock, - SkeletonStock, - MottoBlock, - CategoriesButton, - CategoriesSkeleton, - PizzaBlock, - PizzaSkeleton, - Description, - DeliveryArea } from '../components/customer/pages/index/block'; - -import { BoxScroll, - Box } from '../components/customer/containers'; - - -import { PizzaCard } from '../components/customer/pages/index/modals' - -import { useAppDispatch } from '../redux/store'; -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - let router = useRouter(); - console.log(router.query.pizza, 'pizza'); - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - - - - {router.query.pizza && ( - - )} - - - ) -} - -export default Home; diff --git a/.history/pages/index_20220615162448.tsx b/.history/pages/index_20220615162448.tsx deleted file mode 100644 index 0d5629d..0000000 --- a/.history/pages/index_20220615162448.tsx +++ /dev/null @@ -1,77 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux'; -import { MainLayout } from '../layouts/Customer'; -import { useRouter } from "next/router"; - -import { CardStock, - SkeletonStock, - MottoBlock, - CategoriesButton, - CategoriesSkeleton, - PizzaBlock, - PizzaSkeleton, - Description, - DeliveryArea } from '../components/customer/pages/index/block'; - -import { BoxScroll, - Box } from '../components/customer/containers'; - - -import { PizzaCard } from '../components/customer/pages/index/modals' - -import { useAppDispatch } from '../redux/store'; -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - let router = useRouter(); - console.log(router.query.pizza, 'pizza'); - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - - - - {router.query.pizza && ( - - )} - - - ) -} - -export default Home; diff --git a/.history/pages/index_20220616125418.tsx b/.history/pages/index_20220616125418.tsx deleted file mode 100644 index 3f39d3d..0000000 --- a/.history/pages/index_20220616125418.tsx +++ /dev/null @@ -1,81 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux'; -import { MainLayout } from '../layouts/Customer'; -import { useRouter } from "next/router"; - -import { CardStock, - SkeletonStock, - MottoBlock, - CategoriesButton, - CategoriesSkeleton, - PizzaBlock, - PizzaSkeleton, - Description, - DeliveryArea } from '../components/customer/pages/index/block'; - -import { BoxScroll, - Box } from '../components/customer/containers'; - - -import { PizzaCard } from '../components/customer/pages/index/modals' - -import { useAppDispatch } from '../redux/store'; -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - - - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - let router = useRouter(); - console.log(router.query.pizza, 'pizza'); - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - type Props = { - id: number ; - }; - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - - - - {router.query.pizza && ( - id:number={router.query.pizza} /> - )} - - - ) -} - -export default Home; diff --git a/.history/pages/index_20220616125725.tsx b/.history/pages/index_20220616125725.tsx deleted file mode 100644 index bba9f12..0000000 --- a/.history/pages/index_20220616125725.tsx +++ /dev/null @@ -1,79 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux'; -import { MainLayout } from '../layouts/Customer'; -import { useRouter } from "next/router"; - -import { CardStock, - SkeletonStock, - MottoBlock, - CategoriesButton, - CategoriesSkeleton, - PizzaBlock, - PizzaSkeleton, - Description, - DeliveryArea } from '../components/customer/pages/index/block'; - -import { BoxScroll, - Box } from '../components/customer/containers'; - - -import { PizzaCard } from '../components/customer/pages/index/modals' - -import { useAppDispatch } from '../redux/store'; -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - -interface PropsType { - id: number; -} - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - let router = useRouter(); - console.log(router.query.pizza, 'pizza'); - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - - - - {router.query.pizza && ( - - )} - - - ) -} - -export default Home; diff --git a/.history/pages/index_20220617161335.tsx b/.history/pages/index_20220617161335.tsx deleted file mode 100644 index bba9f12..0000000 --- a/.history/pages/index_20220617161335.tsx +++ /dev/null @@ -1,79 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux'; -import { MainLayout } from '../layouts/Customer'; -import { useRouter } from "next/router"; - -import { CardStock, - SkeletonStock, - MottoBlock, - CategoriesButton, - CategoriesSkeleton, - PizzaBlock, - PizzaSkeleton, - Description, - DeliveryArea } from '../components/customer/pages/index/block'; - -import { BoxScroll, - Box } from '../components/customer/containers'; - - -import { PizzaCard } from '../components/customer/pages/index/modals' - -import { useAppDispatch } from '../redux/store'; -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - -interface PropsType { - id: number; -} - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - let router = useRouter(); - console.log(router.query.pizza, 'pizza'); - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - - - - {router.query.pizza && ( - - )} - - - ) -} - -export default Home; diff --git a/.history/pages/index_20220617162547.tsx b/.history/pages/index_20220617162547.tsx deleted file mode 100644 index 06d5e3f..0000000 --- a/.history/pages/index_20220617162547.tsx +++ /dev/null @@ -1,85 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux'; -import { MainLayout } from '../layouts/Customer'; -import { useRouter } from "next/router"; - -import { CardStock, - SkeletonStock, - MottoBlock, - CategoriesButton, - CategoriesSkeleton, - PizzaBlock, - PizzaSkeleton, - Description, - DeliveryArea } from '../components/customer/pages/index/block'; - -import { BoxScroll, - Box } from '../components/customer/containers'; - - -import { PizzaCard } from '../components/customer/pages/index/modals' - -import { useAppDispatch } from '../redux/store'; -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - -interface PropsType { - id: number; -} - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - let router = useRouter(); - console.log(router.query.pizza, 'pizza'); - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - if (router.query.pizza) { - document.body.style.overflow = "hidden"; - } else { - document.body.style.overflow = "visible"; - } - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - - - - {router.query.pizza && ( - - )} - - - ) -} - -export default Home; diff --git a/.history/pages/index_20220617162616.tsx b/.history/pages/index_20220617162616.tsx deleted file mode 100644 index 9dd7c31..0000000 --- a/.history/pages/index_20220617162616.tsx +++ /dev/null @@ -1,84 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux'; -import { MainLayout } from '../layouts/Customer'; -import { useRouter } from "next/router"; - -import { CardStock, - SkeletonStock, - MottoBlock, - CategoriesButton, - CategoriesSkeleton, - PizzaBlock, - PizzaSkeleton, - Description, - DeliveryArea } from '../components/customer/pages/index/block'; - -import { BoxScroll, - Box } from '../components/customer/containers'; - - -import { PizzaCard } from '../components/customer/pages/index/modals' - -import { useAppDispatch } from '../redux/store'; -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - -interface PropsType { - id: number; -} - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - let router = useRouter(); - console.log(router.query.pizza, 'pizza'); - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - if (router.query.pizza) { - document.body.style.overflow = "hidden"; - } else { - document.body.style.overflow = "visible"; - } - }, [1]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - - - - {router.query.pizza && ( - - )} - - - ) -} - -export default Home; diff --git a/.history/pages/index_20220617162646.tsx b/.history/pages/index_20220617162646.tsx deleted file mode 100644 index 9506fd9..0000000 --- a/.history/pages/index_20220617162646.tsx +++ /dev/null @@ -1,84 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux'; -import { MainLayout } from '../layouts/Customer'; -import { useRouter } from "next/router"; - -import { CardStock, - SkeletonStock, - MottoBlock, - CategoriesButton, - CategoriesSkeleton, - PizzaBlock, - PizzaSkeleton, - Description, - DeliveryArea } from '../components/customer/pages/index/block'; - -import { BoxScroll, - Box } from '../components/customer/containers'; - - -import { PizzaCard } from '../components/customer/pages/index/modals' - -import { useAppDispatch } from '../redux/store'; -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - -interface PropsType { - id: number; -} - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - let router = useRouter(); - console.log(router.query.pizza, 'pizza'); - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - if (router.query.pizza) { - document.body.style.overflow = "hidden"; - } else { - document.body.style.overflow = "visible"; - } - }, [router.query.pizza]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - - - - {router.query.pizza && ( - - )} - - - ) -} - -export default Home; diff --git a/.history/pages/index_20220617162725.tsx b/.history/pages/index_20220617162725.tsx deleted file mode 100644 index a95e070..0000000 --- a/.history/pages/index_20220617162725.tsx +++ /dev/null @@ -1,87 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux'; -import { MainLayout } from '../layouts/Customer'; -import { useRouter } from "next/router"; - -import { CardStock, - SkeletonStock, - MottoBlock, - CategoriesButton, - CategoriesSkeleton, - PizzaBlock, - PizzaSkeleton, - Description, - DeliveryArea } from '../components/customer/pages/index/block'; - -import { BoxScroll, - Box } from '../components/customer/containers'; - - -import { PizzaCard } from '../components/customer/pages/index/modals' - -import { useAppDispatch } from '../redux/store'; -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - -interface PropsType { - id: number; -} - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - let router = useRouter(); - console.log(router.query.pizza, 'pizza'); - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - React.useEffect(() => { - if (router.query.pizza) { - document.body.style.overflow = "hidden"; - } else { - document.body.style.overflow = "visible"; - } - }, [router.query.pizza]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - - - - {router.query.pizza && ( - - )} - - - ) -} - -export default Home; diff --git a/.history/pages/index_20220617190745.tsx b/.history/pages/index_20220617190745.tsx deleted file mode 100644 index a95e070..0000000 --- a/.history/pages/index_20220617190745.tsx +++ /dev/null @@ -1,87 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux'; -import { MainLayout } from '../layouts/Customer'; -import { useRouter } from "next/router"; - -import { CardStock, - SkeletonStock, - MottoBlock, - CategoriesButton, - CategoriesSkeleton, - PizzaBlock, - PizzaSkeleton, - Description, - DeliveryArea } from '../components/customer/pages/index/block'; - -import { BoxScroll, - Box } from '../components/customer/containers'; - - -import { PizzaCard } from '../components/customer/pages/index/modals' - -import { useAppDispatch } from '../redux/store'; -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - -interface PropsType { - id: number; -} - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - let router = useRouter(); - console.log(router.query.pizza, 'pizza'); - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - React.useEffect(() => { - if (router.query.pizza) { - document.body.style.overflow = "hidden"; - } else { - document.body.style.overflow = "visible"; - } - }, [router.query.pizza]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - - - - {router.query.pizza && ( - - )} - - - ) -} - -export default Home; diff --git a/.history/pages/index_20220618072502.tsx b/.history/pages/index_20220618072502.tsx deleted file mode 100644 index 4fa6746..0000000 --- a/.history/pages/index_20220618072502.tsx +++ /dev/null @@ -1,87 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux'; -import { MainLayout } from '../layouts/Customer'; -import { useRouter } from "next/router"; - -import { CardStock, - SkeletonStock, - MottoBlock, - CategoriesButton, - CategoriesSkeleton, - PizzaBlock, - PizzaSkeleton, - Description, - DeliveryArea } from '../components/customer/pages/index/block'; - -import { BoxScroll, - Box } from '../components/customer/containers'; - - -import { PizzaCard } from '../components/customer/pages/index/modals' - -import { useAppDispatch } from '../redux/store'; -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - -interface PropsType { - id: number; -} - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - let router = useRouter(); - console.log(router.query, 'query'); - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - React.useEffect(() => { - if (router.query.pizza) { - document.body.style.overflow = "hidden"; - } else { - document.body.style.overflow = "visible"; - } - }, [router.query.pizza]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - - - - {router.query.pizza && ( - - )} - - - ) -} - -export default Home; diff --git a/.history/pages/index_20220618072534.tsx b/.history/pages/index_20220618072534.tsx deleted file mode 100644 index 6ad9987..0000000 --- a/.history/pages/index_20220618072534.tsx +++ /dev/null @@ -1,87 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux'; -import { MainLayout } from '../layouts/Customer'; -import { useRouter } from "next/router"; - -import { CardStock, - SkeletonStock, - MottoBlock, - CategoriesButton, - CategoriesSkeleton, - PizzaBlock, - PizzaSkeleton, - Description, - DeliveryArea } from '../components/customer/pages/index/block'; - -import { BoxScroll, - Box } from '../components/customer/containers'; - - -import { PizzaCard } from '../components/customer/pages/index/modals' - -import { useAppDispatch } from '../redux/store'; -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - -interface PropsType { - id: number; -} - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - let router = useRouter(); - console.log(router, 'query'); - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - React.useEffect(() => { - if (router.query.pizza) { - document.body.style.overflow = "hidden"; - } else { - document.body.style.overflow = "visible"; - } - }, [router.query.pizza]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - - - - {router.query.pizza && ( - - )} - - - ) -} - -export default Home; diff --git a/.history/pages/index_20220618072601.tsx b/.history/pages/index_20220618072601.tsx deleted file mode 100644 index 8e2a29d..0000000 --- a/.history/pages/index_20220618072601.tsx +++ /dev/null @@ -1,87 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux'; -import { MainLayout } from '../layouts/Customer'; -import { useRouter } from "next/router"; - -import { CardStock, - SkeletonStock, - MottoBlock, - CategoriesButton, - CategoriesSkeleton, - PizzaBlock, - PizzaSkeleton, - Description, - DeliveryArea } from '../components/customer/pages/index/block'; - -import { BoxScroll, - Box } from '../components/customer/containers'; - - -import { PizzaCard } from '../components/customer/pages/index/modals' - -import { useAppDispatch } from '../redux/store'; -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - -interface PropsType { - id: number; -} - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - let router = useRouter(); - console.log(router.route, 'query'); - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - React.useEffect(() => { - if (router.query.pizza) { - document.body.style.overflow = "hidden"; - } else { - document.body.style.overflow = "visible"; - } - }, [router.query.pizza]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - - - - {router.query.pizza && ( - - )} - - - ) -} - -export default Home; diff --git a/.history/pages/index_20220618073544.tsx b/.history/pages/index_20220618073544.tsx deleted file mode 100644 index 4fa6746..0000000 --- a/.history/pages/index_20220618073544.tsx +++ /dev/null @@ -1,87 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux'; -import { MainLayout } from '../layouts/Customer'; -import { useRouter } from "next/router"; - -import { CardStock, - SkeletonStock, - MottoBlock, - CategoriesButton, - CategoriesSkeleton, - PizzaBlock, - PizzaSkeleton, - Description, - DeliveryArea } from '../components/customer/pages/index/block'; - -import { BoxScroll, - Box } from '../components/customer/containers'; - - -import { PizzaCard } from '../components/customer/pages/index/modals' - -import { useAppDispatch } from '../redux/store'; -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - -interface PropsType { - id: number; -} - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - let router = useRouter(); - console.log(router.query, 'query'); - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - React.useEffect(() => { - if (router.query.pizza) { - document.body.style.overflow = "hidden"; - } else { - document.body.style.overflow = "visible"; - } - }, [router.query.pizza]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - - - - {router.query.pizza && ( - - )} - - - ) -} - -export default Home; diff --git a/.history/pages/index_20220618073647.tsx b/.history/pages/index_20220618073647.tsx deleted file mode 100644 index 63e7ed3..0000000 --- a/.history/pages/index_20220618073647.tsx +++ /dev/null @@ -1,87 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux'; -import { MainLayout } from '../layouts/Customer'; -import { useRouter } from "next/router"; - -import { CardStock, - SkeletonStock, - MottoBlock, - CategoriesButton, - CategoriesSkeleton, - PizzaBlock, - PizzaSkeleton, - Description, - DeliveryArea } from '../components/customer/pages/index/block'; - -import { BoxScroll, - Box } from '../components/customer/containers'; - - -import { PizzaCard } from '../components/customer/pages/index/modals' - -import { useAppDispatch } from '../redux/store'; -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - -interface PropsType { - id: number; -} - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - let router = useRouter(); - console.log(router.query, 'query'); - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - React.useEffect(() => { - if (router.query.pizza || router.query.cart) { - document.body.style.overflow = "hidden"; - } else { - document.body.style.overflow = "visible"; - } - }, [router.query.pizza]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - - - - {router.query.pizza && ( - - )} - - - ) -} - -export default Home; diff --git a/.history/pages/index_20220618073946.tsx b/.history/pages/index_20220618073946.tsx deleted file mode 100644 index 381e455..0000000 --- a/.history/pages/index_20220618073946.tsx +++ /dev/null @@ -1,89 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux'; -import { MainLayout } from '../layouts/Customer'; -import { useRouter } from "next/router"; - -import { CardStock, - SkeletonStock, - MottoBlock, - CategoriesButton, - CategoriesSkeleton, - PizzaBlock, - PizzaSkeleton, - Description, - DeliveryArea } from '../components/customer/pages/index/block'; - -import { BoxScroll, - Box } from '../components/customer/containers'; - - -import { PizzaCard, PizzaCart } from '../components/customer/pages/index/modals' - -import { useAppDispatch } from '../redux/store'; -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - -interface PropsType { - id: number; -} - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - let router = useRouter(); - console.log(router.query, 'query'); - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - React.useEffect(() => { - if (router.query.pizza || router.query.cart) { - document.body.style.overflow = "hidden"; - } else { - document.body.style.overflow = "visible"; - } - }, [router.query.pizza, router.query.cart]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - - - - {router.query.pizza && ( - - )} - {router.query.cart && ( - - )} - - ) -} - -export default Home; diff --git a/.history/pages/index_20220618074031.tsx b/.history/pages/index_20220618074031.tsx deleted file mode 100644 index 3915b8d..0000000 --- a/.history/pages/index_20220618074031.tsx +++ /dev/null @@ -1,89 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux'; -import { MainLayout } from '../layouts/Customer'; -import { useRouter } from "next/router"; - -import { CardStock, - SkeletonStock, - MottoBlock, - CategoriesButton, - CategoriesSkeleton, - PizzaBlock, - PizzaSkeleton, - Description, - DeliveryArea } from '../components/customer/pages/index/block'; - -import { BoxScroll, - Box } from '../components/customer/containers'; - - -import { PizzaCard, PizzaCart } from '../components/customer/pages/index/modals' - -import { useAppDispatch } from '../redux/store'; -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - -interface PropsType { - id: number; -} - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - let router = useRouter(); - console.log(router.query.cart, 'query'); - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - React.useEffect(() => { - if (router.query.pizza || router.query.cart) { - document.body.style.overflow = "hidden"; - } else { - document.body.style.overflow = "visible"; - } - }, [router.query.pizza, router.query.cart]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - - - - {router.query.pizza && ( - - )} - {router.query.cart && ( - - )} - - ) -} - -export default Home; diff --git a/.history/pages/index_20220618074103.tsx b/.history/pages/index_20220618074103.tsx deleted file mode 100644 index 381e455..0000000 --- a/.history/pages/index_20220618074103.tsx +++ /dev/null @@ -1,89 +0,0 @@ -import type { NextPage } from 'next'; -import React from 'react'; -import { useSelector } from 'react-redux'; -import { MainLayout } from '../layouts/Customer'; -import { useRouter } from "next/router"; - -import { CardStock, - SkeletonStock, - MottoBlock, - CategoriesButton, - CategoriesSkeleton, - PizzaBlock, - PizzaSkeleton, - Description, - DeliveryArea } from '../components/customer/pages/index/block'; - -import { BoxScroll, - Box } from '../components/customer/containers'; - - -import { PizzaCard, PizzaCart } from '../components/customer/pages/index/modals' - -import { useAppDispatch } from '../redux/store'; -import { fetchStoke, selectStokeData } from '../redux/stoke/'; -import { fetchCategories, selectCategoriesData } from '../redux/categories'; -import { fetchPizza, selectPizzaData } from '../redux/pizza'; - -interface PropsType { - id: number; -} - -const Home: NextPage = () => { - const dispatch = useAppDispatch(); - let router = useRouter(); - console.log(router.query, 'query'); - React.useEffect(() => { - dispatch( fetchStoke() ); - dispatch( fetchCategories() ); - dispatch( fetchPizza() ); - }, [1]); - - React.useEffect(() => { - if (router.query.pizza || router.query.cart) { - document.body.style.overflow = "hidden"; - } else { - document.body.style.overflow = "visible"; - } - }, [router.query.pizza, router.query.cart]); - - const { items, status } = useSelector(selectStokeData); - const { categories_items, categories_status } = useSelector(selectCategoriesData); - const { pizza_items, pizza_status } = useSelector(selectPizzaData); - - const stokes = items.map((obj, index) => ); - const skeletonsStoke = [...new Array(4)].map((_, index) => ); - - const categories = categories_items.map((obj, index) => ); - const categoriesSkeleton = [...new Array(6)].map((_, index) => ); - - const pizza = pizza_items.map((obj, index) => ); - const pizzaSkeleton = [...new Array(6)].map((_, index) => ); - - return ( - - - {status === 'loading' ? skeletonsStoke : stokes} - - - - {categories_status === 'loading' ? categoriesSkeleton : categories} - - - {pizza_status === 'loading' ? pizzaSkeleton : pizza} - - - - - - {router.query.pizza && ( - - )} - {router.query.cart && ( - - )} - - ) -} - -export default Home; diff --git a/.history/pages/index_20220618081119.tsx b/.history/pages/index_20220725182703.tsx similarity index 98% rename from .history/pages/index_20220618081119.tsx rename to .history/pages/index_20220725182703.tsx index 3915b8d..dc7186f 100644 --- a/.history/pages/index_20220618081119.tsx +++ b/.history/pages/index_20220725182703.tsx @@ -80,7 +80,7 @@ const Home: NextPage = () => { )} {router.query.cart && ( - + )} ) diff --git a/.history/redux/pizzaToCart/types_20220615155011.ts b/.history/redux/pizzaToCart/types_20220615155011.ts deleted file mode 100644 index e69de29..0000000 diff --git a/.history/redux/pizzaToCart/types_20220615155138.ts b/.history/redux/pizzaToCart/types_20220615155138.ts deleted file mode 100644 index 0920409..0000000 --- a/.history/redux/pizzaToCart/types_20220615155138.ts +++ /dev/null @@ -1,18 +0,0 @@ -export type PizzaToCard = { - id: number; - title: string; - description: string; - heft_trad:number; - img_trad: string; - }; - - export enum Status { - LOADING = 'loading', - SUCCESS = 'completed', - ERROR = 'error', - } - - export interface PizzaToCardSliceState { - pizzaToCard_items: PizzaToCard[]; - pizzaToCard_status: Status; - } diff --git a/.history/redux/pizzaToCart/types_20220615161032.ts b/.history/redux/pizzaToCart/types_20220615161032.ts deleted file mode 100644 index 0cae280..0000000 --- a/.history/redux/pizzaToCart/types_20220615161032.ts +++ /dev/null @@ -1,22 +0,0 @@ -export type PizzaToCard = { - id: number; - title: string; - description: string; - heft_trad:number; - img_trad: string; - }; - - export enum Status { - LOADING = 'loading', - SUCCESS = 'completed', - ERROR = 'error', - } - - export type GetPizzaParams = { - id: number; - }; - - export interface PizzaToCardSliceState { - pizzaToCard_items: PizzaToCard[]; - pizzaToCard_status: Status; - } diff --git a/.history/redux/pizzaToCart/types_20220615164200.ts b/.history/redux/pizzaToCart/types_20220615164200.ts deleted file mode 100644 index 1742cf5..0000000 --- a/.history/redux/pizzaToCart/types_20220615164200.ts +++ /dev/null @@ -1,27 +0,0 @@ -export type PizzaToCard = { - id: number; - title: string; - description: string; - heft_trad:number; - img_trad: string; - img_thin: string; - name: string; - price: number; - size: string; - feature: string; - }; - - export enum Status { - LOADING = 'loading', - SUCCESS = 'completed', - ERROR = 'error', - } - - export type GetPizzaParams = { - id: number; - }; - - export interface PizzaToCardSliceState { - pizzaToCard_items: PizzaToCard[]; - pizzaToCard_status: Status; - } diff --git a/.history/redux/pizzaToCart/types_20220616123747.ts b/.history/redux/pizzaToCart/types_20220616123747.ts deleted file mode 100644 index 33a1669..0000000 --- a/.history/redux/pizzaToCart/types_20220616123747.ts +++ /dev/null @@ -1,26 +0,0 @@ -export type PizzaToCard = { - id: number; - title: string; - description: string; - heft: string[]; - img: string[]; - name: string; - price: number; - size: string; - feature: string; - }; - - export enum Status { - LOADING = 'loading', - SUCCESS = 'completed', - ERROR = 'error', - } - - export type GetPizzaParams = { - id: number; - }; - - export interface PizzaToCardSliceState { - pizzaToCard_items: PizzaToCard[]; - pizzaToCard_status: Status; - } diff --git a/.history/redux/pizzaToCart/types_20220616123850.ts b/.history/redux/pizzaToCart/types_20220725010214.ts similarity index 100% rename from .history/redux/pizzaToCart/types_20220616123850.ts rename to .history/redux/pizzaToCart/types_20220725010214.ts diff --git a/README.md b/README.md index 8939251..8cca3c5 100644 --- a/README.md +++ b/README.md @@ -28,4 +28,8 @@ ### Изменения 24.07.22 - 21:34 - 00:47 1. Добавление продуктов в корзину. -2. Уменьшение и увеличение количества продуктов в корзине. \ No newline at end of file +2. Уменьшение и увеличение количества продуктов в корзине. + +### Изменения 25.07.22 - 18:20 - +1. Исправил ошибку с типами данных. +2. При открытии корзины если нет продуктов выводится сообщение, что корзина пуста. \ No newline at end of file diff --git a/components/customer/pages/index/modals/cart/content.tsx b/components/customer/pages/index/modals/cart/content.tsx index 8377416..db6ffc9 100644 --- a/components/customer/pages/index/modals/cart/content.tsx +++ b/components/customer/pages/index/modals/cart/content.tsx @@ -81,8 +81,9 @@ export const PizzaModalsContentCart: React.FC = ({ title_name={rows.title} title_size={sizeText.find(el => el.size === rows.size)?.text +' '+ rows.type} sum={rows.sum}/> - ) : ' Корзина пуста'} + ) :

Корзина пуста

}
+ {Object.keys(items).length > 0 ?

Добавить к заказу?

@@ -90,7 +91,7 @@ export const PizzaModalsContentCart: React.FC = ({ ) } -
+
: '' }
@@ -111,7 +112,7 @@ export const PizzaModalsContentCart: React.FC = ({
diff --git a/components/customer/pages/index/modals/cart/pizzaCart.tsx b/components/customer/pages/index/modals/cart/pizzaCart.tsx index 7a2fa82..eb04ba9 100644 --- a/components/customer/pages/index/modals/cart/pizzaCart.tsx +++ b/components/customer/pages/index/modals/cart/pizzaCart.tsx @@ -6,7 +6,7 @@ import { fetchPizzaToCard, selectPizzaToCartData } from '../../../../../../redux import { PizzaModalsContentCart } from './'; type Props = { - id: any; + id: string; otherProp?: any; }; @@ -26,7 +26,7 @@ export const PizzaCart: React.FC = ({id}) => {
- {} + {}
diff --git a/components/customer/pages/index/modals/pizza/content.tsx b/components/customer/pages/index/modals/pizza/content.tsx index c11e66f..5ced68b 100644 --- a/components/customer/pages/index/modals/pizza/content.tsx +++ b/components/customer/pages/index/modals/pizza/content.tsx @@ -8,16 +8,16 @@ import { CartItem } from '../cart/redux/types'; import { addItem } from '../cart/redux/slice'; type PizzaProps = { - id: string; + id: any; title: string; heft: string[]; description: string; img: string[]; - price: number[]; - size: number; + price: number | any; + size: number[] | string[]; }; -const types=[0,1], sizes=[30,40,50], sum=0, typeNames = ['традиционное тесто','тонкое тесто'] ; +const types=[0,1], sizes=[30,40,50], typeNames = ['традиционное тесто','тонкое тесто'] ; export const PizzaModalsContent: React.FC = ({ id, diff --git a/components/customer/pages/index/modals/pizza/pizzaCard.tsx b/components/customer/pages/index/modals/pizza/pizzaCard.tsx index 51f50f7..9b149c7 100644 --- a/components/customer/pages/index/modals/pizza/pizzaCard.tsx +++ b/components/customer/pages/index/modals/pizza/pizzaCard.tsx @@ -1,6 +1,5 @@ import React, { useEffect } from 'react'; import { useSelector } from 'react-redux' -import classNames from 'classnames'; import { useAppDispatch } from '../../../../../../redux/store'; import { fetchPizzaToCard, selectPizzaToCartData } from '../../../../../../redux/pizzaToCart/'; import { PizzaModalsContent } from './'; diff --git a/pages/index.tsx b/pages/index.tsx index 3915b8d..dc7186f 100644 --- a/pages/index.tsx +++ b/pages/index.tsx @@ -80,7 +80,7 @@ const Home: NextPage = () => { )} {router.query.cart && ( - + )} ) diff --git a/redux/cart1/selectors.ts b/redux/cart1/selectors.ts deleted file mode 100644 index de89992..0000000 --- a/redux/cart1/selectors.ts +++ /dev/null @@ -1,6 +0,0 @@ -import { RootState } from '../store'; - -//export const selectCart = (state: RootState) => state.cart; - -//export const selectCartItemById = (id: string) => (state: RootState) => - //state.cart.items.find((obj: { id: string; }) => obj.id === id); diff --git a/redux/cart1/slice.ts b/redux/cart1/slice.ts deleted file mode 100644 index 0977a58..0000000 --- a/redux/cart1/slice.ts +++ /dev/null @@ -1,45 +0,0 @@ -import { createSlice, PayloadAction } from '@reduxjs/toolkit'; -import { calcTotalPrice } from '../../utils/calcTotalPrice'; -import { getCartFromLS } from '../../utils/getCartFromLS'; -import { CartItem, CartSliceState } from './types'; - -const initialState: CartSliceState = getCartFromLS(); - -const cartSlice = createSlice({ - name: 'cart', - initialState, - reducers: { - addItem(state, action: PayloadAction) { - const findItem = state.items.find((obj) => obj.id === action.payload.id); - - if (findItem) { - findItem.count++; - } else { - state.items.push({ - ...action.payload, - count: 1, - }); - } - - state.totalPrice = calcTotalPrice(state.items); - }, - minusItem(state, action: PayloadAction) { - const findItem = state.items.find((obj) => obj.id === action.payload); - - if (findItem) { - findItem.count--; - } - }, - removeItem(state, action: PayloadAction) { - state.items = state.items.filter((obj) => obj.id !== action.payload); - }, - clearItems(state) { - state.items = []; - state.totalPrice = 0; - }, - }, -}); - -export const { addItem, removeItem, minusItem, clearItems } = cartSlice.actions; - -export default cartSlice.reducer; diff --git a/redux/cart1/types.ts b/redux/cart1/types.ts deleted file mode 100644 index 297a8d1..0000000 --- a/redux/cart1/types.ts +++ /dev/null @@ -1,14 +0,0 @@ -export type CartItem = { - id: string; - title: string; - price: number; - img: string[]; - type: string; - size: number; - count: number; - }; - - export interface CartSliceState { - totalPrice: number; - items: CartItem[]; - }