From e97b7d5688d81bf974fed76b4e53b009ceb08f22 Mon Sep 17 00:00:00 2001 From: "Krasnikov.pro" Date: Sun, 10 Jul 2022 21:09:59 +0300 Subject: [PATCH] joker --- .env | 1 + .eslintrc.json | 3 + .gitignore | 35 + .history/.env_20220518143812 | 0 .history/.env_20220518143858 | 1 + .history/.env_20220518144051 | 1 + .history/README_20220710205803.md | 34 + .history/README_20220710210115.md | 1 + .../Block/Pizza/index_20220516233309.tsx | 98 + .../Block/Pizza/index_20220518134250.tsx | 98 + .../Block/Stock/Skeleton_20220518134317.tsx | 19 + .../Block/Stock/Skeleton_20220518134633.tsx | 19 + .../Block/Stock/Skeleton_20220518140827.tsx | 19 + .../Block/Stock/Skeleton_20220518140848.tsx | 15 + .../Block/Stock/Skeleton_20220518140912.tsx | 15 + .../Block/Stock/Skeleton_20220518141002.tsx | 15 + .../Block/Stock/Skeleton_20220518141016.tsx | 15 + .../Block/Stock/Skeleton_20220518141117.tsx | 14 + .../Block/Stock/Skeleton_20220518141132.tsx | 15 + .../Block/Stock/Skeleton_20220518141143.tsx | 15 + .../Block/Stock/Skeleton_20220518141305.tsx | 13 + .../Block/Stock/Skeleton_20220518141344.tsx | 13 + .../Block/Stock/Skeleton_20220518141511.tsx | 12 + .../Block/Stock/Skeleton_20220518141527.tsx | 12 + .../Block/Stock/Skeleton_20220518141538.tsx | 12 + .../Block/Stock/Skeleton_20220518141558.tsx | 14 + .../Block/Stock/Skeleton_20220518141617.tsx | 14 + .../Block/Stock/Skeleton_20220518141623.tsx | 14 + .../Block/Stock/Skeleton_20220518141626.tsx | 14 + .../Block/Stock/Skeleton_20220518141636.tsx | 14 + .../Block/Stock/Skeleton_20220518141647.tsx | 14 + .../Block/Stock/Skeleton_20220518141658.tsx | 14 + .../Block/Stock/Skeleton_20220518141705.tsx | 14 + .../Block/Stock/Skeleton_20220518141713.tsx | 14 + .../Block/Stock/Skeleton_20220518141721.tsx | 15 + .../Block/Stock/Skeleton_20220518141738.tsx | 15 + .../Block/Stock/Skeleton_20220518141751.tsx | 15 + .../Block/Stock/Skeleton_20220518141809.tsx | 15 + .../Block/Stock/Skeleton_20220518141817.tsx | 16 + .../Block/Stock/Skeleton_20220518141843.tsx | 16 + .../Block/Stock/Skeleton_20220518141856.tsx | 16 + .../Block/Stock/Skeleton_20220518142016.tsx | 16 + .../Block/Stock/Skeleton_20220518144636.tsx | 16 + .../Block/Stock/Skeleton_20220518144700.tsx | 7 + .../Block/Stock/Skeleton_20220518144716.tsx | 15 + .../Block/Stock/Skeleton_20220518144726.tsx | 16 + .../Block/Stock/Skeleton_20220518144743.tsx | 15 + .../Block/Stock/Skeleton_20220518144754.tsx | 15 + .../Block/Stock/Skeleton_20220518144829.tsx | 14 + .../Block/Stock/Skeleton_20220518144838.tsx | 13 + .../Block/Stock/Skeleton_20220518144904.tsx | 17 + .../Block/Stock/Skeleton_20220518144928.tsx | 17 + .../Block/Stock/Skeleton_20220518144947.tsx | 16 + .../Block/Stock/Skeleton_20220518145011.tsx | 16 + .../Block/Stock/Skeleton_20220518145240.tsx | 17 + .../Block/Stock/Skeleton_20220518145319.tsx | 18 + .../Block/Stock/Skeleton_20220518145331.tsx | 16 + .../Block/Stock/Skeleton_20220518145343.tsx | 16 + .../Block/Stock/Skeleton_20220518145349.tsx | 16 + .../Block/Stock/Skeleton_20220518145401.tsx | 16 + .../Block/Stock/Skeleton_20220518145408.tsx | 16 + .../Block/Stock/Skeleton_20220518145422.tsx | 16 + .../Block/Stock/Skeleton_20220518145444.tsx | 16 + .../Block/Stock/Skeleton_20220518145458.tsx | 16 + .../Block/Stock/Skeleton_20220518145509.tsx | 16 + .../Block/Stock/Skeleton_20220518145642.tsx | 18 + .../Block/Stock/Skeleton_20220518145708.tsx | 16 + .../Block/Stock/Skeleton_20220518145737.tsx | 16 + .../Block/Stock/Skeleton_20220518145757.tsx | 14 + .../Block/Stock/Stock_20220517171533.tsx | 25 + .../Block/Stock/Stock_20220518142538.tsx | 26 + .../Block/Stock/skeleton_20220518134307.tsx | 0 .../Block/Stock/skeleton_20220518134318.tsx | 19 + .../Customer/Header_20220518151433.tsx | 85 + .../Customer/Header_20220518151447.tsx | 85 + .../Customer/Search/index_20220516232008.tsx | 83 + .../Customer/Search/index_20220518151434.tsx | 83 + .history/components/Header_20220517160019.tsx | 85 + .history/components/Header_20220518151434.tsx | 85 + .../UI/ButtonImg_20220529001126.tsx | 0 .../UI/ButtonImg_20220529001133.tsx | 17 + .../UI/ButtonImg_20220529001136.tsx | 17 + .../UI/ButtonImg_20220529001137.tsx | 17 + .../UI/ButtonImg_20220529001155.tsx | 17 + .../UI/ButtonImg_20220529001202.tsx | 17 + .../UI/ButtonImg_20220529001207.tsx | 17 + .../UI/ButtonImg_20220529001213.tsx | 17 + .../UI/ButtonImg_20220529001217.tsx | 17 + .../UI/ButtonImg_20220529001222.tsx | 16 + .../UI/ButtonImg_20220529001224.tsx | 16 + .../UI/ButtonImg_20220529001348.tsx | 16 + .../UI/ButtonImg_20220529001412.tsx | 16 + .../UI/ButtonImg_20220529142855.tsx | 16 + .../components/UI/Button_20220518152339.tsx | 0 .../components/UI/Button_20220518152348.tsx | 17 + .../components/UI/Button_20220518152711.tsx | 17 + .../components/UI/Button_20220518152806.tsx | 15 + .../components/UI/Button_20220518152920.tsx | 15 + .../components/UI/Button_20220518152939.tsx | 15 + .../components/UI/Button_20220518153013.tsx | 18 + .../components/UI/Button_20220518153019.tsx | 18 + .../components/UI/Button_20220518153025.tsx | 18 + .../components/UI/Button_20220518154104.tsx | 17 + .../components/UI/Button_20220518155731.tsx | 17 + .../components/UI/Button_20220518155848.tsx | 17 + .../components/UI/Button_20220518160852.tsx | 17 + .../components/UI/Button_20220518160937.tsx | 18 + .../components/UI/Button_20220518160952.tsx | 22 + .../components/UI/Button_20220518161030.tsx | 17 + .../components/UI/Button_20220518161206.tsx | 17 + .../components/UI/Button_20220518161209.tsx | 17 + .../components/UI/Button_20220520133457.tsx | 17 + .../components/UI/Button_20220520133516.tsx | 17 + .../components/UI/Button_20220602163434.tsx | 16 + .../components/UI/Button_20220604083650.tsx | 17 + .../components/UI/Button_20220604130939.tsx | 17 + .../components/UI/Button_20220604131539.tsx | 17 + .../components/UI/Icon_20220528173840.tsx | 0 .../components/UI/Icon_20220528173852.tsx | 17 + .../components/UI/Icon_20220528173940.tsx | 24 + .../components/UI/Icon_20220528174512.tsx | 0 .../UI/InputRadio_20220531231307.tsx | 0 .../UI/InputRadio_20220531231427.tsx | 24 + .../UI/InputRadio_20220531231621.tsx | 24 + .../UI/InputRadio_20220531231629.tsx | 23 + .../UI/InputRadio_20220531231657.tsx | 23 + .../UI/InputRadio_20220531232713.tsx | 23 + .../UI/InputRadio_20220531233007.tsx | 24 + .../UI/InputRadio_20220531233038.tsx | 24 + .../UI/InputRadio_20220531234646.tsx | 24 + .../UI/InputRadio_20220601000052.tsx | 24 + .../UI/InputRadio_20220601000722.tsx | 24 + .../UI/InputRadio_20220601001235.tsx | 24 + .../UI/InputRadio_20220601001655.tsx | 24 + .../UI/InputRadio_20220601085439.tsx | 24 + .../UI/InputRadio_20220601090521.tsx | 23 + .../UI/InputRadio_20220601090715.tsx | 24 + .../components/UI/Input_20220518153618.tsx | 0 .../components/UI/Input_20220518154055.tsx | 26 + .../components/UI/Input_20220518154112.tsx | 33 + .../components/UI/Input_20220518154156.tsx | 25 + .../components/UI/Input_20220518154211.tsx | 25 + .../components/UI/Input_20220518154240.tsx | 25 + .../components/UI/Input_20220518160030.tsx | 25 + .../components/UI/Input_20220518160405.tsx | 25 + .../components/UI/Input_20220518160427.tsx | 25 + .../components/UI/Input_20220518160441.tsx | 25 + .../components/UI/Input_20220518160541.tsx | 25 + .../components/UI/Input_20220518160658.tsx | 25 + .../components/UI/Input_20220518161150.tsx | 25 + .../components/UI/Input_20220518162057.tsx | 25 + .../components/UI/Input_20220518162231.tsx | 29 + .../components/UI/Input_20220518162331.tsx | 29 + .../components/UI/Input_20220518162409.tsx | 29 + .../components/UI/Input_20220518162416.tsx | 29 + .../components/UI/Input_20220518162550.tsx | 28 + .../components/UI/Input_20220518162705.tsx | 28 + .../components/UI/Input_20220518162855.tsx | 28 + .../components/UI/Input_20220518162935.tsx | 28 + .../components/UI/Input_20220531163847.tsx | 28 + .../components/UI/Label_20220518154328.tsx | 0 .../components/UI/Label_20220518154341.tsx | 11 + .../components/UI/Label_20220518154410.tsx | 12 + .../components/UI/Label_20220518154429.tsx | 11 + .../components/UI/Label_20220518154510.tsx | 13 + .../UI/LinkButton_20220518154850.tsx | 0 .../UI/LinkButton_20220518154900.tsx | 11 + .../UI/LinkButton_20220518154942.tsx | 18 + .../UI/LinkButton_20220518154957.tsx | 18 + .../UI/LinkButton_20220518155013.tsx | 19 + .../UI/LinkButton_20220518155030.tsx | 19 + .../UI/LinkButton_20220518155108.tsx | 16 + .../UI/LinkButton_20220518155950.tsx | 15 + .../UI/LinkButton_20220518163041.tsx | 15 + .../components/UI/Modal_20220531163311.tsx | 0 .../components/UI/Modal_20220531163315.tsx | 16 + .../components/UI/Modal_20220531163323.tsx | 17 + .../components/UI/Modal_20220531163408.tsx | 18 + .../components/UI/Modal_20220531163415.tsx | 18 + .../components/UI/Modal_20220531163419.tsx | 18 + .../components/UI/Modal_20220531163421.tsx | 18 + .../components/UI/Modal_20220531163423.tsx | 18 + .../components/UI/Modal_20220531163425.tsx | 18 + .../components/UI/Modal_20220531163429.tsx | 18 + .../components/UI/Modal_20220531163432.tsx | 18 + .../components/UI/Modal_20220531163434.tsx | 18 + .../components/UI/Modal_20220531163437.tsx | 18 + .../components/UI/Modal_20220531163439.tsx | 18 + .../components/UI/Modal_20220531163441.tsx | 18 + .../components/UI/Modal_20220531163443.tsx | 18 + .../components/UI/Modal_20220531163446.tsx | 18 + .../components/UI/Modal_20220531163448.tsx | 18 + .../components/UI/Modal_20220531163450.tsx | 18 + .../components/UI/Modal_20220531163452.tsx | 18 + .../components/UI/Modal_20220531163454.tsx | 18 + .../components/UI/Modal_20220531163456.tsx | 18 + .../components/UI/Modal_20220531163511.tsx | 20 + .../components/UI/Modal_20220531163514.tsx | 20 + .../components/UI/Modal_20220531163523.tsx | 20 + .../components/UI/Modal_20220531163527.tsx | 20 + .../components/UI/Modal_20220531163528.tsx | 20 + .../components/UI/Modal_20220531163530.tsx | 21 + .../components/UI/Modal_20220531163537.tsx | 21 + .../components/UI/Modal_20220531163540.tsx | 21 + .../components/UI/Modal_20220531163541.tsx | 21 + .../components/UI/Modal_20220531163544.tsx | 21 + .../components/UI/Modal_20220531163550.tsx | 21 + .../components/UI/Modal_20220531163554.tsx | 21 + .../components/UI/Modal_20220531163556.tsx | 21 + .../components/UI/Modal_20220531163600.tsx | 21 + .../components/UI/Modal_20220531163601.tsx | 21 + .../components/UI/Modal_20220531163622.tsx | 21 + .../components/UI/Modal_20220531163624.tsx | 21 + .../components/UI/Modal_20220531163626.tsx | 21 + .../components/UI/Modal_20220531163636.tsx | 21 + .../components/UI/Modal_20220531163651.tsx | 21 + .../components/UI/Modal_20220531163700.tsx | 22 + .../components/UI/Modal_20220531163702.tsx | 23 + .../components/UI/Modal_20220531163714.tsx | 23 + .../components/UI/Modal_20220531163723.tsx | 22 + .../components/UI/Modal_20220531163725.tsx | 21 + .../components/UI/Modal_20220531163727.tsx | 21 + .../components/UI/Modal_20220531163732.tsx | 21 + .../components/UI/Modal_20220531163748.tsx | 21 + .../components/UI/Modal_20220531163834.tsx | 19 + .../components/UI/Modal_20220531164804.tsx | 20 + .../components/UI/Modal_20220531164806.tsx | 20 + .../components/UI/Modal_20220531164808.tsx | 21 + .../components/UI/Modal_20220531164810.tsx | 21 + .../components/UI/Modal_20220531164811.tsx | 21 + .../components/UI/Modal_20220531164821.tsx | 21 + .../components/UI/Modal_20220531165029.tsx | 21 + .../components/UI/Modal_20220531214657.tsx | 21 + .../components/UI/Modal_20220531214747.tsx | 21 + .../components/UI/Modal_20220531214755.tsx | 21 + .../components/UI/Modal_20220531214802.tsx | 21 + .../components/UI/Modal_20220531214807.tsx | 21 + .../components/UI/Modal_20220531214808.tsx | 21 + .../components/UI/Modal_20220531214810.tsx | 21 + .../components/UI/Modal_20220531214815.tsx | 21 + .../components/UI/Modal_20220531215624.tsx | 21 + .../UI/PictureText_20220530185557.tsx | 0 .../UI/PictureText_20220530185603.tsx | 15 + .../UI/PictureText_20220530185607.tsx | 15 + .../UI/PictureText_20220530185618.tsx | 24 + .../UI/PictureText_20220530185630.tsx | 24 + .../UI/PictureText_20220530185642.tsx | 24 + .../UI/PictureText_20220530185646.tsx | 24 + .../UI/PictureText_20220530185647.tsx | 24 + .../UI/PictureText_20220530185651.tsx | 24 + .../UI/PictureText_20220530185655.tsx | 24 + .../UI/PictureText_20220530185701.tsx | 24 + .../UI/PictureText_20220530185708.tsx | 23 + .../UI/PictureText_20220530185719.tsx | 23 + .../UI/PictureText_20220530185723.tsx | 24 + .../UI/PictureText_20220530185728.tsx | 25 + .../UI/PictureText_20220530185735.tsx | 25 + .../UI/PictureText_20220530185740.tsx | 26 + .../UI/PictureText_20220530185742.tsx | 26 + .../UI/PictureText_20220530185750.tsx | 26 + .../UI/PictureText_20220530185754.tsx | 27 + .../UI/PictureText_20220530185756.tsx | 27 + .../UI/PictureText_20220530185759.tsx | 27 + .../UI/PictureText_20220530185800.tsx | 27 + .../UI/PictureText_20220530185931.tsx | 26 + .../UI/PictureText_20220530185935.tsx | 26 + .../UI/PictureText_20220530185936.tsx | 26 + .../UI/PictureText_20220530185938.tsx | 26 + .../UI/PictureText_20220530185940.tsx | 26 + .../UI/PictureText_20220530185944.tsx | 26 + .../UI/PictureText_20220530185945.tsx | 26 + .../UI/PictureText_20220530191651.tsx | 26 + .../UI/PictureText_20220530191652.tsx | 26 + .../UI/PictureText_20220530191653.tsx | 26 + .../UI/PictureText_20220530192338.tsx | 26 + .../UI/PictureText_20220530192339.tsx | 25 + .../UI/PictureText_20220530192342.tsx | 24 + .../UI/RadioButton_20220531215938.tsx | 0 .../UI/RadioButton_20220531215944.tsx | 25 + .../UI/RadioButton_20220531220104.tsx | 27 + .../UI/RadioButton_20220531220108.tsx | 27 + .../UI/RadioButton_20220531220112.tsx | 25 + .../UI/RadioButton_20220531220124.tsx | 33 + .../UI/RadioButton_20220531220241.tsx | 33 + .../UI/RadioButton_20220531220245.tsx | 33 + .../UI/RadioButton_20220531220247.tsx | 33 + .../UI/RadioButton_20220531220311.tsx | 31 + .../UI/RadioButton_20220531220552.tsx | 31 + .../UI/RadioButton_20220531220635.tsx | 31 + .../UI/RadioButton_20220531220640.tsx | 31 + .../UI/RadioButton_20220531220644.tsx | 31 + .../UI/RadioButton_20220531220650.tsx | 31 + .../UI/RadioButton_20220531220705.tsx | 31 + .../UI/RadioButton_20220531220707.tsx | 31 + .../UI/RadioButton_20220531220729.tsx | 32 + .../UI/RadioButton_20220531220733.tsx | 32 + .../UI/RadioButton_20220531220738.tsx | 32 + .../UI/RadioButton_20220531220739.tsx | 32 + .../UI/RadioButton_20220531220741.tsx | 32 + .../UI/RadioButton_20220531220747.tsx | 32 + .../UI/RadioButton_20220531220753.tsx | 34 + .../UI/RadioButton_20220531220758.tsx | 34 + .../UI/RadioButton_20220531220801.tsx | 34 + .../UI/RadioButton_20220531220802.tsx | 34 + .../UI/RadioButton_20220531220808.tsx | 35 + .../UI/RadioButton_20220531220809.tsx | 36 + .../UI/RadioButton_20220531220828.tsx | 36 + .../UI/RadioButton_20220531220832.tsx | 36 + .../UI/RadioButton_20220531220838.tsx | 36 + .../UI/RadioButton_20220531220842.tsx | 36 + .../UI/RadioButton_20220531220856.tsx | 36 + .../UI/RadioButton_20220531220903.tsx | 36 + .../UI/RadioButton_20220531220905.tsx | 36 + .../UI/RadioButton_20220531221105.tsx | 36 + .../UI/RadioButton_20220531221121.tsx | 36 + .../UI/RadioButton_20220531221123.tsx | 36 + .../UI/RadioButton_20220531221131.tsx | 36 + .../UI/RadioButton_20220531221133.tsx | 36 + .../UI/SmallText_20220518155150.tsx | 0 .../UI/SmallText_20220518155208.tsx | 11 + .../UI/SmallText_20220518155233.tsx | 13 + .../components/UI/Title_20220518154600.tsx | 0 .../components/UI/Title_20220518154607.tsx | 11 + .../components/UI/Title_20220518154615.tsx | 15 + .../components/UI/Title_20220518154658.tsx | 13 + .../components/UI/Title_20220518154704.tsx | 13 + .../components/UI/Title_20220520143753.tsx | 13 + .../components/UI/index_20220529001311.ts | 7 + .../components/UI/index_20220529001312.ts | 7 + .../components/UI/index_20220530185810.ts | 8 + .../components/UI/index_20220530185812.ts | 8 + .../components/UI/index_20220530185814.ts | 8 + .../components/UI/index_20220531215520.ts | 9 + .../components/UI/index_20220531215525.ts | 9 + .../components/UI/index_20220531231701.ts | 10 + .../components/UI/index_20220531231703.ts | 10 + .../components/UI/index_20220617191420.ts | 10 + .../function/hashPassword_20220520142020.ts | 0 .../function/hashPassword_20220520142046.ts | 10 + .../function/hashPassword_20220520142150.ts | 10 + .../function/hashPassword_20220520142548.ts | 10 + .../function/hashPassword_20220520142625.ts | 9 + .../function/hashPassword_20220520142810.ts | 9 + .../function/hashPassword_20220520143020.ts | 13 + .../function/hashPassword_20220520143123.ts | 9 + .../function/hashPassword_20220520143229.ts | 9 + .../function/hashPassword_20220520143306.ts | 15 + .../function/hashPassword_20220520143312.ts | 15 + .../function/hashPassword_20220520143329.ts | 15 + .../function/hashPassword_20220520143346.ts | 15 + .../function/hashPassword_20220520143401.ts | 15 + .../function/hashPassword_20220520143407.ts | 16 + .../function/hashPassword_20220520143424.ts | 16 + .../function/hashPassword_20220520143540.ts | 15 + .../function/hashPassword_20220520143557.ts | 15 + .../function/hashPassword_20220520143759.ts | 15 + .../function/hashPassword_20220520143845.ts | 15 + .../function/hashPassword_20220520144158.ts | 15 + .../function/hashPassword_20220520144205.ts | 15 + .../function/hashPassword_20220520144215.ts | 15 + .../function/hashPassword_20220520144227.ts | 15 + .../function/hashPassword_20220520144353.ts | 15 + .../function/hashPassword_20220520144413.ts | 15 + .../function/hashPassword_20220520144534.ts | 10 + .../function/hashPassword_20220520144559.ts | 10 + .../function/hashPassword_20220520144606.ts | 10 + .../function/hashPassword_20220520144632.ts | 8 + .../function/hashPassword_20220520144758.ts | 8 + .../function/hashPassword_20220520144806.ts | 8 + .../admin/function/postData_20220520181446.ts | 0 .../admin/function/postData_20220520181459.ts | 19 + .../admin/function/postData_20220520181921.ts | 20 + .../admin/function/postData_20220520181955.ts | 20 + .../admin/function/postData_20220520182127.ts | 19 + .../admin/function/useToken_20220520191606.ts | 0 .../admin/function/useToken_20220520191615.ts | 16 + .../admin/function/useToken_20220520191707.ts | 16 + .../admin/function/useToken_20220520191812.ts | 16 + .../admin/pages/Root/Main_20220522133602.ts | 0 .../admin/pages/Root/Main_20220522133649.ts | 22 + .../admin/pages/Root/Main_20220522133733.ts | 11 + .../admin/pages/Root/Main_20220522133759.tsx | 14 + .../admin/pages/Root/Main_20220522133800.ts | 14 + .../admin/pages/Root/Main_20220522133815.tsx | 13 + .../admin/pages/Root/Main_20220522133928.tsx | 13 + .../admin/pages/Root/Main_20220522134113.tsx | 13 + .../admin/pages/Root/Main_20220522134427.tsx | 13 + .../admin/pages/Root/Main_20220522134726.tsx | 13 + .../login/EnteringCode_20220518151911.tsx | 0 .../login/EnteringCode_20220518151920.tsx | 32 + .../login/EnteringCode_20220518152116.tsx | 32 + .../login/EnteringCode_20220518153226.tsx | 32 + .../login/EnteringCode_20220518154309.tsx | 32 + .../login/EnteringCode_20220518154538.tsx | 31 + .../login/EnteringCode_20220518154748.tsx | 29 + .../login/EnteringMail_20220518151943.tsx | 0 .../login/EnteringMail_20220518152107.tsx | 42 + .../login/EnteringMail_20220520130828.tsx | 42 + .../pages/login/Entrance_20220520130511.tsx | 0 .../pages/login/Entrance_20220520130523.tsx | 46 + .../pages/login/Entrance_20220520130950.tsx | 46 + .../pages/login/Entrance_20220520133039.tsx | 46 + .../pages/login/Entrance_20220520133133.tsx | 46 + .../pages/login/Entrance_20220520133140.tsx | 46 + .../pages/login/Entrance_20220520133329.tsx | 46 + .../pages/login/Entrance_20220520133352.tsx | 46 + .../pages/login/Entrance_20220520134057.tsx | 46 + .../pages/login/Entrance_20220520135855.tsx | 40 + .../pages/login/Entrance_20220520181434.tsx | 40 + .../pages/login/Entrance_20220520181612.tsx | 41 + .../pages/login/Entrance_20220520181736.tsx | 41 + .../pages/login/Entrance_20220520181842.tsx | 41 + .../pages/login/Entrance_20220520182312.tsx | 42 + .../pages/login/Entrance_20220520182335.tsx | 41 + .../pages/login/Entrance_20220520182338.tsx | 42 + .../pages/login/Entrance_20220520182448.tsx | 43 + .../pages/login/Entrance_20220520191522.tsx | 43 + .../pages/login/Entrance_20220520191848.tsx | 45 + .../pages/login/Entrance_20220520191921.tsx | 45 + .../pages/login/Entrance_20220520191932.tsx | 45 + .../pages/login/Entrance_20220520192005.tsx | 41 + .../pages/login/Entrance_20220521123254.tsx | 41 + .../pages/login/Entrance_20220521123347.tsx | 42 + .../pages/login/Entrance_20220521123433.tsx | 43 + .../pages/login/Entrance_20220521123451.tsx | 43 + .../pages/login/Entrance_20220521123534.tsx | 44 + .../pages/login/Entrance_20220521123616.tsx | 44 + .../pages/login/Entrance_20220521123734.tsx | 45 + .../pages/login/Entrance_20220521123916.tsx | 59 + .../pages/login/Entrance_20220521124051.tsx | 55 + .../pages/login/Entrance_20220521124825.tsx | 56 + .../pages/login/Entrance_20220521124924.tsx | 57 + .../pages/login/Entrance_20220521124955.tsx | 57 + .../pages/login/Entrance_20220521124959.tsx | 57 + .../pages/login/Entrance_20220521125049.tsx | 57 + .../pages/login/Entrance_20220521125223.tsx | 57 + .../pages/login/Entrance_20220521125259.tsx | 57 + .../pages/login/Entrance_20220521125329.tsx | 58 + .../pages/login/Entrance_20220521125349.tsx | 58 + .../pages/login/Entrance_20220521130320.tsx | 58 + .../pages/login/Entrance_20220521130645.tsx | 58 + .../pages/login/Entrance_20220521130833.tsx | 59 + .../pages/login/Entrance_20220521130906.tsx | 59 + .../pages/login/Entrance_20220521130947.tsx | 59 + .../pages/login/Entrance_20220521131025.tsx | 59 + .../pages/login/Entrance_20220521131120.tsx | 60 + .../pages/login/Entrance_20220521131146.tsx | 60 + .../pages/login/Entrance_20220521131228.tsx | 60 + .../pages/login/Entrance_20220521131248.tsx | 60 + .../pages/login/Entrance_20220521131345.tsx | 61 + .../pages/login/Entrance_20220521131359.tsx | 61 + .../pages/login/Entrance_20220521131415.tsx | 63 + .../pages/login/Entrance_20220521131503.tsx | 63 + .../pages/login/Entrance_20220521132632.tsx | 63 + .../pages/login/Entrance_20220521132639.tsx | 63 + .../pages/login/Entrance_20220521132712.tsx | 63 + .../pages/login/Entrance_20220521133204.tsx | 63 + .../pages/login/Entrance_20220521133706.tsx | 64 + .../pages/login/Entrance_20220521133709.tsx | 64 + .../pages/login/Entrance_20220521133738.tsx | 64 + .../pages/login/Entrance_20220521133742.tsx | 64 + .../pages/login/Entrance_20220521133956.tsx | 68 + .../pages/login/Entrance_20220521134011.tsx | 68 + .../pages/login/Entrance_20220521134044.tsx | 68 + .../pages/login/Entrance_20220521134055.tsx | 68 + .../pages/login/Entrance_20220521134110.tsx | 69 + .../pages/login/Entrance_20220521134349.tsx | 69 + .../pages/login/Entrance_20220522073245.tsx | 69 + .../pages/login/Entrance_20220522073434.tsx | 68 + .../pages/login/Entrance_20220522073515.tsx | 68 + .../pages/login/Entrance_20220522073542.tsx | 69 + .../pages/login/Entrance_20220522073956.tsx | 69 + .../pages/login/Entrance_20220522074010.tsx | 69 + .../pages/login/Entrance_20220522074030.tsx | 69 + .../pages/login/Entrance_20220522074120.tsx | 69 + .../pages/login/Entrance_20220522074138.tsx | 69 + .../pages/login/Entrance_20220522074257.tsx | 69 + .../pages/login/Entrance_20220522074307.tsx | 69 + .../pages/login/Entrance_20220522074340.tsx | 69 + .../pages/login/Entrance_20220522074359.tsx | 69 + .../pages/login/Entrance_20220522074417.tsx | 69 + .../pages/login/Entrance_20220522074929.tsx | 77 + .../pages/login/Entrance_20220522075016.tsx | 77 + .../pages/login/Entrance_20220522075038.tsx | 77 + .../pages/login/Entrance_20220522075123.tsx | 77 + .../pages/login/Entrance_20220522075148.tsx | 78 + .../pages/login/Entrance_20220522075439.tsx | 78 + .../pages/login/Entrance_20220522075600.tsx | 82 + .../pages/login/Entrance_20220522075610.tsx | 82 + .../pages/login/Entrance_20220522075637.tsx | 82 + .../pages/login/Entrance_20220522075700.tsx | 82 + .../pages/login/Entrance_20220522075911.tsx | 83 + .../pages/login/Entrance_20220522075919.tsx | 83 + .../pages/login/Entrance_20220522080022.tsx | 83 + .../pages/login/Entrance_20220522080031.tsx | 83 + .../pages/login/Entrance_20220522080050.tsx | 83 + .../pages/login/Entrance_20220522080202.tsx | 83 + .../pages/login/Entrance_20220522080254.tsx | 83 + .../pages/login/Entrance_20220522080327.tsx | 78 + .../pages/login/Entrance_20220522080421.tsx | 76 + .../pages/login/Entrance_20220522080614.tsx | 76 + .../pages/login/Entrance_20220522080648.tsx | 73 + .../pages/login/Entrance_20220522080810.tsx | 71 + .../pages/login/Entrance_20220522080832.tsx | 71 + .../pages/login/Entrance_20220522081104.tsx | 69 + .../pages/login/Entrance_20220522133012.tsx | 69 + .../pages/login/Entrance_20220522133046.tsx | 69 + .../pages/login/Entrance_20220522133121.tsx | 69 + .../pages/login/Entrance_20220522133131.tsx | 69 + .../pages/login/Entrance_20220522133156.tsx | 69 + .../pages/login/Entrance_20220522133235.tsx | 69 + .../pages/login/Entrance_20220523185252.tsx | 68 + .../pages/login/Entrance_20220523185335.tsx | 69 + .../pages/login/Entrance_20220523185350.tsx | 69 + .../pages/login/Entrance_20220523185617.tsx | 69 + .../pages/login/Index_20220518152004.tsx | 0 .../pages/login/Index_20220518152059.tsx | 42 + .../pages/login/Index_20220518154842.tsx | 44 + .../pages/login/Index_20220518155142.tsx | 42 + .../pages/login/Index_20220518155348.tsx | 39 + .../pages/login/Index_20220518155852.tsx | 39 + .../pages/login/Index_20220518155917.tsx | 39 + .../pages/login/Index_20220518160750.tsx | 39 + .../pages/login/Index_20220518161105.tsx | 39 + .../pages/login/Index_20220518161239.tsx | 39 + .../pages/login/Index_20220518161330.tsx | 39 + .../pages/login/Index_20220518161409.tsx | 41 + .../pages/login/Index_20220518161525.tsx | 45 + .../pages/login/Index_20220518162727.tsx | 45 + .../pages/login/Index_20220518162833.tsx | 45 + .../pages/login/Index_20220518163018.tsx | 44 + .../pages/login/Index_20220518163242.tsx | 48 + .../pages/login/Index_20220518163510.tsx | 48 + .../pages/login/Index_20220518163527.tsx | 46 + .../pages/login/Index_20220520130519.tsx | 0 .../pages/login/Index_20220520130556.tsx | 26 + .../pages/login/Index_20220520130622.tsx | 25 + .../pages/login/Index_20220520130709.tsx | 25 + .../pages/login/Index_20220520130726.tsx | 25 + .../pages/login/Index_20220520130848.tsx | 25 + .../pages/login/Index_20220520130904.tsx | 25 + .../pages/login/Index_20220520131056.tsx | 25 + .../pages/login/Index_20220520131131.tsx | 26 + .../pages/login/Index_20220520131142.tsx | 26 + .../pages/login/Index_20220520131153.tsx | 26 + .../pages/login/Index_20220520131157.tsx | 26 + .../pages/login/Index_20220520131241.tsx | 26 + .../admin/pages/login/Index_20220520131342.ts | 0 .../admin/pages/login/Index_20220520131353.ts | 1 + .../admin/pages/login/Index_20220520131422.ts | 1 + .../pages/login/Login_20220520131240.tsx | 26 + .../pages/login/Login_20220520131246.tsx | 26 + .../pages/login/Login_20220520131321.tsx | 25 + .../pages/login/Login_20220520131413.tsx | 25 + .../pages/login/Login_20220520131426.tsx | 25 + .../pages/login/Login_20220520132228.tsx | 25 + .../pages/login/Login_20220522081224.tsx | 26 + .../pages/login/Login_20220522081235.tsx | 26 + .../pages/login/Login_20220522081301.tsx | 28 + .../pages/login/Login_20220522081324.tsx | 28 + .../pages/login/Login_20220522081534.tsx | 28 + .../login/NewPassword_20220518152017.tsx | 0 .../login/NewPassword_20220518152051.tsx | 41 + .../pages/login/useToken_20220518152038.ts | 0 .../pages/login/useToken_20220518152044.ts | 16 + .../customer/Header_20220518151446.tsx | 85 + .../customer/Header_20220518151805.tsx | 85 + .../customer/Header_20220529152930.tsx | 85 + .../customer/Header_20220529152932.tsx | 85 + .../customer/Header_20220529152940.tsx | 85 + .../customer/Header_20220529153057.tsx | 84 + .../customer/Header_20220529153101.tsx | 83 + .../customer/Header_20220529153311.tsx | 43 + .../customer/Header_20220529153322.tsx | 83 + .../customer/Header_20220529153328.tsx | 49 + .../customer/Header_20220529153335.tsx | 83 + .../customer/Header_20220529153339.tsx | 59 + .../customer/Header_20220529153343.tsx | 83 + .../customer/Header_20220529153348.tsx | 72 + .../customer/Header_20220529153350.tsx | 72 + .../customer/Header_20220529153400.tsx | 83 + .../customer/Header_20220529153657.tsx | 72 + .../customer/Header_20220529153704.tsx | 83 + .../customer/Header_20220529153709.tsx | 71 + .../customer/Header_20220529153715.tsx | 83 + .../customer/Header_20220529153717.tsx | 83 + .../customer/Header_20220529153759.tsx | 72 + .../customer/Header_20220529153807.tsx | 83 + .../customer/Header_20220529153808.tsx | 83 + .../customer/Header_20220529155219.tsx | 83 + .../customer/Header_20220529155228.tsx | 83 + .../customer/Header_20220529155230.tsx | 80 + .../customer/Header_20220529155231.tsx | 80 + .../customer/Header_20220529155237.tsx | 83 + .../customer/Header_20220529155241.tsx | 78 + .../customer/Header_20220529155247.tsx | 83 + .../customer/Header_20220529155250.tsx | 76 + .../customer/Header_20220529155251.tsx | 76 + .../customer/Header_20220529155256.tsx | 83 + .../customer/Header_20220529155259.tsx | 75 + .../customer/Header_20220529155306.tsx | 83 + .../customer/Header_20220529155311.tsx | 73 + .../customer/Header_20220529155315.tsx | 83 + .../customer/Header_20220529155319.tsx | 74 + .../customer/Header_20220529155321.tsx | 64 + .../customer/Header_20220529155329.tsx | 57 + .../customer/Header_20220529155335.tsx | 54 + .../customer/Header_20220529155341.tsx | 52 + .../customer/Header_20220529155346.tsx | 50 + .../customer/Header_20220529155352.tsx | 48 + .../customer/Header_20220529155403.tsx | 46 + .../customer/Header_20220529155409.tsx | 44 + .../customer/Header_20220529155423.tsx | 84 + .../customer/Header_20220529155424.tsx | 84 + .../customer/Header_20220529155427.tsx | 85 + .../customer/Header_20220529155432.tsx | 84 + .../customer/Header_20220529155436.tsx | 83 + .../customer/Header_20220529155443.tsx | 83 + .../customer/Header_20220529155445.tsx | 83 + .../customer/Header_20220529155451.tsx | 83 + .../customer/Header_20220529155625.tsx | 83 + .../customer/Header_20220529155651.tsx | 83 + .../customer/Header_20220529155657.tsx | 83 + .../customer/Header_20220529155705.tsx | 83 + .../customer/Header_20220529155714.tsx | 83 + .../customer/Header_20220529155854.tsx | 81 + .../customer/Header_20220529155900.tsx | 83 + .../customer/Header_20220529155903.tsx | 83 + .../customer/Header_20220529155910.tsx | 83 + .../customer/Header_20220529160110.tsx | 83 + .../customer/Header_20220529160112.tsx | 83 + .../customer/Header_20220529160624.tsx | 83 + .../customer/Header_20220529160630.tsx | 83 + .../customer/Header_20220529160632.tsx | 83 + .../customer/Header_20220529160642.tsx | 83 + .../customer/Header_20220529160646.tsx | 83 + .../customer/Header_20220529160653.tsx | 83 + .../customer/Header_20220529160659.tsx | 83 + .../customer/Header_20220529160718.tsx | 83 + .../customer/Header_20220529160720.tsx | 83 + .../customer/Header_20220529160723.tsx | 83 + .../customer/Header_20220529160724.tsx | 83 + .../customer/Header_20220529160725.tsx | 83 + .../customer/Header_20220529160852.tsx | 84 + .../customer/Header_20220529160855.tsx | 85 + .../customer/Header_20220529160858.tsx | 85 + .../customer/Header_20220529160900.tsx | 85 + .../customer/Header_20220529160901.tsx | 85 + .../customer/Header_20220529160903.tsx | 86 + .../customer/Header_20220529160906.tsx | 86 + .../customer/Header_20220529160908.tsx | 86 + .../customer/Header_20220529160909.tsx | 86 + .../customer/Header_20220529160914.tsx | 86 + .../customer/Header_20220529160916.tsx | 86 + .../customer/Header_20220529160917.tsx | 86 + .../customer/Header_20220529160920.tsx | 86 + .../customer/Header_20220529160923.tsx | 86 + .../customer/Header_20220529160931.tsx | 86 + .../customer/Header_20220529160934.tsx | 86 + .../customer/Header_20220529161109.tsx | 94 + .../customer/Header_20220529161125.tsx | 95 + .../customer/Header_20220529161127.tsx | 107 + .../customer/Header_20220529161142.tsx | 107 + .../customer/Header_20220529161147.tsx | 107 + .../customer/Header_20220529161203.tsx | 107 + .../customer/Header_20220529161210.tsx | 104 + .../customer/Header_20220529161333.tsx | 97 + .../customer/Header_20220529161339.tsx | 86 + .../customer/Header_20220529161341.tsx | 86 + .../customer/Header_20220529161431.tsx | 86 + .../customer/Header_20220529161434.tsx | 86 + .../customer/Header_20220529161436.tsx | 86 + .../customer/Header_20220529161440.tsx | 88 + .../customer/Header_20220529161443.tsx | 88 + .../customer/Header_20220529161447.tsx | 90 + .../customer/Header_20220529161450.tsx | 90 + .../customer/Header_20220529161454.tsx | 90 + .../customer/Header_20220529161500.tsx | 90 + .../customer/Header_20220529161502.tsx | 91 + .../customer/Header_20220529161512.tsx | 92 + .../customer/Header_20220529161516.tsx | 92 + .../customer/Header_20220529161519.tsx | 92 + .../customer/Header_20220529161521.tsx | 92 + .../customer/Header_20220529161532.tsx | 92 + .../customer/Header_20220529161537.tsx | 92 + .../customer/Header_20220529161539.tsx | 92 + .../customer/Header_20220529161645.tsx | 92 + .../customer/Header_20220529161648.tsx | 92 + .../customer/Header_20220529161706.tsx | 92 + .../customer/Header_20220529161714.tsx | 92 + .../customer/Header_20220530165226.tsx | 92 + .../customer/Header_20220530165229.tsx | 92 + .../customer/Header_20220530165233.tsx | 92 + .../customer/Header_20220530165236.tsx | 92 + .../customer/Header_20220530165237.tsx | 92 + .../customer/Header_20220530165443.tsx | 92 + .../customer/Header_20220530165447.tsx | 92 + .../customer/Header_20220530165455.tsx | 92 + .../customer/Header_20220530165511.tsx | 92 + .../customer/Header_20220530165514.tsx | 92 + .../customer/Header_20220530165521.tsx | 90 + .../customer/Header_20220530165524.tsx | 89 + .../customer/Header_20220530165529.tsx | 89 + .../customer/Header_20220530175306.tsx | 89 + .../customer/Header_20220530175315.tsx | 88 + .../customer/Header_20220530175916.tsx | 87 + .../customer/Header_20220530175929.tsx | 87 + .../customer/Header_20220530175933.tsx | 87 + .../customer/Header_20220530175935.tsx | 87 + .../customer/Header_20220530175936.tsx | 87 + .../customer/Header_20220530175948.tsx | 87 + .../customer/Header_20220530175953.tsx | 87 + .../customer/Header_20220530175958.tsx | 87 + .../customer/Header_20220530180000.tsx | 87 + .../customer/Header_20220530180002.tsx | 87 + .../customer/Header_20220530180003.tsx | 87 + .../customer/Header_20220530180005.tsx | 87 + .../customer/Header_20220530180008.tsx | 87 + .../customer/Header_20220530180010.tsx | 87 + .../customer/Header_20220530180106.tsx | 83 + .../customer/Header_20220530180109.tsx | 87 + .../customer/Header_20220530180112.tsx | 87 + .../customer/Header_20220530180114.tsx | 87 + .../customer/Header_20220530180224.tsx | 88 + .../customer/Header_20220530180226.tsx | 88 + .../customer/Header_20220530180228.tsx | 88 + .../customer/Header_20220530180229.tsx | 89 + .../customer/Header_20220530180231.tsx | 89 + .../customer/Header_20220530180234.tsx | 89 + .../customer/Header_20220530180244.tsx | 89 + .../customer/Header_20220530180245.tsx | 89 + .../customer/Header_20220530180248.tsx | 89 + .../customer/Header_20220530180249.tsx | 89 + .../customer/Header_20220530182258.tsx | 90 + .../customer/Header_20220530182300.tsx | 90 + .../customer/Header_20220530182302.tsx | 89 + .../customer/Header_20220530182724.tsx | 89 + .../customer/Header_20220530182729.tsx | 89 + .../customer/Header_20220530182732.tsx | 89 + .../customer/Header_20220530182733.tsx | 89 + .../customer/Header_20220530183415.tsx | 89 + .../customer/Header_20220530183817.tsx | 89 + .../customer/Header_20220530183822.tsx | 89 + .../customer/Header_20220530183823.tsx | 89 + .../Description_20220530190937.tsx | 43 + .../Description_20220531162101.tsx | 43 + .../block/Pizza/Pizza_20220529151345.tsx | 56 + .../block/Pizza/Pizza_20220531162101.tsx | 56 + .../Categories/Categories_20220528175029.tsx | 0 .../Categories/Categories_20220528175234.tsx | 26 + .../Categories/Categories_20220528175311.tsx | 18 + .../Categories/Categories_20220528175856.tsx | 20 + .../Categories/Categories_20220528224149.tsx | 16 + .../Categories/Categories_20220528224224.tsx | 16 + .../Categories/Categories_20220528224233.tsx | 17 + .../Categories/Categories_20220528224355.tsx | 17 + .../Categories/Categories_20220528230021.tsx | 17 + .../Categories/Skeleton_20220528175037.tsx | 0 .../Categories/Skeleton_20220528175118.tsx | 14 + .../Categories/Skeleton_20220528234710.tsx | 14 + .../Categories/Skeleton_20220528234713.tsx | 14 + .../Categories/Skeleton_20220528234717.tsx | 14 + .../Categories/Skeleton_20220528234719.tsx | 14 + .../Categories/Skeleton_20220528234723.tsx | 14 + .../Categories/Skeleton_20220528234725.tsx | 14 + .../Categories/Skeleton_20220528235052.tsx | 14 + .../block/Categories/index_20220530190145.ts | 0 .../block/Categories/index_20220530190154.ts | 1 + .../block/Categories/index_20220530190157.ts | 2 + .../block/Categories/index_20220530190201.ts | 2 + .../block/Categories/index_20220530190202.ts | 2 + .../DeliveryArea_20220531160802.tsx | 0 .../DeliveryArea_20220531160828.tsx | 18 + .../DeliveryArea_20220531160837.tsx | 18 + .../DeliveryArea_20220531160842.tsx | 15 + .../DeliveryArea_20220531160848.tsx | 8 + .../DeliveryArea_20220531160851.tsx | 8 + .../DeliveryArea_20220531160901.tsx | 8 + .../DeliveryArea_20220531160904.tsx | 8 + .../DeliveryArea_20220531160905.tsx | 8 + .../DeliveryArea_20220531160908.tsx | 8 + .../DeliveryArea_20220531160917.tsx | 11 + .../DeliveryArea_20220531160922.tsx | 12 + .../DeliveryArea_20220531160924.tsx | 12 + .../DeliveryArea_20220531160927.tsx | 13 + .../DeliveryArea_20220531160929.tsx | 13 + .../DeliveryArea_20220531160933.tsx | 13 + .../DeliveryArea_20220531160934.tsx | 13 + .../DeliveryArea_20220531160935.tsx | 13 + .../DeliveryArea_20220531160937.tsx | 13 + .../DeliveryArea_20220531161030.tsx | 13 + .../DeliveryArea_20220531161031.tsx | 13 + .../DeliveryArea_20220531161032.tsx | 13 + .../DeliveryArea_20220531161035.tsx | 12 + .../DeliveryArea_20220531161359.tsx | 12 + .../DeliveryArea_20220531161402.tsx | 12 + .../DeliveryArea/index_20220531160748.ts | 0 .../DeliveryArea/index_20220531160812.ts | 1 + .../DeliveryArea/index_20220531160819.ts | 1 + .../DeliveryArea/index_20220531160820.ts | 1 + .../Description_20220530184318.tsx | 0 .../Description_20220530184328.tsx | 15 + .../Description_20220530184337.tsx | 15 + .../Description_20220530184343.tsx | 15 + .../Description_20220530184345.tsx | 15 + .../Description_20220530184348.tsx | 15 + .../Description_20220530184349.tsx | 15 + .../Description_20220530184402.tsx | 42 + .../Description_20220530184410.tsx | 40 + .../Description_20220530184951.tsx | 41 + .../Description_20220530184955.tsx | 41 + .../Description_20220530184959.tsx | 41 + .../Description_20220530185002.tsx | 41 + .../Description_20220530185007.tsx | 41 + .../Description_20220530185012.tsx | 41 + .../Description_20220530185014.tsx | 41 + .../Description_20220530185020.tsx | 41 + .../Description_20220530185031.tsx | 41 + .../Description_20220530185145.tsx | 42 + .../Description_20220530185400.tsx | 42 + .../Description_20220530185405.tsx | 42 + .../Description_20220530185407.tsx | 42 + .../Description_20220530185409.tsx | 42 + .../Description_20220530185411.tsx | 42 + .../Description_20220530185415.tsx | 42 + .../Description_20220530185417.tsx | 42 + .../Description_20220530185425.tsx | 42 + .../Description_20220530185427.tsx | 42 + .../Description_20220530185428.tsx | 42 + .../Description_20220530185434.tsx | 42 + .../Description_20220530185437.tsx | 42 + .../Description_20220530185440.tsx | 42 + .../Description_20220530185445.tsx | 42 + .../Description_20220530185503.tsx | 42 + .../Description_20220530185509.tsx | 42 + .../Description_20220530185515.tsx | 42 + .../Description_20220530185517.tsx | 42 + .../Description_20220530185518.tsx | 42 + .../Description_20220530185519.tsx | 42 + .../Description_20220530185523.tsx | 42 + .../Description_20220530185525.tsx | 42 + .../Description_20220530185527.tsx | 42 + .../Description_20220530185529.tsx | 42 + .../Description_20220530185531.tsx | 42 + .../Description_20220530185820.tsx | 43 + .../Description_20220530185821.tsx | 43 + .../Description_20220530185825.tsx | 43 + .../Description_20220530185829.tsx | 43 + .../Description_20220530185832.tsx | 43 + .../Description_20220530185838.tsx | 43 + .../Description_20220530185839.tsx | 43 + .../Description_20220530185844.tsx | 43 + .../Description_20220530185846.tsx | 43 + .../Description_20220530185847.tsx | 43 + .../Description_20220530185901.tsx | 43 + .../Description_20220530185902.tsx | 43 + .../Description_20220530185905.tsx | 43 + .../Description_20220530185911.tsx | 43 + .../Description_20220530185912.tsx | 43 + .../Description_20220530185913.tsx | 43 + .../Description_20220530185952.tsx | 43 + .../Description_20220530190924.tsx | 43 + .../Description_20220530190927.tsx | 43 + .../Description_20220530190928.tsx | 43 + .../Description_20220530190931.tsx | 43 + .../Description_20220530190932.tsx | 43 + .../Description_20220530190938.tsx | 43 + .../block/Description/index_20220530190224.ts | 0 .../block/Description/index_20220530190229.ts | 1 + .../block/Description/index_20220530190230.ts | 1 + .../block/Description/index_20220530190234.ts | 1 + .../block/Footer/FooterNav_20220530193614.tsx | 38 + .../block/Footer/FooterNav_20220531133717.tsx | 38 + .../block/Footer/FooterNav_20220531133720.tsx | 38 + .../block/Footer/FooterNav_20220531133724.tsx | 38 + .../block/Footer/FooterNav_20220531133727.tsx | 38 + .../block/Footer/FooterNav_20220531133731.tsx | 38 + .../block/Footer/FooterNav_20220531133736.tsx | 38 + .../block/Footer/FooterNav_20220531134138.tsx | 38 + .../block/Footer/FooterNav_20220531134139.tsx | 38 + .../block/Footer/FooterNav_20220531134204.tsx | 38 + .../block/Footer/FooterNav_20220531134207.tsx | 38 + .../block/Footer/FooterNav_20220531134213.tsx | 38 + .../block/Footer/FooterNav_20220531141333.tsx | 38 + .../block/Footer/FooterNav_20220531141354.tsx | 38 + .../block/Footer/FooterNav_20220531141404.tsx | 38 + .../block/Footer/FooterNav_20220531141405.tsx | 38 + .../block/Footer/FooterNav_20220531141412.tsx | 38 + .../block/Footer/FooterNav_20220531141414.tsx | 38 + .../block/Footer/FooterNav_20220531141416.tsx | 38 + .../block/Footer/FooterNav_20220531141417.tsx | 38 + .../block/Footer/FooterNav_20220531141419.tsx | 38 + .../block/Footer/FooterNav_20220531143011.tsx | 38 + .../block/Footer/FooterNav_20220531143039.tsx | 38 + .../block/Footer/FooterNav_20220531143040.tsx | 38 + .../block/Footer/FooterNav_20220531143044.tsx | 38 + .../block/Footer/FooterNav_20220531143052.tsx | 38 + .../block/Footer/FooterNav_20220531145326.tsx | 39 + .../block/Footer/FooterNav_20220531145329.tsx | 39 + .../block/Footer/FooterNav_20220531145332.tsx | 39 + .../block/Footer/FooterNav_20220531145335.tsx | 39 + .../block/Footer/FooterNav_20220531145337.tsx | 39 + .../block/Footer/FooterNav_20220531145339.tsx | 39 + .../block/Footer/FooterNav_20220531145341.tsx | 40 + .../block/Footer/FooterNav_20220531151045.tsx | 39 + .../block/Footer/FooterNav_20220531151046.tsx | 39 + .../block/Footer/Footer_20220530192753.tsx | 0 .../block/Footer/Footer_20220530192833.tsx | 23 + .../block/Footer/Footer_20220530192849.tsx | 25 + .../block/Footer/Footer_20220530192850.tsx | 39 + .../block/Footer/Footer_20220530192858.tsx | 38 + .../block/Footer/Footer_20220530192900.tsx | 36 + .../block/Footer/Footer_20220530192906.tsx | 20 + .../block/Footer/Footer_20220530192910.tsx | 31 + .../block/Footer/Footer_20220530192914.tsx | 31 + .../block/Footer/Footer_20220530192917.tsx | 23 + .../block/Footer/Footer_20220530192923.tsx | 23 + .../block/Footer/Footer_20220530192925.tsx | 23 + .../block/Footer/Footer_20220530192939.tsx | 24 + .../block/Footer/Footer_20220530192945.tsx | 24 + .../block/Footer/Footer_20220530192949.tsx | 24 + .../block/Footer/Footer_20220530192951.tsx | 24 + .../block/Footer/Footer_20220530192958.tsx | 24 + .../block/Footer/Footer_20220530193002.tsx | 24 + .../block/Footer/Footer_20220530193004.tsx | 24 + .../block/Footer/Footer_20220530193006.tsx | 24 + .../block/Footer/Footer_20220530193010.tsx | 24 + .../block/Footer/Footer_20220530193012.tsx | 24 + .../block/Footer/Footer_20220530193024.tsx | 24 + .../block/Footer/Nav_20220530192759.tsx | 0 .../block/Footer/Nav_20220530193033.tsx | 40 + .../block/Footer/Nav_20220530193047.tsx | 40 + .../block/Footer/Nav_20220530193050.tsx | 40 + .../block/Footer/Nav_20220530193054.tsx | 40 + .../block/Footer/Nav_20220530193055.tsx | 40 + .../block/Footer/Nav_20220530193102.tsx | 39 + .../block/Footer/Nav_20220530193103.tsx | 38 + .../block/Footer/Nav_20220530193105.tsx | 38 + .../block/Footer/Nav_20220530193119.tsx | 38 + .../block/Footer/Nav_20220530193120.tsx | 38 + .../block/Footer/Nav_20220530193611.tsx | 38 + .../block/Footer/Nav_20220530193613.tsx | 38 + .../block/Footer/Nav_20220530193615.tsx | 38 + .../block/Footer/index_20220530192805.ts | 0 .../block/Footer/index_20220530192813.ts | 1 + .../block/Footer/index_20220530192823.ts | 2 + .../block/Footer/index_20220530193832.ts | 2 + .../block/Header/Header_20220530183822.tsx | 89 + .../block/Header/Header_20220530192632.tsx | 89 + .../block/Header/Header_20220530192635.tsx | 89 + .../block/Header/index_20220530192614.ts | 0 .../block/Header/index_20220530192618.ts | 1 + .../block/Header/index_20220530192623.ts | 1 + .../block/Motto/Index_20220528173552.ts | 0 .../block/Motto/Index_20220528173621.ts | 18 + .../block/Motto/Index_20220528173742.ts | 16 + .../block/Motto/Index_20220528174044.ts | 16 + .../block/Motto/Index_20220528174110.ts | 15 + .../block/Motto/Index_20220528174158.ts | 19 + .../block/Motto/Index_20220528174301.ts | 18 + .../block/Motto/Index_20220528174356.ts | 18 + .../block/Motto/Index_20220528174449.ts | 18 + .../block/Motto/Index_20220528174535.tsx | 18 + .../block/Motto/Index_20220528174536.ts | 18 + .../block/Motto/Index_20220528174550.tsx | 18 + .../block/Motto/Index_20220528233516.tsx | 18 + .../block/Motto/Index_20220528233557.tsx | 18 + .../block/Motto/Index_20220528233621.tsx | 18 + .../block/Motto/Index_20220528233637.tsx | 18 + .../block/Motto/Index_20220528233638.tsx | 18 + .../block/Motto/Index_20220528233640.tsx | 18 + .../block/Motto/Index_20220528233642.tsx | 18 + .../block/Motto/Index_20220528233651.tsx | 18 + .../block/Motto/Index_20220528233654.tsx | 18 + .../block/Motto/Index_20220528234122.tsx | 18 + .../block/Motto/Index_20220528234126.tsx | 18 + .../block/Motto/Index_20220529143929.tsx | 18 + .../block/Motto/Index_20220529143930.tsx | 18 + .../block/Motto/Index_20220529143933.tsx | 17 + .../block/Motto/Index_20220529143935.tsx | 17 + .../block/Motto/Index_20220529143940.tsx | 17 + .../block/Motto/Index_20220529143941.tsx | 17 + .../block/Motto/Index_20220529143944.tsx | 17 + .../block/Motto/Index_20220529143945.tsx | 16 + .../block/Motto/Index_20220529143946.tsx | 16 + .../block/Motto/Index_20220529144402.tsx | 17 + .../block/Motto/Index_20220529144408.tsx | 17 + .../block/Motto/Index_20220529144413.tsx | 18 + .../block/Motto/Index_20220529144415.tsx | 18 + .../block/Motto/Index_20220529144418.tsx | 18 + .../block/Motto/Index_20220529144420.tsx | 18 + .../block/Motto/Index_20220529144847.tsx | 14 + .../block/Motto/Index_20220529144848.tsx | 18 + .../block/Motto/Index_20220529144904.tsx | 18 + .../block/Motto/Index_20220529144907.tsx | 18 + .../block/Motto/Index_20220529144908.tsx | 18 + .../block/Motto/Index_20220529144910.tsx | 18 + .../block/Pizza/Block_20220529134947.tsx | 57 + .../block/Pizza/Block_20220529151154.tsx | 57 + .../block/Pizza/Block_20220529151209.tsx | 57 + .../block/Pizza/Block_20220529151211.tsx | 57 + .../block/Pizza/Block_20220529151214.tsx | 57 + .../block/Pizza/Block_20220529151217.tsx | 57 + .../block/Pizza/Block_20220529151220.tsx | 57 + .../block/Pizza/Block_20220529151304.tsx | 57 + .../block/Pizza/Block_20220529151317.tsx | 57 + .../block/Pizza/Block_20220529151321.tsx | 57 + .../block/Pizza/Block_20220529151346.tsx | 56 + .../block/Pizza/Skeleton_20220516232835.tsx | 19 + .../block/Pizza/Skeleton_20220529145237.tsx | 19 + .../block/Pizza/Skeleton_20220529145240.tsx | 19 + .../block/Pizza/Skeleton_20220529150155.tsx | 19 + .../block/Pizza/Skeleton_20220529150210.tsx | 20 + .../block/Pizza/Skeleton_20220529150555.tsx | 19 + .../block/Pizza/Skeleton_20220529150600.tsx | 18 + .../block/Pizza/Skeleton_20220529150630.tsx | 18 + .../block/Pizza/Skeleton_20220529150634.tsx | 18 + .../block/Pizza/Skeleton_20220529150636.tsx | 18 + .../block/Pizza/Skeleton_20220529150640.tsx | 18 + .../block/Pizza/Skeleton_20220529150644.tsx | 18 + .../block/Pizza/Skeleton_20220529150649.tsx | 18 + .../block/Pizza/Skeleton_20220529150720.tsx | 18 + .../block/Pizza/Skeleton_20220529150737.tsx | 18 + .../block/Pizza/Skeleton_20220529150743.tsx | 18 + .../block/Pizza/Skeleton_20220529150747.tsx | 18 + .../block/Pizza/Skeleton_20220529150801.tsx | 18 + .../block/Pizza/index_20220518134249.tsx | 98 + .../block/Pizza/index_20220518152148.tsx | 98 + .../block/Pizza/index_20220518152154.tsx | 98 + .../block/Pizza/index_20220529000252.tsx | 100 + .../block/Pizza/index_20220529000308.tsx | 78 + .../block/Pizza/index_20220529000312.tsx | 78 + .../block/Pizza/index_20220529000314.tsx | 78 + .../block/Pizza/index_20220529000324.tsx | 78 + .../block/Pizza/index_20220529000348.tsx | 75 + .../block/Pizza/index_20220529000351.tsx | 74 + .../block/Pizza/index_20220529000355.tsx | 74 + .../block/Pizza/index_20220529000357.tsx | 73 + .../block/Pizza/index_20220529000358.tsx | 72 + .../block/Pizza/index_20220529000414.tsx | 67 + .../block/Pizza/index_20220529000419.tsx | 53 + .../block/Pizza/index_20220529000436.tsx | 67 + .../block/Pizza/index_20220529000437.tsx | 66 + .../block/Pizza/index_20220529000443.tsx | 57 + .../block/Pizza/index_20220529000449.tsx | 57 + .../block/Pizza/index_20220529000451.tsx | 57 + .../block/Pizza/index_20220529000452.tsx | 57 + .../block/Pizza/index_20220529000502.tsx | 57 + .../block/Pizza/index_20220529000503.tsx | 57 + .../block/Pizza/index_20220529000511.tsx | 58 + .../block/Pizza/index_20220529000512.tsx | 58 + .../block/Pizza/index_20220529000518.tsx | 59 + .../block/Pizza/index_20220529000519.tsx | 59 + .../block/Pizza/index_20220529000521.tsx | 59 + .../block/Pizza/index_20220529000526.tsx | 59 + .../block/Pizza/index_20220529000528.tsx | 59 + .../block/Pizza/index_20220529000530.tsx | 59 + .../block/Pizza/index_20220529000534.tsx | 59 + .../block/Pizza/index_20220529000542.tsx | 59 + .../block/Pizza/index_20220529000544.tsx | 59 + .../block/Pizza/index_20220529000554.tsx | 59 + .../block/Pizza/index_20220529000600.tsx | 59 + .../block/Pizza/index_20220529000602.tsx | 59 + .../block/Pizza/index_20220529000607.tsx | 59 + .../block/Pizza/index_20220529000611.tsx | 59 + .../block/Pizza/index_20220529000613.tsx | 59 + .../block/Pizza/index_20220529000616.tsx | 59 + .../block/Pizza/index_20220529000618.tsx | 59 + .../block/Pizza/index_20220529000628.tsx | 59 + .../block/Pizza/index_20220529000632.tsx | 59 + .../block/Pizza/index_20220529000635.tsx | 59 + .../block/Pizza/index_20220529000639.tsx | 59 + .../block/Pizza/index_20220529000643.tsx | 59 + .../block/Pizza/index_20220529000834.tsx | 58 + .../block/Pizza/index_20220529000840.tsx | 59 + .../block/Pizza/index_20220529000845.tsx | 59 + .../block/Pizza/index_20220529000846.tsx | 59 + .../block/Pizza/index_20220529000849.tsx | 59 + .../block/Pizza/index_20220529000853.tsx | 59 + .../block/Pizza/index_20220529000900.tsx | 59 + .../block/Pizza/index_20220529000903.tsx | 59 + .../block/Pizza/index_20220529000917.tsx | 59 + .../block/Pizza/index_20220529000919.tsx | 59 + .../block/Pizza/index_20220529000934.tsx | 59 + .../block/Pizza/index_20220529000937.tsx | 58 + .../block/Pizza/index_20220529000947.tsx | 58 + .../block/Pizza/index_20220529000953.tsx | 59 + .../block/Pizza/index_20220529001003.tsx | 60 + .../block/Pizza/index_20220529001010.tsx | 60 + .../block/Pizza/index_20220529001031.tsx | 58 + .../block/Pizza/index_20220529001035.tsx | 57 + .../block/Pizza/index_20220529001038.tsx | 56 + .../block/Pizza/index_20220529001047.tsx | 56 + .../block/Pizza/index_20220529001103.tsx | 56 + .../block/Pizza/index_20220529001105.tsx | 56 + .../block/Pizza/index_20220529001110.tsx | 56 + .../block/Pizza/index_20220529001326.tsx | 56 + .../block/Pizza/index_20220529001440.tsx | 56 + .../block/Pizza/index_20220529001441.tsx | 56 + .../block/Pizza/index_20220529001455.tsx | 57 + .../block/Pizza/index_20220529001503.tsx | 57 + .../block/Pizza/index_20220529001506.tsx | 56 + .../block/Pizza/index_20220529001508.tsx | 57 + .../block/Pizza/index_20220529001512.tsx | 57 + .../block/Pizza/index_20220529001515.tsx | 57 + .../block/Pizza/index_20220529001531.tsx | 57 + .../block/Pizza/index_20220529001532.tsx | 57 + .../block/Pizza/index_20220529004227.tsx | 57 + .../block/Pizza/index_20220529004235.tsx | 57 + .../block/Pizza/index_20220529004237.tsx | 57 + .../block/Pizza/index_20220529004239.tsx | 57 + .../block/Pizza/index_20220529004410.tsx | 57 + .../block/Pizza/index_20220529004411.tsx | 57 + .../block/Pizza/index_20220529004525.tsx | 51 + .../block/Pizza/index_20220529004546.tsx | 57 + .../block/Pizza/index_20220529004954.tsx | 57 + .../block/Pizza/index_20220529004955.tsx | 57 + .../block/Pizza/index_20220529004957.tsx | 57 + .../block/Pizza/index_20220529005002.tsx | 57 + .../block/Pizza/index_20220529005004.tsx | 57 + .../block/Pizza/index_20220529005007.tsx | 57 + .../block/Pizza/index_20220529005050.tsx | 57 + .../block/Pizza/index_20220529005137.tsx | 57 + .../block/Pizza/index_20220529005156.tsx | 57 + .../block/Pizza/index_20220529005158.tsx | 57 + .../block/Pizza/index_20220529005159.tsx | 57 + .../block/Pizza/index_20220529134938.tsx | 57 + .../block/Pizza/index_20220529134948.tsx | 57 + .../block/Pizza/index_20220529145330.ts | 0 .../block/Pizza/index_20220529145334.ts | 1 + .../block/Pizza/index_20220529145344.ts | 2 + .../block/Pizza/index_20220529145347.ts | 1 + .../block/Pizza/index_20220529145352.ts | 1 + .../block/Pizza/index_20220529145355.ts | 1 + .../block/Pizza/index_20220529145401.ts | 2 + .../block/Pizza/index_20220529145403.ts | 2 + .../block/Pizza/index_20220530184305.ts | 2 + .../block/Stock/index_20220517170803.ts | 1 + .../block/Stock/index_20220530190607.ts | 2 + .../block/Stock/index_20220530190609.ts | 2 + .../block/Stock/index_20220530190610.ts | 2 + .../customer/block/index_20220530190021.ts | 0 .../customer/block/index_20220530190112.ts | 1 + .../customer/block/index_20220530190116.ts | 1 + .../customer/block/index_20220530190117.ts | 1 + .../customer/block/index_20220530190122.ts | 1 + .../customer/block/index_20220530190127.ts | 1 + .../customer/block/index_20220530190129.ts | 1 + .../customer/block/index_20220530190140.ts | 1 + .../customer/block/index_20220530190209.ts | 1 + .../customer/block/index_20220530190213.ts | 2 + .../customer/block/index_20220530190216.ts | 2 + .../customer/block/index_20220530190239.ts | 3 + .../customer/block/index_20220530190245.ts | 3 + .../customer/block/index_20220530190246.ts | 3 + .../customer/block/index_20220530190251.ts | 3 + .../customer/block/index_20220530190316.ts | 3 + .../customer/block/index_20220530190322.ts | 4 + .../customer/block/index_20220530190325.ts | 4 + .../customer/block/index_20220530190333.ts | 5 + .../customer/block/index_20220530190334.ts | 5 + .../customer/block/index_20220530190339.ts | 5 + .../customer/block/index_20220530192646.ts | 6 + .../customer/block/index_20220530192652.ts | 6 + .../customer/block/index_20220530192653.ts | 6 + .../customer/block/index_20220530193131.ts | 7 + .../customer/block/index_20220530193134.ts | 7 + .../customer/block/index_20220530193137.ts | 7 + .../customer/block/index_20220531160959.ts | 8 + .../customer/block/index_20220531161002.ts | 8 + .../containers/Box_20220529001940.tsx | 0 .../containers/Box_20220529001947.tsx | 12 + .../containers/Box_20220529001949.tsx | 12 + .../containers/Box_20220529002027.tsx | 13 + .../containers/Box_20220529002029.tsx | 15 + .../containers/Box_20220529002041.tsx | 13 + .../containers/Box_20220529002044.tsx | 13 + .../containers/Box_20220529002046.tsx | 16 + .../containers/Box_20220529002049.tsx | 15 + .../containers/Box_20220529002052.tsx | 15 + .../containers/Box_20220529002054.tsx | 15 + .../containers/Box_20220529002057.tsx | 15 + .../containers/Box_20220529002104.tsx | 15 + .../containers/Box_20220529002105.tsx | 15 + .../containers/Box_20220529002128.tsx | 16 + .../containers/Box_20220529002149.tsx | 16 + .../containers/Box_20220529002157.tsx | 16 + .../containers/Box_20220529002159.tsx | 16 + .../containers/Box_20220529002202.tsx | 15 + .../containers/Box_20220529002203.tsx | 15 + .../ContainerInside_20220530185312.tsx | 0 .../ContainerInside_20220530185321.tsx | 15 + .../ContainerInside_20220530185325.tsx | 15 + .../ContainerInside_20220530185335.tsx | 15 + .../ContainerInside_20220530185338.tsx | 14 + .../ContainerInside_20220530185340.tsx | 14 + .../ContainerInside_20220530185451.tsx | 13 + .../ContainerInside_20220530185454.tsx | 13 + .../ContainerTitle_20220530184604.tsx | 0 .../ContainerTitle_20220530184610.tsx | 19 + .../ContainerTitle_20220530184712.tsx | 21 + .../ContainerTitle_20220530184723.tsx | 21 + .../ContainerTitle_20220530184730.tsx | 21 + .../ContainerTitle_20220530184733.tsx | 21 + .../ContainerTitle_20220530184738.tsx | 21 + .../ContainerTitle_20220530184740.tsx | 21 + .../ContainerTitle_20220530184743.tsx | 21 + .../ContainerTitle_20220530184745.tsx | 19 + .../ContainerTitle_20220530184756.tsx | 19 + .../ContainerTitle_20220530184803.tsx | 19 + .../ContainerTitle_20220530184822.tsx | 19 + .../ContainerTitle_20220530184827.tsx | 19 + .../ContainerTitle_20220530184831.tsx | 17 + .../ContainerTitle_20220530184834.tsx | 16 + .../ContainerTitle_20220530184838.tsx | 11 + .../ContainerTitle_20220530184840.tsx | 17 + .../ContainerTitle_20220530184842.tsx | 16 + .../ContainerTitle_20220530184902.tsx | 16 + .../ContainerTitle_20220530184906.tsx | 16 + .../ContainerTitle_20220530184908.tsx | 16 + .../ContainerTitle_20220530185043.tsx | 15 + .../ContainerTitle_20220530185109.tsx | 15 + .../ContainerTitle_20220530185110.tsx | 15 + .../ContainerTitle_20220530185111.tsx | 15 + .../containers/index_20220517162153.ts | 1 + .../containers/index_20220530184918.ts | 2 + .../containers/index_20220530184919.ts | 2 + .../containers/index_20220530184921.ts | 2 + .../containers/index_20220530184925.ts | 2 + .../containers/index_20220530184926.ts | 2 + .../containers/index_20220530184929.ts | 2 + .../containers/index_20220530184931.ts | 2 + .../containers/index_20220530185348.ts | 3 + .../containers/index_20220530185350.ts | 3 + .../containers/index_20220530185352.ts | 3 + .../containers/index_20220530190723.ts | 4 + .../containers/index_20220530190729.ts | 4 + .../block/Header/Header_20220530192634.tsx | 89 + .../block/Header/Header_20220618071836.tsx | 90 + .../block/Header/Header_20220618071924.tsx | 91 + .../block/Header/Header_20220618071936.tsx | 91 + .../block/Header/Header_20220618072003.tsx | 91 + .../block/Header/Header_20220618072014.tsx | 91 + .../block/Header/Header_20220618072027.tsx | 91 + .../block/Header/Header_20220618072049.tsx | 91 + .../block/Header/Header_20220618072124.tsx | 91 + .../block/Header/Header_20220618072148.tsx | 91 + .../block/Header/Header_20220618072235.tsx | 89 + .../block/Header/Header_20220618072251.tsx | 84 + .../block/Header/Header_20220618072326.tsx | 90 + .../block/Header/Header_20220618072406.tsx | 90 + .../block/Header/Header_20220618073528.tsx | 90 + .../block/Header/Header_20220618074144.tsx | 90 + .../block/Motto/index_20220529144909.tsx | 18 + .../block/Motto/index_20220617165052.tsx | 18 + .../block/Pizza/Pizza_20220531162100.tsx | 56 + .../block/Pizza/Pizza_20220602163259.tsx | 59 + .../block/Pizza/Pizza_20220602163359.tsx | 59 + .../block/Pizza/Pizza_20220602163438.tsx | 59 + .../block/Pizza/Pizza_20220602163651.tsx | 59 + .../block/Pizza/Pizza_20220602163701.tsx | 59 + .../block/Pizza/Pizza_20220602163739.tsx | 59 + .../block/Pizza/Pizza_20220602163758.tsx | 59 + .../block/Pizza/Pizza_20220602164050.tsx | 58 + .../block/Pizza/Pizza_20220602164112.tsx | 58 + .../block/Pizza/Pizza_20220602164129.tsx | 58 + .../block/Pizza/Pizza_20220602164142.tsx | 58 + .../block/Pizza/Pizza_20220602164241.tsx | 58 + .../block/Pizza/Pizza_20220602164501.tsx | 57 + .../block/Pizza/Pizza_20220602165405.tsx | 57 + .../block/Pizza/Pizza_20220602165450.tsx | 57 + .../block/Pizza/Pizza_20220603173339.tsx | 57 + .../block/Pizza/Pizza_20220604082241.tsx | 57 + .../block/Pizza/Pizza_20220604082309.tsx | 57 + .../block/Pizza/Pizza_20220604082325.tsx | 57 + .../block/Pizza/Pizza_20220604082359.tsx | 57 + .../block/Pizza/Pizza_20220604082546.tsx | 57 + .../block/Pizza/Pizza_20220604131839.tsx | 57 + .../block/Pizza/Pizza_20220604131854.tsx | 57 + .../block/Pizza/Pizza_20220604131916.tsx | 54 + .../block/Pizza/Pizza_20220604132101.tsx | 54 + .../block/Pizza/Pizza_20220604132104.tsx | 54 + .../block/Pizza/Pizza_20220604132121.tsx | 54 + .../block/Pizza/Pizza_20220604132243.tsx | 54 + .../block/Pizza/Pizza_20220604154741.tsx | 54 + .../block/Pizza/Pizza_20220604155111.tsx | 54 + .../block/Pizza/Pizza_20220615035530.tsx | 54 + .../block/Pizza/Pizza_20220617160543.tsx | 54 + .../block/Pizza/Pizza_20220617164057.tsx | 54 + .../block/Pizza/Pizza_20220618073853.tsx | 54 + .../block/Pizza/Pizza_20220618174843.tsx | 54 + .../block/Pizza/Pizza_20220618175816.tsx | 54 + .../block/Pizza/Pizza_20220618175927.tsx | 54 + .../block/Pizza/Pizza_20220619065529.tsx | 54 + .../block/Pizza/Pizza_20220619070446.tsx | 54 + .../block/Pizza/Pizza_20220619070555.tsx | 54 + .../block/Pizza/Pizza_20220619070626.tsx | 54 + .../block/Pizza/Pizza_20220619070647.tsx | 54 + .../block/Pizza/Pizza_20220619070938.tsx | 56 + .../block/Pizza/Pizza_20220619071011.tsx | 56 + .../Pizza/styles/index_20220618175418.scss | 0 .../Pizza/styles/index_20220618175436.scss | 92 + .../Pizza/styles/index_20220618175756.scss | 92 + .../Pizza/styles/index_20220618175914.scss | 92 + .../Pizza/styles/index_20220618175918.scss | 92 + .../Pizza/styles/index_20220618175956.scss | 101 + .../Pizza/styles/index_20220618180147.scss | 100 + .../Pizza/styles/index_20220618201842.scss | 98 + .../Pizza/styles/index_20220618202120.scss | 98 + .../Pizza/styles/index_20220619065308.scss | 99 + .../Pizza/styles/index_20220619065336.scss | 98 + .../Pizza/styles/index_20220619065624.scss | 108 + .../Pizza/styles/index_20220619065659.scss | 113 + .../Pizza/styles/index_20220619065826.scss | 121 + .../Pizza/styles/index_20220619065923.scss | 119 + .../Pizza/styles/index_20220619070505.scss | 120 + .../Pizza/styles/index_20220619070945.scss | 124 + .../Pizza/styles/index_20220619070954.scss | 125 + .../Pizza/styles/index_20220619071441.scss | 124 + .../Pizza/styles/index_20220619071456.scss | 121 + .../Pizza/styles/index_20220619071504.scss | 124 + .../Pizza/styles/index_20220619071523.scss | 123 + .../Pizza/styles/index_20220619071547.scss | 124 + .../Pizza/styles/index_20220619071609.scss | 124 + .../Pizza/styles/index_20220619071630.scss | 125 + .../Pizza/styles/index_20220619071638.scss | 126 + .../Pizza/styles/index_20220619071656.scss | 126 + .../Pizza/styles/index_20220619071710.scss | 126 + .../Pizza/styles/index_20220619074534.scss | 131 + .../Pizza/styles/index_20220619075135.scss | 131 + .../Pizza/styles/index_20220619075359.scss | 132 + .../Pizza/styles/index_20220619075421.scss | 135 + .../Pizza/styles/index_20220619075650.scss | 134 + .../cart/cardAdditionally_20220618065612.tsx | 0 .../cart/cardAdditionally_20220618065707.tsx | 23 + .../cart/cardAdditionally_20220618065729.tsx | 21 + .../cart/cardBasketProduct_20220618064604.tsx | 0 .../cart/cardBasketProduct_20220618065139.tsx | 44 + .../cart/cardBasketProduct_20220618065724.tsx | 42 + .../cart/cardBasketProduct_20220618083126.tsx | 42 + .../cart/cardBasketProduct_20220618083211.tsx | 42 + .../modals/cart/content_20220618063330.tsx | 0 .../modals/cart/content_20220618063620.tsx | 132 + .../modals/cart/content_20220618065345.tsx | 180 + .../modals/cart/content_20220618065416.tsx | 181 + .../modals/cart/content_20220618065525.tsx | 182 + .../modals/cart/content_20220618065858.tsx | 188 + .../modals/cart/content_20220618065924.tsx | 190 + .../modals/cart/content_20220618071114.tsx | 104 + .../modals/cart/content_20220618073833.tsx | 104 + .../modals/cart/content_20220618081203.tsx | 104 + .../modals/cart/content_20220618082130.tsx | 104 + .../modals/cart/content_20220618083539.tsx | 104 + .../modals/cart/content_20220618084207.tsx | 104 + .../modals/cart/content_20220618084215.tsx | 104 + .../modals/cart/content_20220618105221.tsx | 104 + .../modals/cart/content_20220618105351.tsx | 104 + .../modals/cart/content_20220618105650.tsx | 104 + .../modals/cart/content_20220618105704.tsx | 104 + .../modals/cart/content_20220618105753.tsx | 104 + .../modals/cart/content_20220618111039.tsx | 104 + .../modals/cart/content_20220618145445.tsx | 101 + .../modals/cart/content_20220618145731.tsx | 104 + .../index/modals/cart/index_20220618063258.ts | 0 .../index/modals/cart/index_20220618063608.ts | 2 + .../index/modals/cart/index_20220618065325.ts | 3 + .../index/modals/cart/index_20220618065751.ts | 4 + .../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_20220618082309.tsx | 32 + .../modals/cart/pizzaCart_20220618104446.tsx | 32 + .../modals/cart/pizzaCart_20220618143512.tsx | 32 + .../index/modals/index_20220601090126.ts | 0 .../index/modals/index_20220601090138.ts | 1 + .../index/modals/index_20220618073850.ts | 2 + .../pizza/Ingredients_20220616124308.tsx | 0 .../pizza/Ingredients_20220616124912.tsx | 61 + .../pizza/Ingredients_20220616131650.tsx | 49 + .../pizza/Ingredients_20220616132920.tsx | 39 + .../pizza/Ingredients_20220616133019.tsx | 37 + .../pizza/Ingredients_20220616140058.tsx | 37 + .../pizza/Ingredients_20220616140200.tsx | 37 + .../pizza/Ingredients_20220616140525.tsx | 37 + .../pizza/Ingredients_20220616140611.tsx | 37 + .../pizza/Ingredients_20220616140621.tsx | 37 + .../pizza/Ingredients_20220616143834.tsx | 37 + .../pizza/Ingredients_20220616143901.tsx | 37 + .../pizza/Ingredients_20220616143907.tsx | 37 + .../pizza/Ingredients_20220616144008.tsx | 37 + .../pizza/Ingredients_20220616144031.tsx | 37 + .../pizza/Ingredients_20220616144105.tsx | 37 + .../pizza/Ingredients_20220616144115.tsx | 37 + .../pizza/Ingredients_20220616144124.tsx | 37 + .../pizza/Ingredients_20220616144253.tsx | 37 + .../pizza/Ingredients_20220616144327.tsx | 37 + .../pizza/Ingredients_20220616145033.tsx | 38 + .../pizza/Ingredients_20220616145114.tsx | 38 + .../pizza/Ingredients_20220616192514.tsx | 38 + .../pizza/Ingredients_20220616192554.tsx | 40 + .../pizza/Ingredients_20220616192624.tsx | 40 + .../pizza/Ingredients_20220616192702.tsx | 40 + .../pizza/Ingredients_20220616215531.tsx | 40 + .../pizza/Ingredients_20220616220344.tsx | 40 + .../pizza/Ingredients_20220616220402.tsx | 40 + .../pizza/Ingredients_20220616220442.tsx | 40 + .../pizza/Ingredients_20220616220540.tsx | 40 + .../pizza/Ingredients_20220616220611.tsx | 40 + .../pizza/Ingredients_20220616220618.tsx | 40 + .../pizza/Ingredients_20220616220713.tsx | 40 + .../pizza/Ingredients_20220616220727.tsx | 40 + .../pizza/Ingredients_20220616220744.tsx | 38 + .../pizza/Ingredients_20220617085940.tsx | 39 + .../modals/pizza/Modal_20220618145856.scss | 90 + .../modals/pizza/Modal_20220618150729.scss | 90 + .../modals/pizza/Modal_20220618150941.scss | 90 + .../modals/pizza/Modal_20220618150956.scss | 90 + .../modals/pizza/Modal_20220618151044.scss | 91 + .../modals/pizza/Modal_20220618151047.scss | 91 + .../modals/pizza/Modal_20220618151134.scss | 92 + .../modals/pizza/Modal_20220618151320.scss | 210 + .../modals/pizza/Modal_20220618151431.scss | 210 + .../modals/pizza/Modal_20220618151502.scss | 210 + .../modals/pizza/Modal_20220618151531.scss | 210 + .../modals/pizza/Modal_20220618151612.scss | 209 + .../modals/pizza/Modal_20220618152214.scss | 210 + .../modals/pizza/Modal_20220618152234.scss | 212 + .../modals/pizza/Modal_20220618152319.scss | 214 + .../modals/pizza/Modal_20220618152349.scss | 217 + .../modals/pizza/Modal_20220618152446.scss | 221 + .../modals/pizza/Modal_20220618152456.scss | 220 + .../modals/pizza/Modal_20220618152523.scss | 218 + .../modals/pizza/Modal_20220618152615.scss | 213 + .../modals/pizza/Modal_20220618152624.scss | 214 + .../modals/pizza/Modal_20220618152631.scss | 213 + .../modals/pizza/Modal_20220618152637.scss | 213 + .../modals/pizza/Modal_20220618152651.scss | 214 + .../modals/pizza/Modal_20220618152706.scss | 213 + .../modals/pizza/Modal_20220618153007.scss | 212 + .../modals/pizza/Modal_20220618153028.scss | 212 + .../modals/pizza/Modal_20220618153111.scss | 212 + .../pizza/RadioButton_20220531221132.tsx | 36 + .../pizza/RadioButton_20220531234725.tsx | 32 + .../pizza/RadioButton_20220531235725.tsx | 32 + .../pizza/RadioButton_20220601000113.tsx | 29 + .../pizza/RadioButton_20220601000752.tsx | 30 + .../pizza/RadioButton_20220601001238.tsx | 30 + .../pizza/RadioButton_20220601001446.tsx | 30 + .../pizza/RadioButton_20220601001516.tsx | 30 + .../pizza/RadioButton_20220601001644.tsx | 30 + .../pizza/RadioButton_20220601085507.tsx | 31 + .../pizza/RadioButton_20220601085808.tsx | 31 + .../pizza/RadioButton_20220601090524.tsx | 31 + .../pizza/RadioButton_20220601090855.tsx | 31 + .../modals/pizza/content_20220601090854.tsx | 31 + .../modals/pizza/content_20220615163730.tsx | 93 + .../modals/pizza/content_20220615163756.tsx | 93 + .../modals/pizza/content_20220616103634.tsx | 91 + .../modals/pizza/content_20220616103708.tsx | 91 + .../modals/pizza/content_20220616103943.tsx | 89 + .../modals/pizza/content_20220616104048.tsx | 89 + .../modals/pizza/content_20220616104556.tsx | 89 + .../modals/pizza/content_20220616120114.tsx | 89 + .../modals/pizza/content_20220616120422.tsx | 87 + .../modals/pizza/content_20220616120434.tsx | 87 + .../modals/pizza/content_20220616120522.tsx | 87 + .../modals/pizza/content_20220616120635.tsx | 90 + .../modals/pizza/content_20220616123335.tsx | 90 + .../modals/pizza/content_20220616123445.tsx | 90 + .../modals/pizza/content_20220616131707.tsx | 94 + .../modals/pizza/content_20220616132750.tsx | 95 + .../modals/pizza/content_20220616133237.tsx | 107 + .../modals/pizza/content_20220616135535.tsx | 107 + .../modals/pizza/content_20220616140229.tsx | 107 + .../modals/pizza/content_20220616140446.tsx | 107 + .../modals/pizza/content_20220616140501.tsx | 107 + .../modals/pizza/content_20220616141154.tsx | 106 + .../modals/pizza/content_20220616141209.tsx | 106 + .../modals/pizza/content_20220616141237.tsx | 107 + .../modals/pizza/content_20220616141256.tsx | 107 + .../modals/pizza/content_20220616141344.tsx | 111 + .../modals/pizza/content_20220616141423.tsx | 109 + .../modals/pizza/content_20220616141944.tsx | 107 + .../modals/pizza/content_20220616142011.tsx | 109 + .../modals/pizza/content_20220616142216.tsx | 109 + .../modals/pizza/content_20220616142745.tsx | 109 + .../modals/pizza/content_20220616142904.tsx | 109 + .../modals/pizza/content_20220616144142.tsx | 109 + .../modals/pizza/content_20220616144741.tsx | 111 + .../modals/pizza/content_20220616145050.tsx | 111 + .../modals/pizza/content_20220616145153.tsx | 111 + .../modals/pizza/content_20220616145219.tsx | 111 + .../modals/pizza/content_20220616145732.tsx | 124 + .../modals/pizza/content_20220616145836.tsx | 124 + .../modals/pizza/content_20220616145900.tsx | 124 + .../modals/pizza/content_20220616145958.tsx | 125 + .../modals/pizza/content_20220616150159.tsx | 135 + .../modals/pizza/content_20220616150255.tsx | 137 + .../modals/pizza/content_20220616150313.tsx | 137 + .../modals/pizza/content_20220616150344.tsx | 137 + .../modals/pizza/content_20220616150928.tsx | 138 + .../modals/pizza/content_20220616152039.tsx | 138 + .../modals/pizza/content_20220616152213.tsx | 139 + .../modals/pizza/content_20220616152252.tsx | 140 + .../modals/pizza/content_20220616152344.tsx | 140 + .../modals/pizza/content_20220616152407.tsx | 140 + .../modals/pizza/content_20220616152454.tsx | 140 + .../modals/pizza/content_20220616152554.tsx | 141 + .../modals/pizza/content_20220616152609.tsx | 141 + .../modals/pizza/content_20220616163109.tsx | 141 + .../modals/pizza/content_20220616185306.tsx | 141 + .../modals/pizza/content_20220616185340.tsx | 141 + .../modals/pizza/content_20220616185408.tsx | 141 + .../modals/pizza/content_20220616211917.tsx | 141 + .../modals/pizza/content_20220616211940.tsx | 141 + .../modals/pizza/content_20220616211948.tsx | 141 + .../modals/pizza/content_20220616211958.tsx | 141 + .../modals/pizza/content_20220616212051.tsx | 141 + .../modals/pizza/content_20220616212107.tsx | 141 + .../modals/pizza/content_20220616215739.tsx | 141 + .../modals/pizza/content_20220616215850.tsx | 141 + .../modals/pizza/content_20220616215947.tsx | 141 + .../modals/pizza/content_20220616221209.tsx | 142 + .../modals/pizza/content_20220616221319.tsx | 142 + .../modals/pizza/content_20220616221405.tsx | 142 + .../modals/pizza/content_20220617062239.tsx | 142 + .../modals/pizza/content_20220617062328.tsx | 142 + .../modals/pizza/content_20220617062402.tsx | 142 + .../modals/pizza/content_20220617062424.tsx | 142 + .../modals/pizza/content_20220617062453.tsx | 142 + .../modals/pizza/content_20220617062753.tsx | 142 + .../modals/pizza/content_20220617062828.tsx | 142 + .../modals/pizza/content_20220617062837.tsx | 142 + .../modals/pizza/content_20220617063028.tsx | 143 + .../modals/pizza/content_20220617063052.tsx | 143 + .../modals/pizza/content_20220617063126.tsx | 143 + .../modals/pizza/content_20220617063204.tsx | 143 + .../modals/pizza/content_20220617063331.tsx | 147 + .../modals/pizza/content_20220617063343.tsx | 147 + .../modals/pizza/content_20220617063354.tsx | 147 + .../modals/pizza/content_20220617063412.tsx | 147 + .../modals/pizza/content_20220617063603.tsx | 147 + .../modals/pizza/content_20220617063615.tsx | 147 + .../modals/pizza/content_20220617063636.tsx | 147 + .../modals/pizza/content_20220617063649.tsx | 147 + .../modals/pizza/content_20220617063654.tsx | 147 + .../modals/pizza/content_20220617063804.tsx | 151 + .../modals/pizza/content_20220617063826.tsx | 151 + .../modals/pizza/content_20220617063840.tsx | 151 + .../modals/pizza/content_20220617103015.tsx | 152 + .../modals/pizza/content_20220617103036.tsx | 153 + .../modals/pizza/content_20220617103148.tsx | 150 + .../modals/pizza/content_20220617103203.tsx | 150 + .../modals/pizza/content_20220617103413.tsx | 150 + .../modals/pizza/content_20220617103428.tsx | 150 + .../modals/pizza/content_20220617103608.tsx | 150 + .../modals/pizza/content_20220617104855.tsx | 150 + .../modals/pizza/content_20220617105540.tsx | 150 + .../modals/pizza/content_20220617105605.tsx | 150 + .../modals/pizza/content_20220617105633.tsx | 150 + .../modals/pizza/content_20220617105708.tsx | 150 + .../modals/pizza/content_20220617105900.tsx | 150 + .../modals/pizza/content_20220617105915.tsx | 150 + .../modals/pizza/content_20220617105952.tsx | 150 + .../modals/pizza/content_20220617110031.tsx | 150 + .../modals/pizza/content_20220617110042.tsx | 150 + .../modals/pizza/content_20220617110059.tsx | 150 + .../modals/pizza/content_20220617110138.tsx | 150 + .../modals/pizza/content_20220617110545.tsx | 150 + .../modals/pizza/content_20220617110555.tsx | 150 + .../modals/pizza/content_20220617110619.tsx | 150 + .../modals/pizza/content_20220617111229.tsx | 151 + .../modals/pizza/content_20220617111257.tsx | 151 + .../modals/pizza/content_20220617111316.tsx | 151 + .../modals/pizza/content_20220617111350.tsx | 152 + .../modals/pizza/content_20220617111416.tsx | 149 + .../modals/pizza/content_20220617111430.tsx | 149 + .../modals/pizza/content_20220617161037.tsx | 149 + .../modals/pizza/content_20220617161138.tsx | 149 + .../modals/pizza/content_20220617163917.tsx | 148 + .../modals/pizza/content_20220617164131.tsx | 148 + .../modals/pizza/content_20220617164145.tsx | 148 + .../modals/pizza/content_20220617165525.tsx | 147 + .../modals/pizza/content_20220617171025.tsx | 150 + .../modals/pizza/content_20220617171215.tsx | 150 + .../modals/pizza/content_20220617171449.tsx | 150 + .../modals/pizza/content_20220617171653.tsx | 150 + .../modals/pizza/content_20220617171919.tsx | 151 + .../modals/pizza/content_20220617171923.tsx | 150 + .../modals/pizza/content_20220617172135.tsx | 150 + .../modals/pizza/content_20220617172555.tsx | 133 + .../modals/pizza/content_20220617172800.tsx | 132 + .../modals/pizza/content_20220617173043.tsx | 132 + .../modals/pizza/content_20220617173835.tsx | 132 + .../modals/pizza/content_20220617190638.tsx | 132 + .../modals/pizza/content_20220617193102.tsx | 132 + .../modals/pizza/content_20220617193132.tsx | 132 + .../modals/pizza/content_20220617211744.tsx | 131 + .../modals/pizza/content_20220617211746.tsx | 131 + .../modals/pizza/content_20220617211836.tsx | 132 + .../modals/pizza/content_20220617211901.tsx | 132 + .../modals/pizza/content_20220617211925.tsx | 132 + .../modals/pizza/content_20220617212008.tsx | 132 + .../modals/pizza/content_20220617212018.tsx | 132 + .../modals/pizza/content_20220617212028.tsx | 132 + .../modals/pizza/content_20220617212115.tsx | 132 + .../modals/pizza/content_20220617212134.tsx | 132 + .../modals/pizza/content_20220617212141.tsx | 132 + .../modals/pizza/content_20220617212201.tsx | 132 + .../modals/pizza/content_20220617212215.tsx | 132 + .../modals/pizza/content_20220618152151.tsx | 132 + .../modals/pizza/content_20220618152222.tsx | 132 + .../modals/pizza/content_20220618152251.tsx | 132 + .../modals/pizza/content_20220618152353.tsx | 132 + .../modals/pizza/content_20220618152412.tsx | 132 + .../modals/pizza/content_20220618152502.tsx | 132 + .../modals/pizza/content_20220618152528.tsx | 132 + .../modals/pizza/content_20220618153011.tsx | 132 + .../modals/pizza/content_20220618153022.tsx | 132 + .../modals/pizza/content_20220618154531.tsx | 132 + .../modals/pizza/content_20220618154545.tsx | 132 + .../modals/pizza/content_20220618154555.tsx | 132 + .../modals/pizza/content_20220618154632.tsx | 132 + .../modals/pizza/content_20220618154648.tsx | 132 + .../modals/pizza/content_20220618155038.tsx | 132 + .../modals/pizza/content_20220618155852.tsx | 132 + .../modals/pizza/content_20220618155925.tsx | 131 + .../modals/pizza/content_20220618160645.tsx | 131 + .../modals/pizza/content_20220618160820.tsx | 131 + .../modals/pizza/content_20220618161353.tsx | 131 + .../modals/pizza/content_20220618161823.tsx | 131 + .../modals/pizza/content_20220618162529.tsx | 131 + .../modals/pizza/content_20220618162730.tsx | 131 + .../modals/pizza/content_20220618202323.tsx | 131 + .../modals/pizza/content_20220618202436.tsx | 131 + .../modals/pizza/content_20220618202448.tsx | 131 + .../modals/pizza/index_20220601085616.ts | 0 .../modals/pizza/index_20220601085628.ts | 1 + .../modals/pizza/index_20220601090324.ts | 2 + .../modals/pizza/index_20220615163354.ts | 2 + .../modals/pizza/index_20220616133007.ts | 3 + .../modals/pizza/index_20220617162939.ts | 2 + .../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_20220618151400.tsx | 36 + .../modals/pizza/pizzaCard_20220618151408.tsx | 36 + .../modals/pizza/pizzaCard_20220618151454.tsx | 36 + .../modals/pizza/pizzaCard_20220619081333.tsx | 36 + .../modals/pizza/pizzaCard_20220619081810.tsx | 36 + .../modals/pizza/pizzaCard_20220619082020.tsx | 36 + .../modals/pizza/pizzaCard_20220619082124.tsx | 36 + .../modals/pizza/pizzaCard_20220619082141.tsx | 36 + .../styles/_ingredients_20220617111701.scss | 103 + .../styles/_ingredients_20220618154354.scss | 103 + .../styles/_ingredients_20220618154636.scss | 103 + .../styles/_ingredients_20220618154701.scss | 105 + .../styles/_ingredients_20220618155338.scss | 117 + .../styles/_ingredients_20220618155530.scss | 118 + .../styles/_ingredients_20220618155544.scss | 118 + .../styles/_ingredients_20220618155709.scss | 117 + .../styles/_ingredients_20220618155830.scss | 114 + .../styles/_ingredients_20220618155843.scss | 119 + .../styles/_ingredients_20220618160025.scss | 120 + .../styles/_ingredients_20220618160033.scss | 121 + .../styles/_ingredients_20220618160127.scss | 116 + .../styles/_ingredients_20220618160228.scss | 117 + .../styles/_ingredients_20220618160242.scss | 120 + .../styles/_ingredients_20220618160302.scss | 120 + .../styles/_ingredients_20220618160459.scss | 118 + .../styles/_ingredients_20220618160509.scss | 119 + .../styles/_ingredients_20220618160623.scss | 119 + .../styles/_ingredients_20220618160815.scss | 123 + .../styles/_ingredients_20220618161039.scss | 130 + .../styles/_ingredients_20220618161210.scss | 128 + .../styles/_ingredients_20220618161253.scss | 134 + .../styles/_ingredients_20220618161334.scss | 136 + .../styles/_ingredients_20220618161600.scss | 136 + .../styles/_ingredients_20220618161655.scss | 136 + .../styles/_ingredients_20220618161714.scss | 136 + .../styles/_ingredients_20220618161811.scss | 136 + .../styles/_ingredients_20220618162317.scss | 137 + .../styles/_ingredients_20220618162440.scss | 138 + .../styles/_ingredients_20220618162535.scss | 138 + .../styles/_ingredients_20220618162750.scss | 142 + .../styles/_ingredients_20220618162806.scss | 142 + .../styles/_ingredients_20220618174653.scss | 142 + .../styles/_ingredients_20220618202242.scss | 136 + .../styles/_ingredients_20220618202320.scss | 130 + .../styles/_ingredients_20220618202402.scss | 130 + .../styles/_ingredients_20220618202504.scss | 130 + .../styles/_ingredients_20220618202631.scss | 130 + .../styles/_ingredients_20220618202656.scss | 130 + .../styles/_ingredients_20220618202707.scss | 130 + .../styles/_ingredients_20220618202711.scss | 130 + .../styles/_ingredients_20220618202929.scss | 102 + .../styles/_products_20220618202831.scss | 0 .../styles/_products_20220618202848.scss | 31 + .../styles/block_selector_20220618153310.scss | 0 .../styles/block_selector_20220618153802.scss | 58 + .../pizza/styles/index_20220618153323.scss | 0 .../pizza/styles/index_20220618154205.scss | 154 + .../pizza/styles/index_20220618154302.scss | 154 + .../pizza/styles/index_20220618154455.scss | 154 + .../pizza/styles/index_20220618155352.scss | 143 + .../pizza/styles/index_20220618155504.scss | 144 + .../pizza/styles/index_20220618155509.scss | 144 + .../pizza/styles/index_20220618155512.scss | 144 + .../pizza/styles/index_20220618155515.scss | 144 + .../pizza/styles/index_20220618155548.scss | 143 + .../pizza/styles/index_20220618155554.scss | 143 + .../pizza/styles/index_20220618155557.scss | 143 + .../pizza/styles/index_20220618202354.scss | 139 + .../pizza/styles/index_20220619080717.scss | 135 + .../pizza/styles/index_20220619080724.scss | 136 + .../pizza/styles/index_20220619080813.scss | 137 + .../pizza/styles/index_20220619081302.scss | 165 + .../pizza/styles/index_20220619081915.scss | 309 + .../pizza/styles/index_20220619082111.scss | 137 + .../pizza/styles/index_20220619082249.scss | 147 + .../pizza/styles/index_20220619082301.scss | 138 + .../pizza/styles/index_20220619082507.scss | 138 + .../pizza/styles/index_20220619082619.scss | 140 + .../pizza/styles/index_20220619082822.scss | 141 + .../pizza/styles/index_20220619082939.scss | 141 + .../pizza/styles/index_20220619083157.scss | 141 + .../customer/search/index_20220518151433.tsx | 83 + .../customer/search/index_20220518152152.tsx | 83 + .../customer/search/index_20220518152153.tsx | 83 + .history/components/index_20220516231522.ts | 1 + .history/components/index_20220518134507.ts | 3 + .history/components/index_20220518142859.ts | 4 + .history/components/index_20220518151422.ts | 4 + .history/components/index_20220518151448.ts | 4 + .history/components/index_20220518151449.ts | 4 + .history/components/index_20220518151803.ts | 4 + .history/components/index_20220518152149.ts | 4 + .history/components/index_20220528174627.ts | 5 + .history/components/index_20220528224437.ts | 6 + .history/components/index_20220528234800.ts | 7 + .history/components/index_20220528234806.ts | 7 + .history/components/index_20220528234807.ts | 7 + .history/components/index_20220528234810.ts | 7 + .history/components/index_20220528234811.ts | 7 + .history/components/index_20220529001231.ts | 8 + .history/components/index_20220529001233.ts | 8 + .history/components/index_20220529001238.ts | 8 + .history/components/index_20220529001241.ts | 8 + .history/components/index_20220529001242.ts | 8 + .history/components/index_20220529001254.ts | 8 + .history/components/index_20220529001259.ts | 7 + .history/components/index_20220529002438.ts | 8 + .history/components/index_20220529002440.ts | 8 + .history/components/index_20220529002445.ts | 8 + .history/components/index_20220529002448.ts | 8 + .history/components/index_20220529002450.ts | 8 + .history/components/index_20220529002453.ts | 8 + .history/components/index_20220529002455.ts | 8 + .history/components/index_20220529002457.ts | 8 + .history/components/index_20220529002459.ts | 8 + .history/components/index_20220529004037.ts | 9 + .history/components/index_20220529004044.ts | 9 + .history/components/index_20220529004046.ts | 9 + .history/components/index_20220529004049.ts | 9 + .history/components/index_20220529004051.ts | 9 + .history/components/index_20220529004052.ts | 9 + .history/components/index_20220529004103.ts | 9 + .history/components/index_20220529004108.ts | 9 + .history/components/index_20220529145327.ts | 9 + .history/components/index_20220529145843.ts | 9 + .history/components/index_20220529145850.ts | 9 + .history/components/index_20220529145854.ts | 9 + .history/components/index_20220529145858.ts | 9 + .history/components/index_20220529145900.ts | 9 + .history/components/index_20220530190051.ts | 8 + .history/components/index_20220530190052.ts | 7 + .history/components/index_20220530190056.ts | 5 + .history/components/index_20220530190057.ts | 4 + .history/components/index_20220530190059.ts | 3 + .history/components/index_20220530190104.ts | 3 + .history/components/index_20220530192732.ts | 2 + ...ort React from 'react';_20220601152621.tsx | 40 + .../Customer/MainLayout_20220517162459.tsx | 15 + .../Customer/MainLayout_20220518151334.tsx | 15 + .../Customer/MainLayout_20220518151351.tsx | 15 + .../Customer/MainLayout_20220529152347.tsx | 15 + .../Customer/MainLayout_20220529152359.tsx | 15 + .../Customer/MainLayout_20220529152400.tsx | 15 + .../Customer/MainLayout_20220529152406.tsx | 15 + .../Customer/MainLayout_20220529152442.tsx | 14 + .../Customer/MainLayout_20220529152444.tsx | 16 + .../Customer/MainLayout_20220529152446.tsx | 15 + .../Customer/MainLayout_20220529152522.tsx | 15 + .../Customer/MainLayout_20220529152911.tsx | 15 + .../Customer/MainLayout_20220529153148.tsx | 15 + .../Customer/MainLayout_20220529153155.tsx | 15 + .../Customer/MainLayout_20220530192706.tsx | 15 + .../Customer/MainLayout_20220530192709.tsx | 15 + .../Customer/MainLayout_20220530192712.tsx | 15 + .../Customer/MainLayout_20220530192713.tsx | 15 + .../Customer/MainLayout_20220530192718.tsx | 16 + .../Customer/MainLayout_20220530192720.tsx | 16 + .../Customer/MainLayout_20220530192727.tsx | 16 + .../Customer/MainLayout_20220530192842.tsx | 15 + .../Customer/MainLayout_20220530193153.tsx | 15 + .../Customer/MainLayout_20220530193158.tsx | 15 + .../Customer/MainLayout_20220530193159.tsx | 15 + .../Customer/MainLayout_20220530193221.tsx | 16 + .../Customer/MainLayout_20220530193223.tsx | 16 + .../Customer/MainLayout_20220530193227.tsx | 16 + .../Customer/MainLayout_20220530193235.tsx | 17 + .../Customer/MainLayout_20220530193237.tsx | 17 + .../Customer/MainLayout_20220530193239.tsx | 17 + .../Customer/MainLayout_20220530193627.tsx | 17 + .../Customer/MainLayout_20220530193630.tsx | 17 + .../Customer/MainLayout_20220530194419.tsx | 17 + .../Customer/MainLayout_20220530194421.tsx | 18 + .../Customer/MainLayout_20220530194423.tsx | 18 + .../Customer/MainLayout_20220530194425.tsx | 17 + .../Customer/MainLayout_20220531140844.tsx | 18 + .../Customer/MainLayout_20220531140845.tsx | 18 + .../Customer/MainLayout_20220531140847.tsx | 18 + .../Customer/MainLayout_20220531140850.tsx | 18 + .../Customer/MainLayout_20220531140851.tsx | 18 + .../Customer/MainLayout_20220531140852.tsx | 18 + .../Customer/MainLayout_20220531140854.tsx | 18 + .../Customer/MainLayout_20220531140944.tsx | 18 + .../Customer/MainLayout_20220531140949.tsx | 18 + .../Customer/MainLayout_20220531140959.tsx | 19 + .../Customer/MainLayout_20220531141002.tsx | 19 + .../Customer/MainLayout_20220531141003.tsx | 19 + .../Customer/MainLayout_20220531141006.tsx | 18 + .../Customer/MainLayout_20220531141008.tsx | 19 + .../Customer/MainLayout_20220531141010.tsx | 20 + .../Customer/MainLayout_20220531141122.tsx | 20 + .../Customer/MainLayout_20220531141123.tsx | 20 + .../Customer/MainLayout_20220531141124.tsx | 20 + .../Customer/MainLayout_20220531141340.tsx | 19 + .../Customer/MainLayout_20220531141343.tsx | 18 + .../Customer/MainLayout_20220531141345.tsx | 18 + .../Customer/MainLayout_20220531162101.tsx | 18 + .../Customer/MainLayout_20220531162131.tsx | 18 + .../Customer/MainLayout_20220531162144.tsx | 18 + .../Customer/MainLayout_20220531215838.tsx | 17 + .history/lib/session_20220525193012.ts | 0 .history/lib/session_20220525193024.js | 39 + .history/lib/session_20220525193025.ts | 39 + .history/lib/session_20220525193045.js | 39 + .history/next.config_20220516191522.js | 6 + .history/next.config_20220522161622.js | 6 + .history/next_20220522160938.js | 0 .history/next_20220522160948.js | 4 + .history/pages/[pizza]_20220602160739.tsx | 0 .history/pages/[pizza]_20220602160900.tsx | 16 + .history/pages/[pizza]_20220602160901.tsx | 16 + .history/pages/[pizza]_20220602160907.tsx | 16 + .history/pages/[pizza]_20220602160908.tsx | 16 + .history/pages/[pizza]_20220602160923.tsx | 17 + .history/pages/[pizza]_20220602160924.tsx | 17 + .history/pages/[pizza]_20220602160945.tsx | 19 + .history/pages/[pizza]_20220602161903.tsx | 20 + .history/pages/[pizza]_20220602163621.tsx | 20 + .history/pages/[pizza]_20220602163622.tsx | 20 + .history/pages/[pizza]_20220604155359.tsx | 21 + .history/pages/[pizza]_20220604155400.tsx | 21 + .history/pages/[pizza]_20220615055808.tsx | 21 + .history/pages/_app_20220517150042.tsx | 17 + .history/pages/_app_20220518125856.tsx | 16 + .history/pages/_app_20220518143444.tsx | 17 + .history/pages/_app_20220518143835.tsx | 16 + .history/pages/admin/Login_20220522081533.tsx | 28 + .history/pages/admin/Login_20220522155931.tsx | 28 + .history/pages/admin/Login_20220522155934.tsx | 28 + .history/pages/admin/Main_20220522160009.tsx | 0 .history/pages/admin/Main_20220522160106.tsx | 21 + .history/pages/admin/index_20220522155755.tsx | 22 + .history/pages/admin/index_20220522155840.tsx | 22 + .history/pages/admin/index_20220522155932.tsx | 22 + .history/pages/admin/index_20220522160138.tsx | 22 + .history/pages/admin/index_20220522160443.tsx | 23 + .history/pages/admin/index_20220522160449.tsx | 24 + .history/pages/admin/index_20220522160450.tsx | 24 + .history/pages/admin/index_20220522160510.tsx | 24 + .history/pages/admin/index_20220522160522.tsx | 24 + .history/pages/admin/index_20220522160633.tsx | 24 + .history/pages/admin/index_20220522160713.tsx | 24 + .history/pages/admin/index_20220522160722.tsx | 24 + .history/pages/admin/index_20220522160726.tsx | 24 + .history/pages/admin/index_20220522161050.tsx | 24 + .history/pages/admin/index_20220522161223.tsx | 25 + .history/pages/admin/index_20220522161238.tsx | 25 + .history/pages/admin/index_20220522161253.tsx | 25 + .history/pages/admin/index_20220522161312.tsx | 25 + .history/pages/admin/index_20220522161326.tsx | 24 + .history/pages/admin/index_20220522161947.tsx | 24 + .history/pages/admin/index_20220522162213.tsx | 24 + .history/pages/admin/index_20220522162649.tsx | 23 + .history/pages/admin/index_20220522162659.tsx | 23 + .history/pages/admin/index_20220522230618.tsx | 23 + .history/pages/admin/index_20220522230705.tsx | 23 + .history/pages/admin/index_20220522230732.tsx | 23 + .history/pages/admin/index_20220523094100.tsx | 23 + .history/pages/admin/index_20220523094122.tsx | 23 + .history/pages/admin/index_20220523094222.tsx | 23 + .history/pages/admin/index_20220523094247.tsx | 23 + .history/pages/admin/index_20220523094301.tsx | 23 + .history/pages/admin/index_20220523094335.tsx | 23 + .history/pages/admin/index_20220523094510.tsx | 23 + .history/pages/admin/index_20220523094624.tsx | 24 + .history/pages/admin/index_20220523183554.tsx | 24 + .history/pages/admin/index_20220523183618.tsx | 24 + .history/pages/admin/index_20220523183809.tsx | 24 + .history/pages/admin/index_20220523183816.tsx | 24 + .history/pages/admin/index_20220523183932.tsx | 24 + .history/pages/admin/index_20220523184047.tsx | 28 + .history/pages/admin/index_20220523184134.tsx | 28 + .history/pages/admin/index_20220523184237.tsx | 28 + .history/pages/admin/index_20220523184307.tsx | 29 + .history/pages/admin/index_20220523184638.tsx | 30 + .history/pages/admin/index_20220523184718.tsx | 28 + .history/pages/admin/index_20220523184736.tsx | 28 + .history/pages/admin/index_20220523184855.tsx | 31 + .history/pages/admin/index_20220523184943.tsx | 31 + .history/pages/admin/index_20220523185003.tsx | 31 + .history/pages/admin/index_20220523185047.tsx | 31 + .history/pages/admin/index_20220524144858.tsx | 32 + .history/pages/admin/index_20220524144949.tsx | 36 + .history/pages/admin/index_20220524145015.tsx | 43 + .history/pages/admin/index_20220524150421.tsx | 32 + .history/pages/admin/index_20220525183924.tsx | 52 + .history/pages/admin/index_20220525184010.tsx | 53 + .history/pages/admin/index_20220525184049.tsx | 53 + .history/pages/admin/index_20220525184847.tsx | 49 + .history/pages/admin/index_20220525184859.tsx | 53 + .history/pages/admin/index_20220525184912.tsx | 54 + .history/pages/admin/index_20220525185109.tsx | 54 + .history/pages/admin/index_20220525185148.tsx | 55 + .history/pages/admin/index_20220525185358.tsx | 55 + .history/pages/admin/index_20220525185401.tsx | 55 + .history/pages/admin/index_20220525190910.tsx | 55 + .history/pages/admin/index_20220525191205.tsx | 55 + .history/pages/admin/index_20220525191419.tsx | 55 + .history/pages/admin/index_20220525191425.tsx | 55 + .history/pages/admin/index_20220525191603.tsx | 55 + .history/pages/admin/index_20220525192745.tsx | 56 + .history/pages/admin/index_20220525194453.tsx | 56 + .history/pages/admin/index_20220525194501.tsx | 57 + .history/pages/admin/index_20220525194756.tsx | 39 + .history/pages/admin_20220518145912.ts | 0 .history/pages/admin_20220518145940.tsx | 33 + .history/pages/admin_20220518145941.ts | 33 + .history/pages/admin_20220518145955.tsx | 33 + .history/pages/admin_20220518150922.tsx | 33 + .history/pages/admin_20220518151024.tsx | 33 + .history/pages/admin_20220518151335.tsx | 33 + .history/pages/admin_20220518163407.tsx | 34 + .history/pages/admin_20220518163443.tsx | 34 + .history/pages/admin_20220518163603.tsx | 34 + .history/pages/admin_20220520131253.tsx | 34 + .history/pages/admin_20220520131257.tsx | 34 + .history/pages/admin_20220520132713.tsx | 30 + .history/pages/admin_20220522081319.tsx | 30 + .history/pages/admin_20220522081501.tsx | 19 + .history/pages/admin_20220522081731.tsx | 19 + .history/pages/admin_20220522081819.tsx | 28 + .history/pages/admin_20220522081903.tsx | 28 + .history/pages/admin_20220522081957.tsx | 28 + .history/pages/admin_20220522082032.tsx | 28 + .history/pages/admin_20220522082119.tsx | 29 + .history/pages/admin_20220522082149.tsx | 29 + .history/pages/admin_20220522082326.tsx | 30 + .history/pages/admin_20220522082420.tsx | 31 + .history/pages/admin_20220522082445.tsx | 31 + .history/pages/admin_20220522082539.tsx | 31 + .history/pages/admin_20220522082708.tsx | 32 + .history/pages/admin_20220522082824.tsx | 33 + .history/pages/admin_20220522082941.tsx | 33 + .history/pages/admin_20220522082955.tsx | 33 + .history/pages/admin_20220522083102.tsx | 33 + .history/pages/admin_20220522083116.tsx | 33 + .history/pages/admin_20220522083123.tsx | 33 + .history/pages/admin_20220522083150.tsx | 34 + .history/pages/admin_20220522083223.tsx | 34 + .history/pages/admin_20220522083307.tsx | 34 + .history/pages/admin_20220522133505.tsx | 34 + .history/pages/admin_20220522133918.tsx | 34 + .history/pages/admin_20220522134106.tsx | 34 + .history/pages/admin_20220522134214.tsx | 35 + .history/pages/admin_20220522134415.tsx | 40 + .history/pages/admin_20220522134712.tsx | 39 + .history/pages/admin_20220522134805.tsx | 39 + .history/pages/admin_20220522134815.tsx | 39 + .history/pages/admin_20220522135738.tsx | 39 + .history/pages/admin_20220522135800.tsx | 39 + .history/pages/admin_20220522135942.tsx | 46 + .history/pages/admin_20220522140248.tsx | 41 + .history/pages/admin_20220522140414.tsx | 41 + .history/pages/admin_20220522140800.tsx | 22 + .history/pages/admin_20220522155756.tsx | 22 + .history/pages/api/hello_20220516191522.ts | 13 + .history/pages/api/hello_20220517194800.ts | 13 + .history/pages/api/hello_20220517194812.ts | 13 + .history/pages/api/hello_20220517194851.ts | 13 + .history/pages/api/hello_20220520173044.ts | 13 + .history/pages/api/hello_20220520184435.ts | 14 + .history/pages/api/hello_20220520184543.ts | 13 + .../api/loadingCategories_20220528231459.ts | 0 .../api/loadingCategories_20220528231642.ts | 22 + .../api/loadingCategories_20220528231644.ts | 22 + .../api/loadingCategories_20220530170557.ts | 23 + .../api/loadingCategories_20220530170559.ts | 23 + .../api/loadingCategories_20220530170603.ts | 23 + .../api/loadingCategories_20220530170605.ts | 23 + .../api/loadingCategories_20220530170607.ts | 24 + .../api/loadingCategories_20220530170611.ts | 23 + .../api/loadingCategories_20220530170616.ts | 23 + .../api/loadingCategories_20220530170617.ts | 23 + .../api/loadingCategories_20220530170629.ts | 23 + .../api/loadingCategories_20220530170631.ts | 23 + .../api/loadingCategories_20220530170654.ts | 24 + .../api/loadingCategories_20220530170656.ts | 23 + .../api/loadingCategories_20220530170702.ts | 23 + .../api/loadingCategories_20220530171021.ts | 23 + .../api/loadingCategories_20220530171023.ts | 23 + .../api/loadingCategories_20220530171024.ts | 23 + .../api/loadingCategories_20220530171025.ts | 23 + .../api/loadingCategories_20220530171028.ts | 23 + .../api/loadingCategories_20220530171034.ts | 23 + .../api/loadingCategories_20220530171036.ts | 23 + .../api/loadingCategories_20220530171127.ts | 39 + .../api/loadingCategories_20220530171128.ts | 40 + .../api/loadingCategories_20220530171142.ts | 40 + .../api/loadingCategories_20220530171151.ts | 40 + .../api/loadingCategories_20220530171156.ts | 40 + .../api/loadingCategories_20220530171158.ts | 40 + .../api/loadingCategories_20220530171201.ts | 40 + .../api/loadingCategories_20220530171206.ts | 40 + .../api/loadingCategories_20220530171207.ts | 40 + .../api/loadingCategories_20220530171211.ts | 40 + .../api/loadingCategories_20220530171213.ts | 40 + .../api/loadingCategories_20220530171216.ts | 40 + .../api/loadingCategories_20220530171228.ts | 40 + .../api/loadingCategories_20220530171229.ts | 40 + .../api/loadingCategories_20220530171233.ts | 39 + .../api/loadingCategories_20220530171241.ts | 39 + .../api/loadingCategories_20220530171247.ts | 32 + .../api/loadingCategories_20220530171254.ts | 32 + .../api/loadingCategories_20220530171256.ts | 32 + .../api/loadingCategories_20220530171336.ts | 32 + .../api/loadingCategories_20220530171338.ts | 32 + .../api/loadingCategories_20220530171759.ts | 24 + .../api/loadingCategories_20220530171803.ts | 23 + .../api/loadingCategories_20220530171808.ts | 23 + .../api/loadingCategories_20220530171809.ts | 23 + .../api/loadingCategories_20220530171810.ts | 23 + .../api/loadingCategories_20220530171826.ts | 23 + .../api/loadingCategories_20220530171834.ts | 23 + .../api/loadingCategories_20220530172019.ts | 23 + .../api/loadingCategories_20220530172022.ts | 23 + .../api/loadingCategories_20220530172024.ts | 23 + .../api/loadingCategories_20220530172027.ts | 23 + .../api/loadingCategories_20220530172037.ts | 23 + .../api/loadingCategories_20220530172103.ts | 23 + .../api/loadingCategories_20220530172104.ts | 23 + .../api/loadingCategories_20220530172105.ts | 23 + .../api/loadingCategories_20220530174801.js | 20 + .../api/loadingCategories_20220530174802.ts | 20 + .../api/loadingCategories_20220530174917.js | 17 + .../api/loadingCategories_20220530174920.js | 13 + .../api/loadingCategories_20220530174923.js | 14 + .../api/loadingCategories_20220604161631.js | 15 + .../api/loadingPizzaCard_20220529141110.ts | 0 .../api/loadingPizzaCard_20220529141119.ts | 22 + .../api/loadingPizzaCard_20220529141128.ts | 22 + .../api/loadingPizzaCard_20220529141131.ts | 22 + .../api/loadingPizzaCard_20220529141301.ts | 22 + .../api/loadingPizzaCard_20220529141321.ts | 22 + .../api/loadingPizzaCard_20220529141546.ts | 22 + .../api/loadingPizzaCard_20220530172140.ts | 23 + .../api/loadingPizzaCard_20220530172328.ts | 22 + .../api/loadingPizzaCard_20220530172546.ts | 30 + .../api/loadingPizzaCard_20220530172556.ts | 29 + .../api/loadingPizzaCard_20220530172600.ts | 29 + .../api/loadingPizzaCard_20220530172603.ts | 29 + .../api/loadingPizzaCard_20220530172605.ts | 29 + .../api/loadingPizzaCard_20220530172712.ts | 29 + .../api/loadingPizzaCard_20220530172714.ts | 29 + .../api/loadingPizzaCard_20220530172717.ts | 29 + .../api/loadingPizzaCard_20220530172801.ts | 29 + .../api/loadingPizzaCard_20220530172810.ts | 23 + .../api/loadingPizzaCard_20220530172811.ts | 24 + .../api/loadingPizzaCard_20220530172816.ts | 24 + .../api/loadingPizzaCard_20220530172855.ts | 24 + .../api/loadingPizzaCard_20220530172856.ts | 24 + .../api/loadingPizzaCard_20220530173245.ts | 24 + .../api/loadingPizzaCard_20220530173304.ts | 24 + .../api/loadingPizzaCard_20220530173330.ts | 24 + .../api/loadingPizzaCard_20220530173336.ts | 24 + .../api/loadingPizzaCard_20220530173345.ts | 24 + .../api/loadingPizzaCard_20220530173448.ts | 24 + .../api/loadingPizzaCard_20220530173450.ts | 24 + .../api/loadingPizzaCard_20220530173452.ts | 24 + .../api/loadingPizzaCard_20220530173455.ts | 24 + .../api/loadingPizzaCard_20220530173457.ts | 24 + .../api/loadingPizzaCard_20220530173509.ts | 29 + .../api/loadingPizzaCard_20220530173513.ts | 29 + .../api/loadingPizzaCard_20220530173517.ts | 22 + .../api/loadingPizzaCard_20220530173525.ts | 23 + .../api/loadingPizzaCard_20220530173527.ts | 23 + .../api/loadingPizzaCard_20220530173528.ts | 23 + .../api/loadingPizzaCard_20220530173736.ts | 22 + .../api/loadingPizzaCard_20220530173738.ts | 22 + .../api/loadingPizzaCard_20220530173750.ts | 22 + .../api/loadingPizzaCard_20220530173752.ts | 22 + .../api/loadingPizzaCard_20220530173754.ts | 22 + .../api/loadingPizzaCard_20220530173757.ts | 22 + .../api/loadingPizzaCard_20220530173802.ts | 22 + .../api/loadingPizzaCard_20220530173803.ts | 22 + .../api/loadingPizzaCard_20220530173807.ts | 22 + .../api/loadingPizzaCard_20220530173809.ts | 22 + .../api/loadingPizzaCard_20220530173852.ts | 22 + .../api/loadingPizzaCard_20220530173857.ts | 22 + .../api/loadingPizzaCard_20220530173858.ts | 22 + .../api/loadingPizzaCard_20220530173900.ts | 22 + .../api/loadingPizzaCard_20220530173902.ts | 22 + .../api/loadingPizzaCard_20220530173905.ts | 22 + .../api/loadingPizzaCard_20220530173907.ts | 22 + .../api/loadingPizzaCard_20220530173909.ts | 22 + .../api/loadingPizzaCard_20220530173910.ts | 22 + .../api/loadingPizzaCard_20220530174025.ts | 24 + .../api/loadingPizzaCard_20220530174036.ts | 23 + .../api/loadingPizzaCard_20220530174042.ts | 23 + .../api/loadingPizzaCard_20220530174043.ts | 23 + .../api/loadingPizzaCard_20220530174122.ts | 23 + .../api/loadingPizzaCard_20220530174133.ts | 23 + .../api/loadingPizzaCard_20220530174156.ts | 23 + .../api/loadingPizzaCard_20220530174158.ts | 23 + .../api/loadingPizzaCard_20220530174201.js | 23 + .../api/loadingPizzaCard_20220530174201.ts | 23 + .../api/loadingPizzaCard_20220530174202.ts | 23 + .../api/loadingPizzaCard_20220530174257.js | 23 + .../api/loadingPizzaCard_20220530174300.js | 20 + .../api/loadingPizzaCard_20220530174302.js | 17 + .../api/loadingPizzaCard_20220530174307.js | 12 + .../api/loadingPizzaCard_20220530174308.js | 12 + .../api/loadingPizzaCard_20220530174311.js | 12 + .../api/loadingPizzaCard_20220530174314.js | 12 + .../api/loadingPizzaCard_20220530174336.js | 17 + .../api/loadingPizzaCard_20220530174354.js | 17 + .../api/loadingPizzaCard_20220530174356.js | 17 + .../api/loadingPizzaCard_20220530174359.js | 17 + .../api/loadingPizzaCard_20220530174401.js | 17 + .../api/loadingPizzaCard_20220530174408.js | 17 + .../api/loadingPizzaCard_20220530174411.js | 17 + .../api/loadingPizzaCard_20220530174416.js | 17 + .../api/loadingPizzaCard_20220530174518.js | 19 + .../api/loadingPizzaCard_20220530174522.js | 19 + .../api/loadingPizzaCard_20220530174525.js | 19 + .../api/loadingPizzaCard_20220530174527.js | 19 + .../api/loadingPizzaCard_20220530174530.js | 19 + .../api/loadingPizzaCard_20220530174534.js | 19 + .../api/loadingPizzaCard_20220530174559.js | 19 + .../api/loadingPizzaCard_20220530174603.js | 19 + .../api/loadingPizzaCard_20220530174615.js | 19 + .../api/loadingPizzaCard_20220530174718.js | 19 + .../api/loadingPizzaCard_20220530174746.js | 18 + .../api/loadingPizzaCard_20220530174752.js | 15 + .../api/loadingPizzaCard_20220530174754.js | 14 + .../api/loadingPizzaCard_20220604161817.js | 15 + .../api/loadingPizzaCard_20220604161826.js | 15 + .../api/loadingPizzaCard_20220604161833.js | 15 + .../api/loadingPizzaCard_20220604161837.js | 15 + .../api/loadingPizzaCard_20220617160007.js | 15 + .../[pid]_20220615061112.js | 17 + .../[pid]_20220615064228.js | 17 + .../[pid]_20220615064229.js | 17 + .../[pid]_20220615064557.js | 18 + .../[pid]_20220615064558.js | 18 + .../[pid]_20220616103227.js | 18 + .../[pid]_20220616103228.js | 18 + .../[pid]_20220617192945.js | 17 + .../loadingPizzaInformation_20220615060838.js | 0 .../loadingPizzaInformation_20220615060939.js | 16 + .../loadingPizzaInformation_20220615061043.js | 16 + .../loadingPizzaInformation_20220615061113.js | 17 + .../pages/api/loadingPizza_20220529003410.ts | 0 .../pages/api/loadingPizza_20220529003423.ts | 22 + .../pages/api/loadingPizza_20220529003758.ts | 22 + .../pages/api/loadingPizza_20220529003800.ts | 22 + .../pages/api/loadingPizza_20220529003801.ts | 22 + .../pages/api/loadingPizza_20220529003805.ts | 22 + .../pages/api/loadingPizza_20220529003807.ts | 22 + .../pages/api/loadingPizza_20220529003808.ts | 22 + .../pages/api/loadingPizza_20220529003810.ts | 22 + .../pages/api/loadingPizza_20220529003812.ts | 22 + .../pages/api/loadingPizza_20220529003815.ts | 22 + .../pages/api/loadingPizza_20220529003816.ts | 22 + .../pages/api/loadingPizza_20220529004653.ts | 22 + .../pages/api/loadingPizza_20220529004701.ts | 22 + .../pages/api/loadingPizza_20220529004709.ts | 22 + .../pages/api/loadingPizza_20220529004711.ts | 22 + .../pages/api/loadingPizza_20220529004715.ts | 22 + .../pages/api/loadingPizza_20220529004723.ts | 22 + .../pages/api/loadingPizza_20220529004725.ts | 22 + .../pages/api/loadingPizza_20220529004726.ts | 22 + .../pages/api/loadingPizza_20220529004728.ts | 22 + .../pages/api/loadingPizza_20220529004817.ts | 22 + .../pages/api/loadingPizza_20220530172136.ts | 23 + .../pages/api/loadingPizza_20220530174804.js | 20 + .../pages/api/loadingPizza_20220530174805.ts | 20 + .../pages/api/loadingPizza_20220530174901.js | 18 + .../pages/api/loadingPizza_20220530174904.js | 14 + .../pages/api/loadingStock_20220517175059.ts | 0 .../pages/api/loadingStock_20220517175202.ts | 13 + .../pages/api/loadingStock_20220517175237.ts | 15 + .../pages/api/loadingStock_20220517175417.ts | 15 + .../pages/api/loadingStock_20220517175432.ts | 15 + .../pages/api/loadingStock_20220517184243.ts | 25 + .../pages/api/loadingStock_20220517184406.ts | 26 + .../pages/api/loadingStock_20220517184439.ts | 26 + .../pages/api/loadingStock_20220517190418.ts | 26 + .../pages/api/loadingStock_20220517190449.ts | 26 + .../pages/api/loadingStock_20220517190635.ts | 26 + .../pages/api/loadingStock_20220517191632.ts | 28 + .../pages/api/loadingStock_20220517191703.ts | 18 + .../pages/api/loadingStock_20220517191825.ts | 19 + .../pages/api/loadingStock_20220517191855.ts | 20 + .../pages/api/loadingStock_20220517191947.ts | 20 + .../pages/api/loadingStock_20220517192004.ts | 20 + .../pages/api/loadingStock_20220517192536.ts | 20 + .../pages/api/loadingStock_20220517192607.ts | 20 + .../pages/api/loadingStock_20220517192807.ts | 22 + .../pages/api/loadingStock_20220517192822.ts | 22 + .../pages/api/loadingStock_20220517192843.ts | 25 + .../pages/api/loadingStock_20220517192903.ts | 22 + .../pages/api/loadingStock_20220517192914.ts | 26 + .../pages/api/loadingStock_20220517193552.ts | 26 + .../pages/api/loadingStock_20220517194149.ts | 27 + .../pages/api/loadingStock_20220517194156.ts | 27 + .../pages/api/loadingStock_20220517194237.ts | 26 + .../pages/api/loadingStock_20220517194254.ts | 26 + .../pages/api/loadingStock_20220517194458.ts | 26 + .../pages/api/loadingStock_20220517194625.ts | 27 + .../pages/api/loadingStock_20220517194717.ts | 27 + .../pages/api/loadingStock_20220517194840.ts | 15 + .../pages/api/loadingStock_20220517194905.ts | 16 + .../pages/api/loadingStock_20220517194929.ts | 17 + .../pages/api/loadingStock_20220517194944.ts | 17 + .../pages/api/loadingStock_20220517195051.ts | 25 + .../pages/api/loadingStock_20220517195059.ts | 25 + .../pages/api/loadingStock_20220517195129.ts | 25 + .../pages/api/loadingStock_20220517195143.ts | 25 + .../pages/api/loadingStock_20220517195317.ts | 25 + .../pages/api/loadingStock_20220517195455.ts | 25 + .../pages/api/loadingStock_20220517195542.ts | 26 + .../pages/api/loadingStock_20220517195755.ts | 29 + .../pages/api/loadingStock_20220517195850.ts | 29 + .../pages/api/loadingStock_20220517200916.ts | 26 + .../pages/api/loadingStock_20220517200919.ts | 26 + .../pages/api/loadingStock_20220518100322.ts | 26 + .../pages/api/loadingStock_20220518101927.ts | 28 + .../pages/api/loadingStock_20220518102102.ts | 27 + .../pages/api/loadingStock_20220518102618.ts | 27 + .../pages/api/loadingStock_20220518102833.ts | 27 + .../pages/api/loadingStock_20220518102936.ts | 27 + .../pages/api/loadingStock_20220518102952.ts | 27 + .../pages/api/loadingStock_20220518103001.ts | 27 + .../pages/api/loadingStock_20220518104147.ts | 25 + .../pages/api/loadingStock_20220518104511.ts | 25 + .../pages/api/loadingStock_20220518104718.ts | 25 + .../pages/api/loadingStock_20220518105016.ts | 25 + .../pages/api/loadingStock_20220518105456.ts | 25 + .../pages/api/loadingStock_20220518105519.ts | 25 + .../pages/api/loadingStock_20220518105543.ts | 24 + .../pages/api/loadingStock_20220518105947.ts | 24 + .../pages/api/loadingStock_20220518110120.ts | 23 + .../pages/api/loadingStock_20220518111405.ts | 23 + .../pages/api/loadingStock_20220518111722.ts | 22 + .../pages/api/loadingStock_20220518111744.ts | 22 + .../pages/api/loadingStock_20220518140322.ts | 22 + .../pages/api/loadingStock_20220520153426.ts | 23 + .../pages/api/loadingStock_20220520153455.ts | 22 + .../pages/api/loadingStock_20220530172144.ts | 23 + .../pages/api/loadingStock_20220530174807.js | 20 + .../pages/api/loadingStock_20220530174808.ts | 20 + .../pages/api/loadingStock_20220530174908.js | 18 + .../pages/api/loadingStock_20220530174911.js | 14 + .../pages/api/loadingStock_20220530174912.js | 14 + .../pages/api/loadingStock_20220604161706.js | 15 + .../pages/api/login/index_20220520141546.ts | 0 .../pages/api/login/index_20220520141604.ts | 22 + .../pages/api/login/index_20220520141728.ts | 43 + .../pages/api/login/index_20220520141931.ts | 45 + .../pages/api/login/index_20220520144912.ts | 46 + .../pages/api/login/index_20220520144959.ts | 46 + .../pages/api/login/index_20220520145118.ts | 49 + .../pages/api/login/index_20220520145131.ts | 49 + .../pages/api/login/index_20220520151436.ts | 46 + .../pages/api/login/index_20220520151600.ts | 48 + .../pages/api/login/index_20220520151641.ts | 48 + .../pages/api/login/index_20220520151726.ts | 49 + .../pages/api/login/index_20220520151941.ts | 50 + .../pages/api/login/index_20220520152014.ts | 50 + .../pages/api/login/index_20220520152230.ts | 58 + .../pages/api/login/index_20220520152319.ts | 58 + .../pages/api/login/index_20220520152408.ts | 58 + .../pages/api/login/index_20220520152421.ts | 58 + .../pages/api/login/index_20220520152447.ts | 49 + .../pages/api/login/index_20220520152558.ts | 52 + .../pages/api/login/index_20220520152638.ts | 50 + .../pages/api/login/index_20220520152653.ts | 50 + .../pages/api/login/index_20220520152708.ts | 49 + .../pages/api/login/index_20220520152731.ts | 52 + .../pages/api/login/index_20220520152748.ts | 52 + .../pages/api/login/index_20220520152807.ts | 52 + .../pages/api/login/index_20220520152816.ts | 52 + .../pages/api/login/index_20220520152908.ts | 52 + .../pages/api/login/index_20220520152927.ts | 52 + .../pages/api/login/index_20220520152930.ts | 52 + .../pages/api/login/index_20220520152940.ts | 52 + .../pages/api/login/index_20220520153006.ts | 51 + .../pages/api/login/index_20220520153030.ts | 51 + .../pages/api/login/index_20220520153107.ts | 51 + .../pages/api/login/index_20220520153134.ts | 52 + .../pages/api/login/index_20220520153218.ts | 52 + .../pages/api/login/index_20220520153339.ts | 52 + .../pages/api/login/index_20220520153511.ts | 52 + .../pages/api/login/index_20220520153554.ts | 52 + .../pages/api/login/index_20220520154132.ts | 52 + .../pages/api/login/index_20220520170153.ts | 52 + .../pages/api/login/index_20220520170251.ts | 51 + .../pages/api/login/index_20220520170406.ts | 51 + .../pages/api/login/index_20220520170522.ts | 51 + .../pages/api/login/index_20220520170551.ts | 51 + .../pages/api/login/index_20220520170656.ts | 51 + .../pages/api/login/index_20220520170700.ts | 51 + .../pages/api/login/index_20220520171325.ts | 51 + .../pages/api/login/index_20220520171408.ts | 51 + .../pages/api/login/index_20220520171547.ts | 51 + .../pages/api/login/index_20220520172233.ts | 51 + .../pages/api/login/index_20220520172302.ts | 52 + .../pages/api/login/index_20220520172314.ts | 51 + .../pages/api/login/index_20220520173026.ts | 51 + .../pages/api/login/index_20220520173105.ts | 51 + .../pages/api/login/index_20220520173117.ts | 51 + .../pages/api/login/index_20220520173332.ts | 51 + .../pages/api/login/index_20220520173400.ts | 51 + .../pages/api/login/index_20220520173546.ts | 53 + .../pages/api/login/index_20220520173904.ts | 50 + .../pages/api/login/index_20220520174503.ts | 57 + .../pages/api/login/index_20220520174541.ts | 51 + .../pages/api/login/index_20220520174814.ts | 51 + .../pages/api/login/index_20220520175041.ts | 51 + .../pages/api/login/index_20220520175104.ts | 54 + .../pages/api/login/index_20220520175212.ts | 54 + .../pages/api/login/index_20220520175248.ts | 54 + .../pages/api/login/index_20220520175321.ts | 54 + .../pages/api/login/index_20220520175339.ts | 54 + .../pages/api/login/index_20220520175522.ts | 54 + .../pages/api/login/index_20220520175651.ts | 54 + .../pages/api/login/index_20220520175744.ts | 54 + .../pages/api/login/index_20220520175748.ts | 54 + .../pages/api/login/index_20220520175800.ts | 54 + .../pages/api/login/index_20220520175822.ts | 54 + .../pages/api/login/index_20220520175828.ts | 54 + .../pages/api/login/index_20220520180309.ts | 54 + .../pages/api/login/index_20220520180437.ts | 54 + .../pages/api/login/index_20220520180819.ts | 54 + .../pages/api/login/index_20220520180840.ts | 55 + .../pages/api/login/index_20220520180851.ts | 55 + .../pages/api/login/index_20220520181014.ts | 55 + .../pages/api/login/index_20220520181028.ts | 55 + .../pages/api/login/index_20220520181123.ts | 55 + .../pages/api/login/index_20220520181139.ts | 55 + .../pages/api/login/index_20220520181250.ts | 54 + .../pages/api/login/index_20220520181314.ts | 54 + .../pages/api/login/index_20220520181404.ts | 54 + .../pages/api/login/index_20220520182047.ts | 54 + .../pages/api/login/index_20220520182106.ts | 54 + .../pages/api/login/index_20220520182159.ts | 54 + .../pages/api/login/index_20220520182233.ts | 54 + .../pages/api/login/index_20220520182640.ts | 56 + .../pages/api/login/index_20220520182656.ts | 56 + .../pages/api/login/index_20220520182714.ts | 56 + .../pages/api/login/index_20220520182737.ts | 57 + .../pages/api/login/index_20220520183032.ts | 63 + .../pages/api/login/index_20220520183150.ts | 62 + .../pages/api/login/index_20220520184159.ts | 62 + .../pages/api/login/index_20220520184321.ts | 62 + .../pages/api/login/index_20220520184333.ts | 62 + .../pages/api/login/index_20220520184403.ts | 62 + .../pages/api/login/index_20220520184550.ts | 62 + .../pages/api/login/index_20220520184805.ts | 63 + .../pages/api/login/index_20220520184846.ts | 64 + .../pages/api/login/index_20220520184906.ts | 64 + .../pages/api/login/index_20220520184917.ts | 64 + .../pages/api/login/index_20220520185005.ts | 63 + .../pages/api/login/index_20220520185023.ts | 63 + .../pages/api/login/index_20220520185046.ts | 63 + .../pages/api/login/index_20220520185114.ts | 63 + .../pages/api/login/index_20220520185234.ts | 63 + .../pages/api/login/index_20220520185301.ts | 63 + .../pages/api/login/index_20220520185321.ts | 63 + .../pages/api/login/index_20220520185425.ts | 63 + .../pages/api/login/index_20220520185621.ts | 64 + .../pages/api/login/index_20220520185713.ts | 64 + .../pages/api/login/index_20220520185723.ts | 64 + .../pages/api/login/index_20220520185821.ts | 64 + .../pages/api/login/index_20220520185832.ts | 64 + .../pages/api/login/index_20220520185845.ts | 64 + .../pages/api/login/index_20220520185853.ts | 64 + .../pages/api/login/index_20220520190015.ts | 52 + .../pages/api/login/index_20220520190025.ts | 52 + .../pages/api/login/index_20220520190032.ts | 52 + .../pages/api/login/index_20220520190057.ts | 64 + .../pages/api/login/index_20220520190134.ts | 64 + .../pages/api/login/index_20220520190156.ts | 65 + .../pages/api/login/index_20220520190236.ts | 65 + .../pages/api/login/index_20220520190245.ts | 65 + .../pages/api/login/index_20220520190318.ts | 65 + .../pages/api/login/index_20220520190410.ts | 63 + .../pages/api/login/index_20220520190550.ts | 63 + .../pages/api/login/index_20220520190611.ts | 64 + .../pages/api/login/index_20220520190621.ts | 64 + .../pages/api/login/index_20220520190635.ts | 64 + .../pages/api/login/index_20220520190638.ts | 64 + .../pages/api/login/index_20220520190648.ts | 64 + .../pages/api/login/index_20220520190758.ts | 63 + .../pages/api/login/index_20220520191105.ts | 63 + .../pages/api/login/index_20220520191126.ts | 63 + .../pages/api/login/index_20220520191233.ts | 62 + .../pages/api/login/index_20220520191303.ts | 62 + .../pages/api/login/index_20220520191349.ts | 36 + .../pages/api/login/index_20220520191402.ts | 37 + .../pages/api/login/index_20220520191424.ts | 33 + .../pages/api/login/index_20220521121825.ts | 34 + .../pages/api/login/index_20220521124306.ts | 35 + .../pages/api/login/index_20220521124450.ts | 35 + .../pages/api/login/index_20220521124517.ts | 35 + .../pages/api/login/index_20220521124551.ts | 34 + .../pages/api/login/index_20220617192141.ts | 34 + .history/pages/api/sessions_20220525194732.js | 0 .history/pages/api/sessions_20220525194741.js | 29 + .history/pages/api/sessions_20220525195623.js | 29 + .history/pages/api/sessions_20220525195640.js | 29 + .history/pages/api/sessions_20220525200049.js | 24 + .history/pages/api/sessions_20220525200308.js | 30 + .history/pages/api/sessions_20220525200402.js | 29 + .history/pages/api/sessions_20220525200632.js | 30 + .history/pages/cart_20220618071614.tsx | 0 .history/pages/cart_20220618071754.tsx | 20 + .history/pages/cart_20220618072413.tsx | 20 + .history/pages/cart_20220618073901.tsx | 20 + .history/pages/cart_20220618145521.tsx | 24 + .history/pages/cart_20220618145536.tsx | 24 + .history/pages/cart_20220618145611.tsx | 21 + .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 + .history/pages/index_20220618081119.tsx | 89 + .history/pages/pizza/[id]_20220602160944.tsx | 19 + .history/pages/pizza/[id]_20220602161323.tsx | 19 + .history/pages/pizza/[id]_20220602161422.tsx | 20 + .history/pages/pizza/[id]_20220602161904.tsx | 20 + .history/pages/pizza/id_20220602161322.tsx | 19 + .history/pages/pizza/id_20220602161423.tsx | 20 + .history/pages/private_20220525194813.jsx | 0 .history/pages/private_20220525194822.jsx | 34 + .history/pages/signin_20220525194830.jsx | 0 .history/pages/signin_20220525194839.jsx | 45 + .../Categories/selectors_20220528224942.ts | 0 .../Categories/selectors_20220528225443.ts | 3 + .../redux/Categories/slice_20220528224950.ts | 0 .../redux/Categories/slice_20220528225402.ts | 38 + .../redux/Categories/stock_20220528225000.ts | 0 .../redux/Categories/stock_20220528225156.ts | 12 + .../redux/Categories/types_20220528225012.ts | 0 .../redux/Categories/types_20220528225114.ts | 15 + .../redux/cards/selectors_20220518131315.ts | 0 .../redux/cards/selectors_20220518131334.ts | 3 + .history/redux/cards/slice_20220518125527.ts | 0 .history/redux/cards/slice_20220518125545.ts | 38 + .history/redux/cards/slice_20220518125652.ts | 38 + .history/redux/cards/slice_20220518125716.ts | 38 + .history/redux/cards/slice_20220518125757.ts | 38 + .history/redux/cards/slice_20220518130450.ts | 38 + .history/redux/cards/slice_20220518133433.ts | 38 + .history/redux/cards/stock_20220518112222.ts | 0 .history/redux/cards/stock_20220518112241.ts | 28 + .history/redux/cards/stock_20220518112407.ts | 28 + .history/redux/cards/stock_20220518112428.ts | 28 + .history/redux/cards/stock_20220518112511.ts | 28 + .history/redux/cards/stock_20220518112531.ts | 28 + .history/redux/cards/stock_20220518112534.ts | 28 + .history/redux/cards/stock_20220518112558.ts | 28 + .history/redux/cards/stock_20220518113444.ts | 15 + .history/redux/cards/stock_20220518113515.ts | 13 + .history/redux/cards/stock_20220518113537.ts | 14 + .history/redux/cards/stock_20220518113719.ts | 14 + .history/redux/cards/stock_20220518113823.ts | 28 + .history/redux/cards/stock_20220518113855.ts | 28 + .history/redux/cards/stock_20220518115010.ts | 28 + .history/redux/cards/stock_20220518115128.ts | 27 + .history/redux/cards/stock_20220518115143.ts | 27 + .history/redux/cards/stock_20220518115421.ts | 28 + .history/redux/cards/stock_20220518115458.ts | 28 + .history/redux/cards/stock_20220518115631.ts | 28 + .history/redux/cards/stock_20220518120005.ts | 28 + .history/redux/cards/stock_20220518120748.ts | 28 + .history/redux/cards/stock_20220518120942.ts | 28 + .history/redux/cards/stock_20220518124555.ts | 14 + .history/redux/cards/stock_20220518124613.ts | 14 + .history/redux/cards/stock_20220518124654.ts | 14 + .history/redux/cards/stock_20220518125228.ts | 14 + .history/redux/cards/stock_20220518125242.ts | 14 + .history/redux/cards/stock_20220518131119.ts | 15 + .history/redux/cards/stock_20220518131140.ts | 15 + .history/redux/cards/stock_20220518133603.ts | 15 + .history/redux/cards/types_20220518112341.ts | 0 .history/redux/cards/types_20220518112352.ts | 28 + .history/redux/cards/types_20220518125020.ts | 28 + .history/redux/cards/types_20220518125056.ts | 20 + .history/redux/cards/types_20220518125118.ts | 20 + .history/redux/cards/types_20220518125125.ts | 20 + .history/redux/cards/types_20220518125131.ts | 20 + .history/redux/cards/types_20220518125136.ts | 20 + .history/redux/cards/types_20220518125203.ts | 19 + .history/redux/cards/types_20220518133114.ts | 19 + .history/redux/cards/types_20220518133117.ts | 19 + .history/redux/cards/types_20220518133149.ts | 20 + .history/redux/cards/types_20220518133154.ts | 21 + .history/redux/cards/types_20220518133205.ts | 21 + .../redux/cart/selectors_20220516233536.ts | 6 + .../redux/cart/selectors_20220617192312.ts | 6 + .../redux/categories/index_20220529002654.ts | 4 + .../redux/categories/index_20220529002657.ts | 4 + .../redux/categories/index_20220529002741.ts | 4 + .../redux/categories/index_20220529002743.ts | 4 + .../redux/categories/index_20220529002753.ts | 4 + .../redux/categories/index_20220529002754.ts | 4 + .../redux/categories/slice_20220528225401.ts | 38 + .../redux/categories/slice_20220528232015.ts | 38 + .../redux/categories/slice_20220528232117.ts | 38 + .../redux/categories/slice_20220528232349.ts | 38 + .../redux/categories/slice_20220528233133.ts | 38 + .../redux/categories/slice_20220528233227.ts | 38 + .../redux/categories/slice_20220528233302.ts | 38 + .../redux/categories/stock_20220528225155.ts | 12 + .../redux/categories/stock_20220528232713.ts | 12 + .../redux/categories/types_20220528225113.ts | 15 + .../redux/categories/types_20220528231841.ts | 15 + .../redux/categories/types_20220528233125.ts | 15 + .../redux/categories/types_20220528233240.ts | 15 + .../login/asyncActions_20220521121235.ts | 0 .../login/asyncActions_20220521121245.ts | 28 + .../login/asyncActions_20220521121252.ts | 28 + .../login/asyncActions_20220521121459.ts | 24 + .../login/asyncActions_20220521121640.ts | 24 + .../login/asyncActions_20220521121700.ts | 24 + .../login/asyncActions_20220521123447.ts | 24 + .../login/asyncActions_20220521124137.ts | 23 + .../login/asyncActions_20220521124208.ts | 23 + .../login/asyncActions_20220521124947.ts | 23 + .../login/asyncActions_20220521133002.ts | 23 + .../login/asyncActions_20220521133017.ts | 23 + .../login/asyncActions_20220521133306.ts | 23 + .../login/asyncActions_20220521133620.ts | 23 + .../login/asyncActions_20220522125128.ts | 24 + .../login/asyncActions_20220522125353.ts | 31 + .../login/asyncActions_20220522125507.ts | 31 + .../login/asyncActions_20220522125620.ts | 31 + .../login/asyncActions_20220522125729.ts | 31 + .../login/asyncActions_20220522125802.ts | 31 + .../login/asyncActions_20220522125836.ts | 31 + .../login/asyncActions_20220522130110.ts | 31 + .../login/asyncActions_20220522130252.ts | 31 + .../login/asyncActions_20220522130338.ts | 31 + .../login/asyncActions_20220522130350.ts | 31 + .../login/asyncActions_20220522130420.ts | 31 + .../login/asyncActions_20220522130452.ts | 32 + .../login/asyncActions_20220522130924.ts | 34 + .../login/asyncActions_20220522131004.ts | 33 + .../login/asyncActions_20220522131136.ts | 33 + .../login/asyncActions_20220522131330.ts | 32 + .../login/asyncActions_20220522131349.ts | 32 + .../login/asyncActions_20220522131428.ts | 32 + .../login/asyncActions_20220522131501.ts | 33 + .../login/asyncActions_20220522131552.ts | 33 + .../login/asyncActions_20220522131758.ts | 38 + .../login/asyncActions_20220522131903.ts | 41 + .../login/asyncActions_20220522131910.ts | 43 + .../login/asyncActions_20220522131950.ts | 42 + .../login/asyncActions_20220522132023.ts | 40 + .../login/asyncActions_20220522132036.ts | 40 + .../login/asyncActions_20220522132110.ts | 41 + .../login/asyncActions_20220522132138.ts | 41 + .../login/asyncActions_20220522132203.ts | 41 + .../login/asyncActions_20220522132345.ts | 33 + .../login/asyncActions_20220522132653.ts | 30 + .../login/asyncActions_20220522132739.ts | 31 + .../redux/login/selectors_20220520192512.ts | 0 .../redux/login/selectors_20220520192526.ts | 3 + .../redux/login/selectors_20220520192607.ts | 3 + .../redux/login/selectors_20220521113556.ts | 3 + .history/redux/login/slice_20220520192637.ts | 0 .history/redux/login/slice_20220520192724.ts | 38 + .history/redux/login/slice_20220520192754.ts | 38 + .history/redux/login/slice_20220521112408.ts | 38 + .history/redux/login/slice_20220521112531.ts | 38 + .history/redux/login/slice_20220521112832.ts | 38 + .history/redux/login/slice_20220521112857.ts | 38 + .history/redux/login/slice_20220521113037.ts | 38 + .history/redux/login/slice_20220521113059.ts | 38 + .history/redux/login/slice_20220521113117.ts | 38 + .history/redux/login/slice_20220521113142.ts | 38 + .history/redux/login/slice_20220521113218.ts | 38 + .history/redux/login/slice_20220521113228.ts | 38 + .history/redux/login/slice_20220521113325.ts | 38 + .history/redux/login/slice_20220521113715.ts | 38 + .history/redux/login/slice_20220521113724.ts | 38 + .history/redux/login/slice_20220521113753.ts | 38 + .history/redux/login/slice_20220521113845.ts | 38 + .history/redux/login/slice_20220521113913.ts | 38 + .history/redux/login/slice_20220521113923.ts | 38 + .history/redux/login/slice_20220521132601.ts | 38 + .history/redux/login/slice_20220521132625.ts | 38 + .history/redux/login/slice_20220521132914.ts | 38 + .history/redux/login/slice_20220521132926.ts | 38 + .history/redux/login/slice_20220521133104.ts | 38 + .history/redux/login/slice_20220521133339.ts | 39 + .history/redux/login/slice_20220521133351.ts | 39 + .history/redux/login/slice_20220521133406.ts | 39 + .history/redux/login/slice_20220521133443.ts | 38 + .history/redux/login/slice_20220521133606.ts | 38 + .history/redux/login/slice_20220521133609.ts | 38 + .history/redux/login/stock_20220520192816.ts | 0 .history/redux/login/stock_20220520192858.ts | 11 + .history/redux/login/stock_20220520193046.ts | 11 + .history/redux/login/stock_20220521112955.ts | 11 + .history/redux/login/types_20220520192205.ts | 0 .history/redux/login/types_20220520192425.ts | 3 + .history/redux/login/types_20220521112550.ts | 9 + .history/redux/login/types_20220521112645.ts | 10 + .history/redux/login/types_20220521112754.ts | 16 + .history/redux/login/types_20220521112824.ts | 16 + .history/redux/login/types_20220521112842.ts | 16 + .history/redux/login/types_20220521112915.ts | 14 + .history/redux/login/types_20220521113048.ts | 14 + .history/redux/login/types_20220521113128.ts | 14 + .history/redux/login/types_20220521113134.ts | 14 + .history/redux/login/types_20220521113430.ts | 14 + .history/redux/login/types_20220521113500.ts | 10 + .history/redux/login/types_20220521113519.ts | 14 + .history/redux/login/types_20220521113857.ts | 14 + .history/redux/login/types_20220521121341.ts | 19 + .history/redux/login/types_20220521132615.ts | 19 + .history/redux/login/types_20220521133228.ts | 19 + .history/redux/login/types_20220522130244.ts | 20 + .../redux/pizza/selectors_20220529002858.ts | 3 + .../redux/pizza/selectors_20220529002944.ts | 3 + .../redux/pizza/selectors_20220529002948.ts | 3 + .../redux/pizza/selectors_20220529002949.ts | 3 + .history/redux/pizza/slice_20220529002858.ts | 38 + .history/redux/pizza/slice_20220529003022.ts | 38 + .history/redux/pizza/slice_20220529003029.ts | 38 + .history/redux/pizza/slice_20220529003032.ts | 38 + .history/redux/pizza/slice_20220529003034.ts | 38 + .history/redux/pizza/slice_20220529003036.ts | 38 + .history/redux/pizza/slice_20220529003043.ts | 38 + .history/redux/pizza/slice_20220529003045.ts | 38 + .history/redux/pizza/slice_20220529003047.ts | 38 + .history/redux/pizza/slice_20220529003050.ts | 38 + .history/redux/pizza/slice_20220529003051.ts | 38 + .history/redux/pizza/slice_20220529003053.ts | 38 + .history/redux/pizza/slice_20220529003100.ts | 38 + .history/redux/pizza/slice_20220529003102.ts | 38 + .history/redux/pizza/slice_20220529003105.ts | 38 + .history/redux/pizza/slice_20220529003110.ts | 38 + .history/redux/pizza/slice_20220529003112.ts | 38 + .history/redux/pizza/slice_20220529003115.ts | 38 + .history/redux/pizza/slice_20220529003118.ts | 38 + .history/redux/pizza/slice_20220529003120.ts | 38 + .history/redux/pizza/slice_20220529003124.ts | 38 + .history/redux/pizza/slice_20220529003126.ts | 38 + .history/redux/pizza/slice_20220529003130.ts | 38 + .history/redux/pizza/slice_20220529003132.ts | 38 + .history/redux/pizza/slice_20220529003136.ts | 38 + .history/redux/pizza/slice_20220529003140.ts | 38 + .history/redux/pizza/slice_20220529003143.ts | 38 + .history/redux/pizza/slice_20220529003144.ts | 38 + .history/redux/pizza/slice_20220529003151.ts | 38 + .history/redux/pizza/slice_20220529003154.ts | 38 + .history/redux/pizza/slice_20220529003157.ts | 38 + .history/redux/pizza/slice_20220529003159.ts | 38 + .history/redux/pizza/slice_20220529003200.ts | 38 + .history/redux/pizza/slice_20220529003204.ts | 38 + .history/redux/pizza/slice_20220529003206.ts | 38 + .history/redux/pizza/slice_20220529003209.ts | 38 + .history/redux/pizza/slice_20220529003212.ts | 38 + .history/redux/pizza/slice_20220529003215.ts | 38 + .history/redux/pizza/slice_20220529003216.ts | 38 + .history/redux/pizza/slice_20220529003331.ts | 38 + .history/redux/pizza/slice_20220529003333.ts | 38 + .history/redux/pizza/slice_20220529003335.ts | 38 + .history/redux/pizza/slice_20220529003337.ts | 38 + .history/redux/pizza/slice_20220529003340.ts | 38 + .history/redux/pizza/slice_20220529003342.ts | 38 + .history/redux/pizza/slice_20220529003350.ts | 38 + .history/redux/pizza/slice_20220529003353.ts | 38 + .history/redux/pizza/stock_20220529002858.ts | 12 + .history/redux/pizza/stock_20220529003255.ts | 12 + .history/redux/pizza/stock_20220529003257.ts | 12 + .history/redux/pizza/stock_20220529003259.ts | 12 + .history/redux/pizza/stock_20220529003301.ts | 12 + .history/redux/pizza/stock_20220529003304.ts | 12 + .history/redux/pizza/stock_20220529003306.ts | 12 + .history/redux/pizza/stock_20220529003310.ts | 12 + .history/redux/pizza/stock_20220529003312.ts | 12 + .history/redux/pizza/stock_20220529003315.ts | 12 + .history/redux/pizza/stock_20220529003320.ts | 12 + .history/redux/pizza/stock_20220529003322.ts | 12 + .history/redux/pizza/stock_20220529003323.ts | 12 + .history/redux/pizza/stock_20220529141149.ts | 12 + .history/redux/pizza/types_20220529002858.ts | 15 + .history/redux/pizza/types_20220529003226.ts | 15 + .history/redux/pizza/types_20220529003228.ts | 15 + .history/redux/pizza/types_20220529003237.ts | 15 + .history/redux/pizza/types_20220529003239.ts | 15 + .history/redux/pizza/types_20220529003243.ts | 15 + .history/redux/pizza/types_20220529003245.ts | 15 + .history/redux/pizza/types_20220529003247.ts | 15 + .history/redux/pizza/types_20220529003248.ts | 15 + .history/redux/pizza/types_20220529003250.ts | 15 + .history/redux/pizza/types_20220529004156.ts | 15 + .history/redux/pizza/types_20220529004159.ts | 15 + .history/redux/pizza/types_20220529004201.ts | 15 + .history/redux/pizza/types_20220529004204.ts | 16 + .history/redux/pizza/types_20220529004211.ts | 16 + .history/redux/pizza/types_20220529004305.ts | 17 + .history/redux/pizza/types_20220529004307.ts | 17 + .history/redux/pizza/types_20220529004309.ts | 18 + .history/redux/pizza/types_20220529004343.ts | 18 + .history/redux/pizza/types_20220529004346.ts | 18 + .history/redux/pizza/types_20220529004922.ts | 18 + .history/redux/pizza/types_20220529004942.ts | 18 + .history/redux/pizza/types_20220617161309.ts | 18 + .history/redux/pizza/types_20220617161326.ts | 18 + .../redux/pizzaToCart/index_20220615154726.ts | 0 .../redux/pizzaToCart/index_20220615155718.ts | 4 + .../pizzaToCart/selectors_20220615154737.ts | 0 .../pizzaToCart/selectors_20220615154922.ts | 3 + .../redux/pizzaToCart/slice_20220615154928.ts | 0 .../redux/pizzaToCart/slice_20220615155630.ts | 38 + .../redux/pizzaToCart/stock_20220615155004.ts | 0 .../redux/pizzaToCart/stock_20220615155214.ts | 12 + .../redux/pizzaToCart/stock_20220615161640.ts | 15 + .../redux/pizzaToCart/stock_20220615161735.ts | 15 + .../redux/pizzaToCart/stock_20220615161844.ts | 13 + .../redux/pizzaToCart/stock_20220615161957.ts | 13 + .../redux/pizzaToCart/stock_20220615162004.ts | 14 + .../redux/pizzaToCart/stock_20220615162016.ts | 13 + .../redux/pizzaToCart/stock_20220615162050.ts | 13 + .../redux/pizzaToCart/stock_20220617162816.ts | 12 + .../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 + .../redux/pizzaToCart/types_20220616123850.ts | 24 + .history/redux/stoke/index_20220529002617.ts | 0 .history/redux/stoke/index_20220529002622.ts | 1 + .history/redux/stoke/index_20220529002625.ts | 1 + .history/redux/stoke/index_20220529002627.ts | 1 + .history/redux/stoke/index_20220529002631.ts | 1 + .history/redux/stoke/index_20220529002632.ts | 1 + .history/redux/stoke/index_20220529002636.ts | 4 + .history/redux/stoke/index_20220529002639.ts | 4 + .history/redux/stoke/index_20220529002641.ts | 4 + .history/redux/stoke/index_20220529002644.ts | 4 + .history/redux/stoke/index_20220529002648.ts | 4 + .history/redux/stoke/index_20220529002649.ts | 4 + .history/redux/stoke/index_20220529002650.ts | 4 + .history/redux/stoke/slice_20220518133432.ts | 38 + .history/redux/stoke/slice_20220528232346.ts | 38 + .history/redux/stoke/stock_20220518133602.ts | 15 + .history/redux/stoke/stock_20220518143147.ts | 12 + .history/redux/stoke/stock_20220518143207.ts | 13 + .history/redux/stoke/stock_20220518143216.ts | 13 + .history/redux/stoke/stock_20220518143226.ts | 12 + .history/redux/stoke/stock_20220518143321.ts | 12 + .history/redux/stoke/stock_20220518144026.ts | 12 + .history/redux/stoke/stock_20220518144528.ts | 12 + .history/redux/stoke/stock_20220518144551.ts | 12 + .history/redux/stoke/stock_20220518144602.ts | 11 + .history/redux/stoke/stock_20220520193057.ts | 11 + .history/redux/stoke/stock_20220522073628.ts | 12 + .history/redux/store_20220516224141.ts | 19 + .history/redux/store_20220518121406.ts | 19 + .history/redux/store_20220518121418.ts | 20 + .history/redux/store_20220518121450.ts | 16 + .history/redux/store_20220518121453.ts | 15 + .history/redux/store_20220518121538.ts | 15 + .history/redux/store_20220518121554.ts | 15 + .history/redux/store_20220518124455.ts | 15 + .history/redux/store_20220518124610.ts | 15 + .history/redux/store_20220518131820.ts | 15 + .history/redux/store_20220518131826.ts | 15 + .history/redux/store_20220518131926.ts | 15 + .history/redux/store_20220518131944.ts | 15 + .history/redux/store_20220518143023.ts | 15 + .history/redux/store_20220520192629.ts | 15 + .history/redux/store_20220520193120.ts | 15 + .history/redux/store_20220521113613.ts | 15 + .history/redux/store_20220528225510.ts | 16 + .history/redux/store_20220528225618.ts | 16 + .history/redux/store_20220529002955.ts | 16 + .history/redux/store_20220529003000.ts | 17 + .history/redux/store_20220529003003.ts | 17 + .history/redux/store_20220529003004.ts | 17 + .history/redux/store_20220529003008.ts | 17 + .history/redux/store_20220529003009.ts | 17 + .history/redux/store_20220615155707.ts | 18 + .history/server/db/connect_20220517174650.ts | 17 + .history/server/db/connect_20220517175340.ts | 18 + .history/server/db/connect_20220517175350.ts | 19 + .history/server/db/connect_20220517175415.ts | 22 + .history/server/db/connect_20220517190254.ts | 31 + .history/server/db/connect_20220517190334.ts | 23 + .history/server/db/connect_20220517190403.ts | 23 + .history/server/db/connect_20220517190427.ts | 21 + .history/server/db/connect_20220517191238.ts | 21 + .history/server/db/connect_20220517191246.ts | 21 + .history/server/db/connect_20220517191258.ts | 21 + .history/server/db/connect_20220517191449.ts | 21 + .history/server/db/connect_20220517191505.ts | 21 + .history/server/db/connect_20220517191529.ts | 21 + .history/server/db/connect_20220517191941.ts | 22 + .history/server/db/connect_20220517191950.ts | 22 + .history/server/db/connect_20220517192425.ts | 11 + .history/server/db/connect_20220518140312.ts | 11 + .history/server/db/connect_20220518140354.ts | 11 + .history/server/db/connect_20220530170956.ts | 11 + .history/server/db/connect_20220530170958.ts | 13 + .history/server/db/connect_20220530171000.ts | 13 + .history/server/db/connect_20220530171830.ts | 11 + .history/server/db/connect_20220530172650.ts | 11 + .history/server/db/connect_20220530172654.ts | 11 + .history/server/db/connect_20220530172700.ts | 13 + .history/server/db/index_20220518110228.ts | 0 .history/server/db/index_20220518110258.ts | 1 + .history/server/db/index_20220518110324.ts | 2 + .history/server/db/select_20220518110309.ts | 0 .history/server/db/select_20220518110341.ts | 11 + .history/server/db/select_20220518110629.ts | 12 + .history/server/db/select_20220518110647.ts | 9 + .history/server/db/select_20220518110757.ts | 9 + .../server/types/customer_20220517193704.ts | 0 .../server/types/customer_20220517193713.ts | 10 + .../server/types/customer_20220517193715.ts | 10 + .../server/types/customer_20220517193745.ts | 20 + .../server/types/customer_20220517193953.ts | 9 + .history/server/types/order_20220517193849.ts | 0 .history/server/types/order_20220517193905.ts | 17 + .history/server/types/order_20220517194006.ts | 17 + .history/server/types/order_20220517194012.ts | 17 + .../server/types/product_20220517193924.ts | 0 .../server/types/product_20220517194000.ts | 10 + .../styles/components/Box_20220529002316.scss | 0 .../styles/components/Box_20220529002320.scss | 104 + .../styles/components/Box_20220529002336.scss | 94 + .../styles/components/Box_20220529002345.scss | 21 + .../styles/components/Box_20220529002352.scss | 10 + .../styles/components/Box_20220529002354.scss | 11 + .../styles/components/Box_20220529002356.scss | 11 + .../styles/components/Box_20220616161603.scss | 11 + .../styles/components/Box_20220616161618.scss | 12 + .../styles/components/Box_20220616161700.scss | 11 + .../styles/components/Box_20220616163439.scss | 11 + .../components/CardPizza_20220529134225.scss | 0 .../components/CardPizza_20220529134228.scss | 54 + .../components/CardPizza_20220529134233.scss | 54 + .../components/CardPizza_20220529134234.scss | 54 + .../components/CardPizza_20220529134236.scss | 54 + .../components/CardPizza_20220529134237.scss | 54 + .../components/CardPizza_20220529134239.scss | 54 + .../components/CardPizza_20220529134241.scss | 54 + .../components/CardPizza_20220529134243.scss | 54 + .../components/CardPizza_20220529134245.scss | 54 + .../components/CardPizza_20220529150903.scss | 54 + .../components/CardPizza_20220529150935.scss | 54 + .../components/CardPizza_20220529150937.scss | 54 + .../components/CardPizza_20220529150944.scss | 54 + .../components/CardPizza_20220529151026.scss | 54 + .../components/CardPizza_20220529151035.scss | 54 + .../components/CardStock_20220517174002.scss | 92 + .../components/CardStock_20220518141440.scss | 91 + .../components/CardStock_20220518141506.scss | 92 + .../components/CardStock_20220518142007.scss | 97 + .../components/CardStock_20220518142009.scss | 97 + .../components/CardStock_20220518142037.scss | 98 + .../components/CardStock_20220518142055.scss | 103 + .../components/CardStock_20220518142117.scss | 103 + .../components/CardStock_20220518142237.scss | 104 + .../components/Categories_20220528235004.scss | 0 .../components/Categories_20220528235007.scss | 10 + .../components/Categories_20220528235015.scss | 10 + .../components/Categories_20220528235038.scss | 10 + .../components/Categories_20220528235041.scss | 10 + .../components/Categories_20220528235044.scss | 9 + .../components/Categories_20220528235104.scss | 10 + .../components/Categories_20220528235106.scss | 10 + .../components/Categories_20220528235108.scss | 10 + .../components/Categories_20220528235120.scss | 10 + .../components/Categories_20220528235125.scss | 10 + .../components/Categories_20220528235127.scss | 10 + .../components/Categories_20220528235128.scss | 10 + .../components/Categories_20220528235132.scss | 10 + .../components/Categories_20220528235136.scss | 10 + .../components/Categories_20220528235208.scss | 9 + .../components/Container_20220517171914.scss | 9 + .../components/Container_20220529144313.scss | 10 + .../components/Container_20220529144319.scss | 12 + .../components/Container_20220529144331.scss | 12 + .../components/Container_20220529144338.scss | 12 + .../components/Container_20220529144340.scss | 14 + .../components/Container_20220529144347.scss | 14 + .../components/Container_20220529144351.scss | 14 + .../components/Container_20220529144448.scss | 15 + .../components/Container_20220530181636.scss | 15 + .../components/Container_20220531141734.scss | 14 + .../components/Container_20220531141741.scss | 15 + .../components/Container_20220531141826.scss | 16 + .../components/Container_20220531141827.scss | 16 + .../components/Container_20220531141942.scss | 15 + .../components/Container_20220531142121.scss | 16 + .../components/Container_20220531142126.scss | 16 + .../components/Container_20220531142139.scss | 15 + .../components/Container_20220531142538.scss | 15 + .../components/Header_20220517155934.scss | 109 + .../components/Header_20220529152151.scss | 109 + .../components/Header_20220529153019.scss | 109 + .../components/Header_20220529153027.scss | 109 + .../components/Header_20220529153227.scss | 109 + .../components/Header_20220529153239.scss | 109 + .../components/Header_20220529153244.scss | 109 + .../components/Header_20220529153245.scss | 109 + .../components/Header_20220529153730.scss | 109 + .../components/Header_20220529153743.scss | 109 + .../components/Header_20220529153753.scss | 109 + .../components/Header_20220529153825.scss | 109 + .../components/Header_20220529153830.scss | 109 + .../components/Header_20220529153839.scss | 109 + .../components/Header_20220529153840.scss | 109 + .../components/Header_20220529153845.scss | 109 + .../components/Header_20220529153935.scss | 109 + .../components/Header_20220529153944.scss | 109 + .../components/Header_20220529154032.scss | 109 + .../components/Header_20220529154308.scss | 109 + .../components/Header_20220529154309.scss | 109 + .../components/Header_20220529154324.scss | 109 + .../components/Header_20220529154334.scss | 109 + .../components/Header_20220529154340.scss | 109 + .../components/Header_20220529154343.scss | 109 + .../components/Header_20220529154347.scss | 109 + .../components/Header_20220529154357.scss | 109 + .../components/Header_20220529154410.scss | 109 + .../components/Header_20220529154416.scss | 109 + .../components/Header_20220529154422.scss | 109 + .../components/Header_20220529154449.scss | 109 + .../components/Header_20220529154459.scss | 109 + .../components/Header_20220529154508.scss | 109 + .../components/Header_20220529154514.scss | 109 + .../components/Header_20220529154518.scss | 109 + .../components/Header_20220529154524.scss | 109 + .../components/Header_20220529154535.scss | 107 + .../components/Header_20220529154537.scss | 109 + .../components/Header_20220529154541.scss | 109 + .../components/Header_20220529154544.scss | 110 + .../components/Header_20220529154559.scss | 109 + .../components/Header_20220529154601.scss | 109 + .../components/Header_20220529154616.scss | 109 + .../components/Header_20220529154622.scss | 109 + .../components/Header_20220529154626.scss | 109 + .../components/Header_20220529154627.scss | 109 + .../components/Header_20220529154638.scss | 109 + .../components/Header_20220529154649.scss | 109 + .../components/Header_20220529154732.scss | 108 + .../components/Header_20220529154743.scss | 108 + .../components/Header_20220529154801.scss | 108 + .../components/Header_20220529154826.scss | 107 + .../components/Header_20220529154837.scss | 107 + .../components/Header_20220529154848.scss | 107 + .../components/Header_20220529154853.scss | 107 + .../components/Header_20220529154903.scss | 107 + .../components/Header_20220529154909.scss | 107 + .../components/Header_20220529154912.scss | 107 + .../components/Header_20220529154924.scss | 107 + .../components/Header_20220529154927.scss | 107 + .../components/Header_20220529154943.scss | 107 + .../components/Header_20220529154949.scss | 107 + .../components/Header_20220529154957.scss | 106 + .../components/Header_20220529155011.scss | 105 + .../components/Header_20220529155024.scss | 105 + .../components/Header_20220529155031.scss | 105 + .../components/Header_20220529155125.scss | 105 + .../components/Header_20220529155140.scss | 105 + .../components/Header_20220529155144.scss | 105 + .../components/Header_20220529155149.scss | 105 + .../components/Header_20220529155153.scss | 105 + .../components/Header_20220529155159.scss | 105 + .../components/Header_20220529155501.scss | 105 + .../components/Header_20220529155504.scss | 104 + .../components/Header_20220529155606.scss | 104 + .../components/Header_20220529155610.scss | 105 + .../components/Header_20220529155617.scss | 105 + .../components/Header_20220529155618.scss | 105 + .../components/Header_20220529155710.scss | 105 + .../components/Header_20220529155922.scss | 104 + .../components/Header_20220529155930.scss | 104 + .../components/Header_20220529155931.scss | 104 + .../components/Header_20220529155940.scss | 104 + .../components/Header_20220529155945.scss | 104 + .../components/Header_20220529155956.scss | 104 + .../components/Header_20220529160004.scss | 105 + .../components/Header_20220529160009.scss | 105 + .../components/Header_20220529160024.scss | 105 + .../components/Header_20220529160129.scss | 105 + .../components/Header_20220529160130.scss | 105 + .../components/Header_20220529160134.scss | 105 + .../components/Header_20220529160149.scss | 105 + .../components/Header_20220529160151.scss | 105 + .../components/Header_20220529160152.scss | 105 + .../components/Header_20220529160157.scss | 105 + .../components/Header_20220529160429.scss | 101 + .../components/Header_20220529160501.scss | 101 + .../components/Header_20220529160515.scss | 101 + .../components/Header_20220530175537.scss | 101 + .../components/Header_20220530175552.scss | 101 + .../components/Header_20220530175553.scss | 101 + .../components/Header_20220530175557.scss | 101 + .../components/Header_20220530175608.scss | 101 + .../components/Header_20220530175616.scss | 101 + .../components/Header_20220530175634.scss | 101 + .../components/Header_20220530175655.scss | 101 + .../components/Header_20220530175658.scss | 101 + .../components/Header_20220530175706.scss | 101 + .../components/Header_20220530175709.scss | 101 + .../components/Header_20220530175820.scss | 101 + .../components/Header_20220530180023.scss | 101 + .../components/Header_20220530180050.scss | 100 + .../components/Header_20220530182037.scss | 100 + .../components/Header_20220530182044.scss | 100 + .../components/Header_20220530182052.scss | 100 + .../components/Header_20220530182059.scss | 100 + .../components/Header_20220530182123.scss | 101 + .../components/Header_20220530182125.scss | 101 + .../components/Header_20220530182128.scss | 101 + .../components/Header_20220530182130.scss | 101 + .../components/Header_20220530182135.scss | 101 + .../components/Header_20220530182154.scss | 100 + .../components/Header_20220530182159.scss | 101 + .../components/Header_20220530182203.scss | 101 + .../components/Header_20220530182204.scss | 101 + .../components/Header_20220530182206.scss | 101 + .../components/Header_20220530182212.scss | 101 + .../components/Header_20220530182216.scss | 104 + .../components/Header_20220530182218.scss | 104 + .../components/Header_20220530182221.scss | 104 + .../components/Header_20220530182227.scss | 104 + .../components/Header_20220530182228.scss | 104 + .../components/Header_20220530182233.scss | 104 + .../components/Header_20220530182619.scss | 110 + .../components/Header_20220530182629.scss | 110 + .../components/Header_20220530182633.scss | 110 + .../components/Header_20220530182634.scss | 110 + .../components/Header_20220530182637.scss | 110 + .../components/Header_20220530182710.scss | 110 + .../components/Header_20220530182740.scss | 110 + .../components/Header_20220530182741.scss | 110 + .../components/Header_20220530182754.scss | 110 + .../components/Header_20220530182811.scss | 110 + .../components/Header_20220530182814.scss | 110 + .../components/Header_20220530183123.scss | 110 + .../components/Header_20220530183127.scss | 110 + .../components/Header_20220530183354.scss | 111 + .../components/Header_20220530183358.scss | 111 + .../components/Header_20220530183401.scss | 113 + .../components/Header_20220530183406.scss | 113 + .../components/Header_20220530183507.scss | 113 + .../components/Header_20220530183516.scss | 113 + .../components/Header_20220530183721.scss | 112 + .../components/Header_20220530183734.scss | 112 + .../components/Header_20220530183736.scss | 112 + .../components/Header_20220530183749.scss | 113 + .../components/Header_20220530183750.scss | 114 + .../components/Header_20220530183752.scss | 114 + .../components/Header_20220530183800.scss | 116 + .../components/Header_20220530183802.scss | 116 + .../components/Header_20220530183804.scss | 116 + .../components/Header_20220530183806.scss | 116 + .../components/Header_20220530183842.scss | 116 + .../components/Header_20220530183855.scss | 116 + .../components/Header_20220530183907.scss | 116 + .../components/Header_20220530183909.scss | 116 + .../components/Header_20220531142728.scss | 116 + .../components/Header_20220531142730.scss | 116 + .../components/Header_20220531142737.scss | 116 + .../components/Header_20220531142750.scss | 116 + .../components/Header_20220531142755.scss | 116 + .../components/Header_20220531142802.scss | 116 + .../components/Header_20220531142826.scss | 116 + .../components/Header_20220531142827.scss | 116 + .../components/Header_20220615035952.scss | 116 + .../components/Header_20220615040003.scss | 116 + .../components/Header_20220615040009.scss | 116 + .../components/Header_20220615040029.scss | 116 + .../components/Header_20220617163154.scss | 117 + .../components/Login_20220520131958.scss | 0 .../components/Login_20220520132017.scss | 3 + .../components/Login_20220520132058.scss | 25 + .../components/Login_20220520132218.scss | 24 + .../components/MottoBlock_20220528233728.scss | 0 .../components/MottoBlock_20220528233746.scss | 29 + .../components/MottoBlock_20220528233801.scss | 37 + .../components/MottoBlock_20220528233802.scss | 37 + .../components/MottoBlock_20220528233912.scss | 37 + .../components/MottoBlock_20220528233915.scss | 37 + .../components/MottoBlock_20220528233920.scss | 37 + .../components/MottoBlock_20220528233924.scss | 37 + .../components/MottoBlock_20220528233930.scss | 37 + .../components/MottoBlock_20220528234052.scss | 37 + .../components/MottoBlock_20220528234357.scss | 53 + .../components/MottoBlock_20220528234358.scss | 53 + .../components/MottoBlock_20220529144754.scss | 53 + .../components/MottoBlock_20220529144757.scss | 53 + .../components/MottoBlock_20220529144820.scss | 54 + .../components/MottoBlock_20220529144822.scss | 54 + .../components/MottoBlock_20220529144823.scss | 54 + .../components/MottoBlock_20220529152902.scss | 54 + .../UX/ButtonImg_20220529143512.scss | 0 .../UX/ButtonImg_20220529143515.scss | 62 + .../UX/ButtonImg_20220529143518.scss | 61 + .../UX/ButtonImg_20220529143531.scss | 61 + .../components/UX/Button_20220520132903.scss | 0 .../components/UX/Button_20220520132911.scss | 85 + .../components/UX/Button_20220520133451.scss | 86 + .../components/UX/Button_20220520133502.scss | 88 + .../components/UX/Button_20220520133509.scss | 88 + .../components/UX/Button_20220520133511.scss | 88 + .../components/UX/Button_20220528234610.scss | 89 + .../components/UX/Button_20220529142826.scss | 95 + .../components/UX/Button_20220529142829.scss | 95 + .../components/UX/Button_20220529142831.scss | 95 + .../components/UX/Button_20220529142834.scss | 95 + .../components/UX/Button_20220529142835.scss | 95 + .../components/UX/Button_20220529143035.scss | 94 + .../components/UX/Button_20220529143046.scss | 95 + .../components/UX/Button_20220529143058.scss | 95 + .../components/UX/Button_20220529143059.scss | 95 + .../components/UX/Button_20220529143138.scss | 96 + .../components/UX/Button_20220529143227.scss | 97 + .../components/UX/Button_20220529143229.scss | 98 + .../components/UX/Button_20220529143232.scss | 98 + .../components/UX/Button_20220529143233.scss | 98 + .../components/UX/Button_20220529143247.scss | 99 + .../components/UX/Button_20220529143249.scss | 99 + .../components/UX/Button_20220529143251.scss | 99 + .../components/UX/Button_20220529143253.scss | 99 + .../components/UX/Button_20220529143258.scss | 99 + .../components/UX/Button_20220529143302.scss | 99 + .../components/UX/Button_20220529143321.scss | 99 + .../components/UX/Button_20220529143333.scss | 101 + .../components/UX/Button_20220529143334.scss | 101 + .../components/UX/Button_20220529143344.scss | 101 + .../components/UX/Button_20220529143353.scss | 101 + .../components/UX/Button_20220529143408.scss | 101 + .../components/UX/Button_20220529143409.scss | 101 + .../components/UX/Button_20220529143410.scss | 101 + .../components/UX/Button_20220529143417.scss | 101 + .../components/UX/Button_20220529143428.scss | 100 + .../components/UX/Button_20220529143535.scss | 89 + .../components/UX/Button_20220530182005.scss | 89 + .../components/UX/Button_20220615035048.scss | 89 + .../components/UX/Button_20220616185713.scss | 90 + .../components/UX/Button_20220616185806.scss | 90 + .../components/UX/Button_20220616185837.scss | 90 + .../components/UX/Button_20220616185848.scss | 91 + .../components/UX/Button_20220616185911.scss | 91 + .../components/UX/Button_20220616190207.scss | 91 + .../components/UX/Button_20220616211857.scss | 101 + .../components/UX/Button_20220616212215.scss | 101 + .../components/UX/Button_20220616212520.scss | 101 + .../components/UX/Button_20220616212532.scss | 105 + .../components/UX/Button_20220616212601.scss | 105 + .../components/UX/Button_20220616215537.scss | 93 + .../components/UX/Button_20220617160950.scss | 98 + .../components/UX/Button_20220617161021.scss | 98 + .../components/UX/Button_20220617161054.scss | 98 + .../components/UX/Button_20220617161133.scss | 98 + .../components/UX/Button_20220617163846.scss | 114 + .../components/UX/Button_20220617163857.scss | 118 + .../components/UX/Button_20220617164009.scss | 109 + .../components/UX/Button_20220617164039.scss | 105 + .../components/UX/Input_20220520132802.scss | 0 .../components/UX/Input_20220520132815.scss | 143 + .../components/UX/Modal_20220603173639.scss | 0 .../components/UX/Modal_20220603174245.scss | 90 + .../components/UX/Modal_20220603175225.scss | 89 + .../components/UX/Modal_20220616142620.scss | 89 + .../components/UX/Modal_20220616142709.scss | 89 + .../components/UX/Modal_20220616142830.scss | 88 + .../components/UX/Modal_20220616142855.scss | 89 + .../components/UX/Modal_20220616142923.scss | 89 + .../components/UX/Modal_20220616185749.scss | 88 + .../components/UX/Modal_20220616185751.scss | 88 + .../components/UX/Modal_20220616185818.scss | 89 + .../components/UX/Modal_20220616190240.scss | 88 + .../components/UX/Modal_20220616190425.scss | 89 + .../components/UX/Modal_20220617161710.scss | 92 + .../components/UX/Modal_20220617162012.scss | 92 + .../components/UX/Modal_20220617162137.scss | 94 + .../components/UX/Modal_20220617162217.scss | 91 + .../components/UX/Modal_20220617163551.scss | 92 + .../components/UX/Modal_20220618083958.scss | 92 + .../components/UX/Modal_20220618102503.scss | 92 + .../components/UX/Modal_20220618104347.scss | 90 + .../components/UX/Modal_20220618145857.scss | 90 + .../UX/PictureText_20220530191056.scss | 0 .../UX/PictureText_20220530191111.scss | 18 + .../UX/PictureText_20220530192315.scss | 18 + .../UX/PictureText_20220530192317.scss | 19 + .../UX/PictureText_20220530192319.scss | 19 + .../UX/PictureText_20220530192323.scss | 19 + .../UX/PictureText_20220530192326.scss | 19 + .../UX/PictureText_20220530192327.scss | 19 + .../UX/PictureText_20220530192359.scss | 19 + .../UX/PictureText_20220530192417.scss | 19 + .../CardBasketProduct_20220618083013.scss | 0 .../CardBasketProduct_20220618083044.scss | 53 + .../CardBasketProduct_20220618144905.scss | 53 + .../CardBasketProduct_20220618145144.scss | 53 + .../block/CardPizza_20220529151034.scss | 54 + .../block/CardPizza_20220530180959.scss | 54 + .../components/block/Cart_20220618081317.scss | 0 .../components/block/Cart_20220618081408.scss | 31 + .../components/block/Cart_20220618081915.scss | 131 + .../components/block/Cart_20220618082416.scss | 132 + .../components/block/Cart_20220618083423.scss | 132 + .../components/block/Cart_20220618083535.scss | 132 + .../components/block/Cart_20220618084101.scss | 132 + .../components/block/Cart_20220618084158.scss | 132 + .../components/block/Cart_20220618084223.scss | 132 + .../components/block/Cart_20220618101632.scss | 132 + .../components/block/Cart_20220618102221.scss | 135 + .../components/block/Cart_20220618102418.scss | 135 + .../components/block/Cart_20220618105947.scss | 136 + .../components/block/Cart_20220618105959.scss | 136 + .../components/block/Cart_20220618110004.scss | 136 + .../components/block/Cart_20220618110009.scss | 136 + .../components/block/Cart_20220618110146.scss | 136 + .../components/block/Cart_20220618110215.scss | 136 + .../components/block/Cart_20220618110943.scss | 138 + .../components/block/Cart_20220618110948.scss | 138 + .../components/block/Cart_20220618111018.scss | 138 + .../components/block/Cart_20220618111052.scss | 138 + .../components/block/Cart_20220618111059.scss | 138 + .../components/block/Cart_20220618111241.scss | 138 + .../components/block/Cart_20220618111250.scss | 138 + .../components/block/Cart_20220618111259.scss | 139 + .../components/block/Cart_20220618143440.scss | 139 + .../components/block/Cart_20220618144725.scss | 139 + .../block/DeliveryArea_20220531161322.scss | 0 .../block/DeliveryArea_20220531161326.scss | 1 + .../block/DeliveryArea_20220531161329.scss | 8 + .../block/DeliveryArea_20220531161332.scss | 8 + .../block/DeliveryArea_20220531161337.scss | 8 + .../block/DeliveryArea_20220531161338.scss | 8 + .../block/DeliveryArea_20220531161349.scss | 8 + .../block/DeliveryArea_20220531161350.scss | 8 + .../block/FooterNav_20220530193439.scss | 0 .../block/FooterNav_20220530193514.scss | 78 + .../block/FooterNav_20220530193515.scss | 78 + .../block/FooterNav_20220530193523.scss | 78 + .../block/FooterNav_20220530193525.scss | 77 + .../block/FooterNav_20220530193910.scss | 78 + .../block/FooterNav_20220530193913.scss | 78 + .../block/FooterNav_20220530193914.scss | 78 + .../block/FooterNav_20220530193916.scss | 78 + .../block/FooterNav_20220530193921.scss | 79 + .../block/FooterNav_20220530193939.scss | 79 + .../block/FooterNav_20220530193940.scss | 78 + .../block/FooterNav_20220530193943.scss | 78 + .../block/FooterNav_20220530193946.scss | 78 + .../block/FooterNav_20220530193949.scss | 78 + .../block/FooterNav_20220530193952.scss | 78 + .../block/FooterNav_20220530193955.scss | 78 + .../block/FooterNav_20220530193957.scss | 78 + .../block/FooterNav_20220530193958.scss | 78 + .../block/FooterNav_20220530193959.scss | 78 + .../block/FooterNav_20220530194001.scss | 78 + .../block/FooterNav_20220530194002.scss | 78 + .../block/FooterNav_20220530194005.scss | 78 + .../block/FooterNav_20220531133432.scss | 78 + .../block/FooterNav_20220531133440.scss | 78 + .../block/FooterNav_20220531134039.scss | 78 + .../block/FooterNav_20220531134043.scss | 78 + .../block/FooterNav_20220531134046.scss | 78 + .../block/FooterNav_20220531134048.scss | 78 + .../block/FooterNav_20220531134049.scss | 78 + .../block/FooterNav_20220531134052.scss | 80 + .../block/FooterNav_20220531134055.scss | 80 + .../block/FooterNav_20220531134057.scss | 80 + .../block/FooterNav_20220531134059.scss | 80 + .../block/FooterNav_20220531134151.scss | 80 + .../block/FooterNav_20220531134234.scss | 83 + .../block/FooterNav_20220531134236.scss | 83 + .../block/FooterNav_20220531134239.scss | 83 + .../block/FooterNav_20220531134241.scss | 83 + .../block/FooterNav_20220531134334.scss | 83 + .../block/FooterNav_20220531134337.scss | 83 + .../block/FooterNav_20220531134338.scss | 83 + .../block/FooterNav_20220531134513.scss | 83 + .../block/FooterNav_20220531134536.scss | 84 + .../block/FooterNav_20220531134621.scss | 86 + .../block/FooterNav_20220531134622.scss | 86 + .../block/FooterNav_20220531134626.scss | 88 + .../block/FooterNav_20220531134635.scss | 89 + .../block/FooterNav_20220531134638.scss | 89 + .../block/FooterNav_20220531134646.scss | 89 + .../block/FooterNav_20220531134650.scss | 89 + .../block/FooterNav_20220531134653.scss | 89 + .../block/FooterNav_20220531134703.scss | 89 + .../block/FooterNav_20220531134704.scss | 89 + .../block/FooterNav_20220531134715.scss | 90 + .../block/FooterNav_20220531134745.scss | 85 + .../block/FooterNav_20220531134748.scss | 91 + .../block/FooterNav_20220531134750.scss | 91 + .../block/FooterNav_20220531134751.scss | 91 + .../block/FooterNav_20220531134753.scss | 92 + .../block/FooterNav_20220531134757.scss | 92 + .../block/FooterNav_20220531134813.scss | 83 + .../block/FooterNav_20220531134815.scss | 82 + .../block/FooterNav_20220531134820.scss | 82 + .../block/FooterNav_20220531134823.scss | 78 + .../block/FooterNav_20220531134826.scss | 83 + .../block/FooterNav_20220531134829.scss | 84 + .../block/FooterNav_20220531134830.scss | 84 + .../block/FooterNav_20220531134831.scss | 84 + .../block/FooterNav_20220531134838.scss | 82 + .../block/FooterNav_20220531134843.scss | 86 + .../block/FooterNav_20220531134847.scss | 86 + .../block/FooterNav_20220531134858.scss | 86 + .../block/FooterNav_20220531134928.scss | 84 + .../block/FooterNav_20220531134929.scss | 84 + .../block/FooterNav_20220531134931.scss | 86 + .../block/FooterNav_20220531134933.scss | 86 + .../block/FooterNav_20220531134938.scss | 87 + .../block/FooterNav_20220531134959.scss | 86 + .../block/FooterNav_20220531135019.scss | 84 + .../block/FooterNav_20220531135021.scss | 84 + .../block/FooterNav_20220531135029.scss | 84 + .../block/FooterNav_20220531135031.scss | 84 + .../block/FooterNav_20220531135040.scss | 82 + .../block/FooterNav_20220531135041.scss | 82 + .../block/FooterNav_20220531135053.scss | 78 + .../block/FooterNav_20220531135057.scss | 83 + .../block/FooterNav_20220531135059.scss | 81 + .../block/FooterNav_20220531135103.scss | 80 + .../block/FooterNav_20220531135108.scss | 77 + .../block/FooterNav_20220531135112.scss | 77 + .../block/FooterNav_20220531135114.scss | 74 + .../block/FooterNav_20220531135116.scss | 72 + .../block/FooterNav_20220531135120.scss | 73 + .../block/FooterNav_20220531135140.scss | 73 + .../block/FooterNav_20220531135142.scss | 69 + .../block/FooterNav_20220531135146.scss | 75 + .../block/FooterNav_20220531135201.scss | 63 + .../block/FooterNav_20220531135204.scss | 63 + .../block/FooterNav_20220531135430.scss | 63 + .../block/FooterNav_20220531135432.scss | 63 + .../block/FooterNav_20220531135435.scss | 63 + .../block/FooterNav_20220531135448.scss | 63 + .../block/FooterNav_20220531135505.scss | 63 + .../block/FooterNav_20220531135508.scss | 63 + .../block/FooterNav_20220531135516.scss | 63 + .../block/FooterNav_20220531135520.scss | 63 + .../block/FooterNav_20220531135555.scss | 63 + .../block/FooterNav_20220531135614.scss | 67 + .../block/FooterNav_20220531135619.scss | 67 + .../block/FooterNav_20220531135627.scss | 67 + .../block/FooterNav_20220531135633.scss | 67 + .../block/FooterNav_20220531135636.scss | 67 + .../block/FooterNav_20220531135656.scss | 67 + .../block/FooterNav_20220531135657.scss | 67 + .../block/FooterNav_20220531135659.scss | 67 + .../block/FooterNav_20220531135723.scss | 67 + .../block/FooterNav_20220531135730.scss | 67 + .../block/FooterNav_20220531141044.scss | 66 + .../block/FooterNav_20220531143516.scss | 67 + .../block/FooterNav_20220531143518.scss | 67 + .../block/FooterNav_20220531143523.scss | 67 + .../block/FooterNav_20220531143548.scss | 66 + .../block/FooterNav_20220531143552.scss | 67 + .../block/FooterNav_20220531143555.scss | 67 + .../block/FooterNav_20220531143557.scss | 67 + .../block/FooterNav_20220531143601.scss | 67 + .../block/FooterNav_20220531143603.scss | 67 + .../block/FooterNav_20220531143608.scss | 67 + .../block/FooterNav_20220531143613.scss | 67 + .../block/FooterNav_20220531143714.scss | 67 + .../block/FooterNav_20220531143715.scss | 67 + .../block/FooterNav_20220531143717.scss | 67 + .../block/FooterNav_20220531143726.scss | 65 + .../block/FooterNav_20220531143729.scss | 67 + .../block/FooterNav_20220531143842.scss | 68 + .../block/FooterNav_20220531143843.scss | 68 + .../block/FooterNav_20220531143845.scss | 70 + .../block/FooterNav_20220531143847.scss | 71 + .../block/FooterNav_20220531143848.scss | 71 + .../block/FooterNav_20220531143850.scss | 71 + .../block/FooterNav_20220531143854.scss | 71 + .../block/FooterNav_20220531143857.scss | 71 + .../block/FooterNav_20220531143909.scss | 71 + .../block/FooterNav_20220531143911.scss | 71 + .../block/FooterNav_20220531143916.scss | 71 + .../block/FooterNav_20220531143928.scss | 71 + .../block/FooterNav_20220531143929.scss | 71 + .../block/FooterNav_20220531143954.scss | 67 + .../block/FooterNav_20220531144906.scss | 71 + .../block/FooterNav_20220531144913.scss | 67 + .../block/FooterNav_20220531144920.scss | 68 + .../block/FooterNav_20220531144924.scss | 68 + .../block/FooterNav_20220531144926.scss | 68 + .../block/FooterNav_20220531144929.scss | 68 + .../block/FooterNav_20220531145032.scss | 68 + .../block/FooterNav_20220531145221.scss | 67 + .../block/FooterNav_20220531145223.scss | 65 + .../block/FooterNav_20220531145231.scss | 64 + .../block/FooterNav_20220531145237.scss | 61 + .../block/FooterNav_20220531145318.scss | 61 + .../block/FooterNav_20220531151315.scss | 63 + .../block/FooterNav_20220531151320.scss | 63 + .../block/FooterNav_20220531151322.scss | 66 + .../block/FooterNav_20220531151324.scss | 66 + .../block/FooterNav_20220616191019.scss | 66 + .../block/Footer_20220530193345.scss | 0 .../block/Footer_20220530193348.scss | 46 + .../block/Footer_20220530193351.scss | 45 + .../block/Footer_20220530193352.scss | 45 + .../block/Footer_20220530193357.scss | 45 + .../block/Footer_20220530193359.scss | 45 + .../block/Footer_20220530193402.scss | 45 + .../block/Footer_20220531151822.scss | 45 + .../block/Footer_20220531151905.scss | 45 + .../block/Ingredients_20220616135653.scss | 0 .../block/Ingredients_20220616135701.scss | 80 + .../block/Ingredients_20220616135832.scss | 80 + .../block/Ingredients_20220616135906.scss | 80 + .../block/Ingredients_20220616140750.scss | 81 + .../block/Ingredients_20220616142241.scss | 85 + .../block/Ingredients_20220616143504.scss | 86 + .../block/Ingredients_20220616143515.scss | 86 + .../block/Ingredients_20220616163905.scss | 86 + .../block/Ingredients_20220616191623.scss | 91 + .../block/Ingredients_20220616192024.scss | 90 + .../block/Ingredients_20220616192122.scss | 92 + .../block/Ingredients_20220616192156.scss | 92 + .../block/Ingredients_20220616192201.scss | 92 + .../block/Ingredients_20220616192206.scss | 92 + .../block/Ingredients_20220616192211.scss | 92 + .../block/Ingredients_20220616192214.scss | 92 + .../block/Ingredients_20220616192218.scss | 92 + .../block/Ingredients_20220616192243.scss | 93 + .../block/Ingredients_20220616192302.scss | 95 + .../block/Ingredients_20220616192315.scss | 93 + .../block/Ingredients_20220616192342.scss | 93 + .../block/Ingredients_20220616192348.scss | 93 + .../block/Ingredients_20220616192415.scss | 94 + .../block/Ingredients_20220616192419.scss | 94 + .../block/Ingredients_20220616192428.scss | 94 + .../block/Ingredients_20220616192435.scss | 93 + .../block/Ingredients_20220616192453.scss | 89 + .../block/Ingredients_20220616192612.scss | 93 + .../block/Ingredients_20220616215542.scss | 105 + .../block/Ingredients_20220616215609.scss | 105 + .../block/Ingredients_20220616215625.scss | 105 + .../block/Ingredients_20220616215649.scss | 105 + .../block/Ingredients_20220616220256.scss | 105 + .../block/Ingredients_20220616220814.scss | 102 + .../block/Ingredients_20220616220828.scss | 105 + .../block/Ingredients_20220616220944.scss | 102 + .../block/Ingredients_20220617110314.scss | 102 + .../block/Ingredients_20220617110949.scss | 102 + .../block/Ingredients_20220617111519.scss | 103 + .../block/Ingredients_20220617111702.scss | 103 + .../block/Motto_20220529152901.scss | 54 + .../block/Motto_20220617163219.scss | 60 + .../block/Motto_20220617163236.scss | 60 + .../block/Motto_20220617163245.scss | 60 + .../block/PizzaCard_20220603175515.scss | 0 .../block/PizzaCard_20220603175522.scss | 31 + .../block/PizzaCard_20220603175531.scss | 31 + .../block/PizzaCard_20220615043759.scss | 99 + .../block/PizzaCard_20220615043815.scss | 98 + .../block/PizzaCard_20220615044248.scss | 84 + .../block/PizzaCard_20220615044433.scss | 91 + .../block/PizzaCard_20220615044547.scss | 92 + .../block/PizzaCard_20220615044654.scss | 92 + .../block/PizzaCard_20220615044813.scss | 92 + .../block/PizzaCard_20220615044910.scss | 92 + .../block/PizzaCard_20220615044933.scss | 91 + .../block/PizzaCard_20220615045021.scss | 90 + .../block/PizzaCard_20220615045307.scss | 92 + .../block/PizzaCard_20220615045317.scss | 92 + .../block/PizzaCard_20220615045538.scss | 76 + .../block/PizzaCard_20220615045549.scss | 86 + .../block/PizzaCard_20220615045903.scss | 94 + .../block/PizzaCard_20220615045913.scss | 86 + .../block/PizzaCard_20220615050028.scss | 87 + .../block/PizzaCard_20220615050102.scss | 87 + .../block/PizzaCard_20220615050111.scss | 91 + .../block/PizzaCard_20220615050159.scss | 81 + .../block/PizzaCard_20220615050219.scss | 81 + .../block/PizzaCard_20220615050226.scss | 80 + .../block/PizzaCard_20220615050258.scss | 80 + .../block/PizzaCard_20220615050322.scss | 73 + .../block/PizzaCard_20220615050335.scss | 82 + .../block/PizzaCard_20220615050507.scss | 82 + .../block/PizzaCard_20220615051018.scss | 80 + .../block/PizzaCard_20220615051024.scss | 81 + .../block/PizzaCard_20220615051142.scss | 81 + .../block/PizzaCard_20220615051216.scss | 80 + .../block/PizzaCard_20220615051346.scss | 78 + .../block/PizzaCard_20220615051714.scss | 82 + .../block/PizzaCard_20220615052855.scss | 82 + .../block/PizzaCard_20220615053116.scss | 83 + .../block/PizzaCard_20220615053323.scss | 93 + .../block/PizzaCard_20220615053551.scss | 93 + .../block/PizzaCard_20220615053709.scss | 92 + .../block/PizzaCard_20220615053801.scss | 92 + .../block/PizzaCard_20220615054044.scss | 92 + .../block/PizzaCard_20220615054109.scss | 91 + .../block/PizzaCard_20220615054706.scss | 92 + .../block/PizzaCard_20220616141810.scss | 92 + .../block/PizzaCard_20220616142027.scss | 92 + .../block/PizzaCard_20220616143002.scss | 92 + .../block/PizzaCard_20220616161813.scss | 99 + .../block/PizzaCard_20220616161838.scss | 99 + .../block/PizzaCard_20220616162043.scss | 99 + .../block/PizzaCard_20220616162152.scss | 99 + .../block/PizzaCard_20220616162303.scss | 99 + .../block/PizzaCard_20220616162331.scss | 99 + .../block/PizzaCard_20220616162336.scss | 99 + .../block/PizzaCard_20220616163058.scss | 104 + .../block/PizzaCard_20220616163234.scss | 112 + .../block/PizzaCard_20220616163250.scss | 112 + .../block/PizzaCard_20220616163304.scss | 112 + .../block/PizzaCard_20220616163313.scss | 112 + .../block/PizzaCard_20220616163316.scss | 113 + .../block/PizzaCard_20220616163731.scss | 113 + .../block/PizzaCard_20220616191205.scss | 114 + .../block/PizzaCard_20220617112736.scss | 117 + .../block/PizzaCard_20220617112819.scss | 117 + .../block/PizzaCard_20220618084530.scss | 117 + .../block/PizzaCard_20220618084848.scss | 119 + .../block/PizzaCard_20220618102309.scss | 119 + .../block/PizzaCart_20220618102308.scss | 119 + .../block/PizzaCart_20220618104326.scss | 120 + .../block/Pizza_20220530180958.scss | 54 + .../block/Pizza_20220530181203.scss | 54 + .../block/Pizza_20220530181410.scss | 54 + .../block/Pizza_20220530181411.scss | 54 + .../block/Pizza_20220530181536.scss | 54 + .../block/Pizza_20220530181537.scss | 54 + .../block/Pizza_20220531155859.scss | 128 + .../block/Pizza_20220531155906.scss | 128 + .../block/Pizza_20220531160035.scss | 122 + .../block/Pizza_20220531160041.scss | 114 + .../block/Pizza_20220531160042.scss | 114 + .../block/Pizza_20220531160107.scss | 94 + .../block/Pizza_20220531160108.scss | 94 + .../block/Pizza_20220531160133.scss | 95 + .../block/Pizza_20220531160136.scss | 96 + .../block/Pizza_20220531160137.scss | 96 + .../block/Pizza_20220531160139.scss | 97 + .../block/Pizza_20220531160147.scss | 97 + .../block/Pizza_20220616190627.scss | 97 + .../block/Pizza_20220616190636.scss | 97 + .../block/Pizza_20220616190708.scss | 97 + .../block/Pizza_20220616190818.scss | 97 + .../block/Pizza_20220617220120.scss | 97 + .../block/Pizza_20220617220200.scss | 97 + .../block/Pizza_20220617220209.scss | 97 + .../block/Pizza_20220617220219.scss | 93 + .../block/Pizza_20220617220309.scss | 93 + .../block/Pizza_20220617220326.scss | 93 + .../block/Pizza_20220618063013.scss | 92 + .../block/Pizza_20220618145015.scss | 92 + .../block/Pizza_20220618175438.scss | 0 .../block/Stock_20220518142236.scss | 104 + .../block/Stock_20220530181135.scss | 104 + .../block/Stock_20220530181137.scss | 104 + .../ContainerTitle_20220530191331.scss | 0 .../ContainerTitle_20220530191336.scss | 39 + .history/styles/globals_20220517170427.scss | 12 + .history/styles/globals_20220520132253.scss | 13 + .history/styles/globals_20220520132834.scss | 14 + .history/styles/globals_20220520132838.scss | 14 + .history/styles/globals_20220520132934.scss | 15 + .history/styles/globals_20220528233948.scss | 15 + .history/styles/globals_20220528233950.scss | 16 + .history/styles/globals_20220528233953.scss | 16 + .history/styles/globals_20220528233955.scss | 16 + .history/styles/globals_20220528233959.scss | 16 + .history/styles/globals_20220528235318.scss | 16 + .history/styles/globals_20220528235323.scss | 17 + .history/styles/globals_20220528235326.scss | 17 + .history/styles/globals_20220528235328.scss | 17 + .history/styles/globals_20220528235332.scss | 17 + .history/styles/globals_20220529002400.scss | 17 + .history/styles/globals_20220529002404.scss | 18 + .history/styles/globals_20220529002407.scss | 18 + .history/styles/globals_20220529002409.scss | 18 + .history/styles/globals_20220529002411.scss | 18 + .history/styles/globals_20220529002412.scss | 18 + .history/styles/globals_20220529134250.scss | 18 + .history/styles/globals_20220529134253.scss | 19 + .history/styles/globals_20220529134254.scss | 19 + .history/styles/globals_20220529134300.scss | 19 + .history/styles/globals_20220529134301.scss | 19 + .history/styles/globals_20220529134302.scss | 19 + .history/styles/globals_20220529143548.scss | 20 + .history/styles/globals_20220529143553.scss | 20 + .history/styles/globals_20220529143555.scss | 20 + .history/styles/globals_20220529143556.scss | 20 + .history/styles/globals_20220530181012.scss | 20 + .history/styles/globals_20220530181015.scss | 20 + .history/styles/globals_20220530181058.scss | 20 + .history/styles/globals_20220530181100.scss | 20 + .history/styles/globals_20220530181104.scss | 20 + .history/styles/globals_20220530181114.scss | 20 + .history/styles/globals_20220530191125.scss | 21 + .history/styles/globals_20220530191128.scss | 21 + .history/styles/globals_20220530191130.scss | 21 + .history/styles/globals_20220530191342.scss | 21 + .history/styles/globals_20220530191345.scss | 22 + .history/styles/globals_20220530191354.scss | 22 + .history/styles/globals_20220530191355.scss | 22 + .history/styles/globals_20220530191359.scss | 22 + .history/styles/globals_20220530191400.scss | 22 + .history/styles/globals_20220530193410.scss | 22 + .history/styles/globals_20220530193413.scss | 23 + .history/styles/globals_20220530193420.scss | 23 + .history/styles/globals_20220530193425.scss | 23 + .history/styles/globals_20220530193426.scss | 23 + .history/styles/globals_20220530193427.scss | 23 + .history/styles/globals_20220530193428.scss | 23 + .history/styles/globals_20220530193453.scss | 23 + .history/styles/globals_20220530193459.scss | 24 + .history/styles/globals_20220530193502.scss | 24 + .history/styles/globals_20220530193504.scss | 24 + .history/styles/globals_20220530193506.scss | 24 + .history/styles/globals_20220531135843.scss | 25 + .history/styles/globals_20220531135848.scss | 25 + .history/styles/globals_20220531135853.scss | 25 + .history/styles/globals_20220531135855.scss | 25 + .history/styles/globals_20220531135856.scss | 25 + .history/styles/globals_20220531135903.scss | 25 + .history/styles/globals_20220531135907.scss | 24 + .history/styles/globals_20220531135951.scss | 23 + .history/styles/globals_20220531135953.scss | 24 + .history/styles/globals_20220531135954.scss | 24 + .history/styles/globals_20220531161410.scss | 24 + .history/styles/globals_20220531161417.scss | 25 + .history/styles/globals_20220531161420.scss | 25 + .history/styles/globals_20220531161423.scss | 25 + .history/styles/globals_20220603174318.scss | 26 + .history/styles/globals_20220603175555.scss | 27 + .history/styles/globals_20220616135719.scss | 28 + .history/styles/globals_20220616135731.scss | 28 + .history/styles/globals_20220617161611.scss | 32 + .history/styles/globals_20220617161641.scss | 30 + .history/styles/globals_20220617161642.scss | 28 + .history/styles/globals_20220617162229.scss | 32 + .history/styles/globals_20220617162321.scss | 28 + .history/styles/globals_20220618081433.scss | 29 + .history/styles/globals_20220618083103.scss | 30 + .history/styles/globals_20220618104257.scss | 30 + .history/styles/globals_20220618150050.scss | 30 + .history/styles/globals_20220618150113.scss | 30 + .history/styles/globals_20220618150247.scss | 30 + .history/styles/globals_20220618150336.scss | 30 + .history/styles/globals_20220618151748.scss | 29 + .history/styles/globals_20220618154224.scss | 29 + .history/styles/globals_20220618154510.scss | 28 + .history/styles/globals_20220618175543.scss | 28 + .history/styles/globals_20220618175549.scss | 28 + .../styles/libs/ResetCss_20220517155440.scss | 87 + .../styles/libs/ResetCss_20220529151626.scss | 79 + .../styles/libs/ResetCss_20220529151737.scss | 79 + .../styles/libs/ResetCss_20220529152753.scss | 79 + .../styles/libs/ResetCss_20220529155109.scss | 79 + .../styles/libs/ResetCss_20220530180616.scss | 79 + .../styles/libs/ResetCss_20220530180617.scss | 79 + .../styles/libs/ResetCss_20220530180621.scss | 79 + .../styles/libs/ResetCss_20220530180724.scss | 79 + .../styles/libs/ResetCss_20220530180731.scss | 79 + .../styles/libs/ResetCss_20220530180732.scss | 79 + .../styles/libs/ResetCss_20220531140246.scss | 80 + .history/tsconfig_20220516191522.json | 20 + .history/tsconfig_20220525193046.json | 20 + .history/tsconfig_20220530174253.json | 20 + .history/tsconfig_20220530174812.json | 20 + .history/tsconfig_20220530174817.json | 20 + .history/tsconfig_20220530174823.json | 20 + .history/tsconfig_20220617165456.json | 20 + .history/utils/parse-user_20220525185227.ts | 0 .history/utils/parse-user_20220525185325.ts | 96 + .history/utils/types_20220525185014.ts | 0 .history/utils/types_20220525185048.ts | 12 + components/UI/Button.tsx | 17 + components/UI/ButtonImg.tsx | 16 + components/UI/Input.tsx | 28 + components/UI/InputRadio.tsx | 24 + components/UI/Label.tsx | 13 + components/UI/LinkButton.tsx | 15 + components/UI/Modal.tsx | 21 + components/UI/PictureText.tsx | 24 + components/UI/SmallText.tsx | 13 + components/UI/Title.tsx | 13 + components/UI/index.ts | 10 + components/admin/function/hashPassword.ts | 8 + components/admin/function/postData.ts | 19 + components/admin/function/useToken.ts | 16 + components/admin/pages/Root/Main.tsx | 13 + components/admin/pages/login/EnteringCode.js | 29 + components/admin/pages/login/EnteringMail.js | 42 + components/admin/pages/login/Entrance.tsx | 69 + components/admin/pages/login/Index.ts | 1 + components/admin/pages/login/NewPassword.js | 41 + components/admin/pages/login/useToken.js | 16 + components/customer/containers/Box.tsx | 15 + components/customer/containers/BoxScroll.tsx | 12 + .../customer/containers/ContainerInside.tsx | 13 + .../customer/containers/ContainerTitle.tsx | 15 + components/customer/containers/index.ts | 4 + .../index/block/Categories/Categories.tsx | 17 + .../pages/index/block/Categories/Skeleton.tsx | 14 + .../pages/index/block/Categories/index.ts | 2 + .../index/block/DeliveryArea/DeliveryArea.tsx | 12 + .../pages/index/block/DeliveryArea/index.ts | 1 + .../index/block/Description/Description.tsx | 43 + .../pages/index/block/Description/index.ts | 1 + .../pages/index/block/Footer/Footer.tsx | 24 + .../pages/index/block/Footer/FooterNav.tsx | 39 + .../pages/index/block/Footer/index.ts | 2 + .../pages/index/block/Header/Header.tsx | 90 + .../pages/index/block/Header/index.ts | 1 + .../pages/index/block/Motto/index.tsx | 18 + .../pages/index/block/Pizza/Pizza.tsx | 56 + .../pages/index/block/Pizza/Skeleton.tsx | 18 + .../customer/pages/index/block/Pizza/index.ts | 2 + .../pages/index/block/Pizza/styles/index.scss | 134 + .../pages/index/block/Stock/Skeleton.tsx | 14 + .../pages/index/block/Stock/Stock.tsx | 26 + .../customer/pages/index/block/Stock/index.ts | 2 + .../customer/pages/index/block/index.ts | 8 + .../index/modals/cart/cardAdditionally.tsx | 21 + .../index/modals/cart/cardBasketProduct.tsx | 42 + .../pages/index/modals/cart/content.tsx | 104 + .../customer/pages/index/modals/cart/index.ts | 4 + .../pages/index/modals/cart/pizzaCart.tsx | 32 + .../customer/pages/index/modals/index.ts | 2 + .../pages/index/modals/pizza/content.tsx | 131 + .../pages/index/modals/pizza/index.ts | 2 + .../pages/index/modals/pizza/pizzaCard.tsx | 36 + .../modals/pizza/styles/_block_selector.scss | 58 + .../modals/pizza/styles/_ingredients.scss | 102 + .../index/modals/pizza/styles/_products.scss | 31 + .../index/modals/pizza/styles/index.scss | 141 + components/customer/search/index.tsx | 83 + components/index.ts | 2 + layouts/Customer/MainLayout.tsx | 17 + layouts/Customer/index.ts | 1 + lib/session.js | 39 + next-env.d.ts | 5 + next.config.js | 6 + next.js | 4 + package-lock.json | 6781 +++++++++++++++++ package.json | 49 + pages/[pizza].tsx | 21 + pages/_app.tsx | 16 + pages/admin/index.tsx | 39 + pages/admin/login.tsx | 28 + pages/admin/main.tsx | 21 + pages/api/hello.ts | 13 + pages/api/loadingCategories.js | 15 + pages/api/loadingPizza.js | 14 + pages/api/loadingPizzaCard.js | 15 + pages/api/loadingPizzaInformation/[pid].js | 17 + pages/api/loadingStock.js | 15 + pages/api/login/index.ts | 34 + pages/api/sessions.js | 30 + pages/cart.tsx | 21 + pages/index.tsx | 89 + pages/private.txt | 34 + pages/signin.jsx | 45 + pizza_06_17.zip | Bin 0 -> 3472742 bytes public/asset/img/01.png | Bin 0 -> 26168 bytes public/asset/img/02.png | Bin 0 -> 26384 bytes public/asset/img/03.png | Bin 0 -> 19562 bytes public/asset/img/04.png | Bin 0 -> 26832 bytes public/asset/img/Frame 2159.png | Bin 0 -> 35910 bytes public/asset/img/Screenshot_9.png | Bin 0 -> 26897 bytes public/asset/img/bacon.png | Bin 0 -> 2206 bytes public/asset/img/cheese.png | Bin 0 -> 1302 bytes public/asset/img/coca.png | Bin 0 -> 7945 bytes public/asset/img/fire.svg | 3 + public/asset/img/jalapeno.png | Bin 0 -> 2832 bytes public/asset/img/moped.svg | 3 + public/asset/img/mushroom.png | Bin 0 -> 2105 bytes public/asset/img/onion.png | Bin 0 -> 2387 bytes public/asset/img/phone.svg | 50 + public/asset/img/pickles.png | Bin 0 -> 1711 bytes public/asset/img/pineapple.png | Bin 0 -> 2569 bytes public/asset/img/pizza.png | Bin 0 -> 76893 bytes public/asset/img/rt_1.png | Bin 0 -> 5030 bytes public/asset/img/rt_2.png | Bin 0 -> 5034 bytes public/asset/img/rt_3.png | Bin 0 -> 5032 bytes public/asset/img/smal_pizza.png | Bin 0 -> 9475 bytes public/asset/img/tomato.png | Bin 0 -> 2709 bytes public/asset/img/ton_1.png | Bin 0 -> 5031 bytes public/asset/img/ton_2.png | Bin 0 -> 5030 bytes public/asset/img/ton_3.png | Bin 0 -> 5031 bytes public/asset/img/video.png | Bin 0 -> 781 bytes public/assets/Rubik/OFL.txt | 93 + public/assets/Rubik/README.txt | 77 + .../Rubik/Rubik-Italic-VariableFont_wght.ttf | Bin 0 -> 201504 bytes .../assets/Rubik/Rubik-VariableFont_wght.ttf | Bin 0 -> 207728 bytes public/assets/Rubik/static/Rubik-Black.ttf | Bin 0 -> 123660 bytes .../assets/Rubik/static/Rubik-BlackItalic.ttf | Bin 0 -> 121464 bytes public/assets/Rubik/static/Rubik-Bold.ttf | Bin 0 -> 124096 bytes .../assets/Rubik/static/Rubik-BoldItalic.ttf | Bin 0 -> 121648 bytes .../assets/Rubik/static/Rubik-ExtraBold.ttf | Bin 0 -> 123964 bytes .../Rubik/static/Rubik-ExtraBoldItalic.ttf | Bin 0 -> 121748 bytes public/assets/Rubik/static/Rubik-Italic.ttf | Bin 0 -> 121608 bytes public/assets/Rubik/static/Rubik-Light.ttf | Bin 0 -> 123476 bytes .../assets/Rubik/static/Rubik-LightItalic.ttf | Bin 0 -> 121288 bytes public/assets/Rubik/static/Rubik-Medium.ttf | Bin 0 -> 124176 bytes .../Rubik/static/Rubik-MediumItalic.ttf | Bin 0 -> 121724 bytes public/assets/Rubik/static/Rubik-Regular.ttf | Bin 0 -> 124236 bytes public/assets/Rubik/static/Rubik-SemiBold.ttf | Bin 0 -> 124164 bytes .../Rubik/static/Rubik-SemiBoldItalic.ttf | Bin 0 -> 121768 bytes public/assets/img/01.png | Bin 0 -> 26168 bytes public/assets/img/02.png | Bin 0 -> 26384 bytes public/assets/img/03.png | Bin 0 -> 19562 bytes public/assets/img/04.png | Bin 0 -> 26832 bytes public/assets/img/1.jpg | Bin 0 -> 76037 bytes public/assets/img/10.jpg | Bin 0 -> 184934 bytes public/assets/img/2.jpg | Bin 0 -> 172672 bytes public/assets/img/3.jpg | Bin 0 -> 179308 bytes public/assets/img/4.jpg | Bin 0 -> 178440 bytes public/assets/img/5.jpg | Bin 0 -> 172192 bytes public/assets/img/6.jpg | Bin 0 -> 180921 bytes public/assets/img/7.jpg | Bin 0 -> 178145 bytes public/assets/img/8.jpg | Bin 0 -> 181523 bytes public/assets/img/9.jpg | Bin 0 -> 181294 bytes public/assets/img/Frame 2159.png | Bin 0 -> 35910 bytes public/assets/img/Screenshot_9.png | Bin 0 -> 26897 bytes public/assets/img/bacon.png | Bin 0 -> 2206 bytes public/assets/img/cheese.png | Bin 0 -> 1302 bytes public/assets/img/coca.png | Bin 0 -> 7945 bytes public/assets/img/fire.svg | 3 + public/assets/img/jalapeno.png | Bin 0 -> 2832 bytes public/assets/img/minus.png | Bin 0 -> 2042 bytes public/assets/img/moped.svg | 3 + public/assets/img/mushroom.png | Bin 0 -> 2105 bytes public/assets/img/onion.png | Bin 0 -> 2387 bytes public/assets/img/phone.svg | 50 + public/assets/img/pickles.png | Bin 0 -> 1711 bytes public/assets/img/pineapple.png | Bin 0 -> 2569 bytes public/assets/img/pizza-logo.svg | 1 + public/assets/img/pizza.png | Bin 0 -> 76893 bytes public/assets/img/plus.png | Bin 0 -> 3992 bytes public/assets/img/rt_1.png | Bin 0 -> 5030 bytes public/assets/img/rt_2.png | Bin 0 -> 5034 bytes public/assets/img/rt_3.png | Bin 0 -> 5032 bytes public/assets/img/smal_pizza.png | Bin 0 -> 9475 bytes public/assets/img/tomato.png | Bin 0 -> 2709 bytes public/assets/img/ton_1.png | Bin 0 -> 5031 bytes public/assets/img/ton_2.png | Bin 0 -> 5030 bytes public/assets/img/ton_3.png | Bin 0 -> 5031 bytes public/assets/img/video.png | Bin 0 -> 781 bytes public/favicon.ico | Bin 0 -> 25931 bytes public/vercel.svg | 4 + redux/cart/selectors.ts | 6 + redux/cart/slice.ts | 45 + redux/cart/types.ts | 14 + redux/categories/index.ts | 4 + redux/categories/selectors.ts | 3 + redux/categories/slice.ts | 38 + redux/categories/stock.ts | 12 + redux/categories/types.ts | 15 + redux/login/asyncActions.ts | 31 + redux/login/selectors.ts | 3 + redux/login/slice.ts | 38 + redux/login/types.ts | 20 + redux/pizza/index.ts | 4 + redux/pizza/selectors.ts | 3 + redux/pizza/slice.ts | 38 + redux/pizza/stock.ts | 12 + redux/pizza/types.ts | 18 + redux/pizzaToCart/index.ts | 4 + redux/pizzaToCart/selectors.ts | 3 + redux/pizzaToCart/slice.ts | 38 + redux/pizzaToCart/stock.ts | 12 + redux/pizzaToCart/types.ts | 24 + redux/search/slice.ts | 50 + redux/search/types.ts | 20 + redux/stoke/index.ts | 4 + redux/stoke/selectors.ts | 3 + redux/stoke/slice.ts | 38 + redux/stoke/stock.ts | 12 + redux/stoke/types.ts | 21 + redux/store.ts | 18 + server/db/connect.ts | 13 + server/types/customer.ts | 9 + server/types/order.ts | 17 + server/types/product.ts | 10 + styles/Search.module.scss | 40 + styles/components/Box.scss | 11 + styles/components/Container.scss | 15 + styles/components/Header.scss | 117 + styles/components/Login.scss | 24 + styles/components/UX/Button.scss | 105 + styles/components/UX/ButtonImg.scss | 61 + styles/components/UX/Input.scss | 143 + styles/components/UX/PictureText.scss | 19 + .../components/block/CardBasketProduct.scss | 53 + styles/components/block/Cart.scss | 139 + styles/components/block/Categories.scss | 9 + styles/components/block/DeliveryArea.scss | 8 + styles/components/block/Description.scss | 0 styles/components/block/Footer.scss | 45 + styles/components/block/FooterNav.scss | 66 + styles/components/block/Motto.scss | 60 + styles/components/block/Stock.scss | 104 + .../components/container/ContainerTitle.scss | 39 + styles/globals.scss | 28 + styles/libs/ResetCss.scss | 80 + styles/libs/_variables.scss | 4 + tsconfig.json | 20 + utils/calcTotalPrice.ts | 5 + utils/getCartFromLS.ts | 13 + utils/math.ts | 4 + utils/types.ts | 12 + 4268 files changed, 220430 insertions(+) create mode 100644 .env create mode 100644 .eslintrc.json create mode 100644 .gitignore create mode 100644 .history/.env_20220518143812 create mode 100644 .history/.env_20220518143858 create mode 100644 .history/.env_20220518144051 create mode 100644 .history/README_20220710205803.md create mode 100644 .history/README_20220710210115.md create mode 100644 .history/components/Block/Pizza/index_20220516233309.tsx create mode 100644 .history/components/Block/Pizza/index_20220518134250.tsx create mode 100644 .history/components/Block/Stock/Skeleton_20220518134317.tsx create mode 100644 .history/components/Block/Stock/Skeleton_20220518134633.tsx create mode 100644 .history/components/Block/Stock/Skeleton_20220518140827.tsx create mode 100644 .history/components/Block/Stock/Skeleton_20220518140848.tsx create mode 100644 .history/components/Block/Stock/Skeleton_20220518140912.tsx create mode 100644 .history/components/Block/Stock/Skeleton_20220518141002.tsx create mode 100644 .history/components/Block/Stock/Skeleton_20220518141016.tsx create mode 100644 .history/components/Block/Stock/Skeleton_20220518141117.tsx create mode 100644 .history/components/Block/Stock/Skeleton_20220518141132.tsx create mode 100644 .history/components/Block/Stock/Skeleton_20220518141143.tsx create mode 100644 .history/components/Block/Stock/Skeleton_20220518141305.tsx create mode 100644 .history/components/Block/Stock/Skeleton_20220518141344.tsx create mode 100644 .history/components/Block/Stock/Skeleton_20220518141511.tsx create mode 100644 .history/components/Block/Stock/Skeleton_20220518141527.tsx create mode 100644 .history/components/Block/Stock/Skeleton_20220518141538.tsx create mode 100644 .history/components/Block/Stock/Skeleton_20220518141558.tsx create mode 100644 .history/components/Block/Stock/Skeleton_20220518141617.tsx create mode 100644 .history/components/Block/Stock/Skeleton_20220518141623.tsx create mode 100644 .history/components/Block/Stock/Skeleton_20220518141626.tsx create mode 100644 .history/components/Block/Stock/Skeleton_20220518141636.tsx create mode 100644 .history/components/Block/Stock/Skeleton_20220518141647.tsx create mode 100644 .history/components/Block/Stock/Skeleton_20220518141658.tsx create mode 100644 .history/components/Block/Stock/Skeleton_20220518141705.tsx create mode 100644 .history/components/Block/Stock/Skeleton_20220518141713.tsx create mode 100644 .history/components/Block/Stock/Skeleton_20220518141721.tsx create mode 100644 .history/components/Block/Stock/Skeleton_20220518141738.tsx create mode 100644 .history/components/Block/Stock/Skeleton_20220518141751.tsx create mode 100644 .history/components/Block/Stock/Skeleton_20220518141809.tsx create mode 100644 .history/components/Block/Stock/Skeleton_20220518141817.tsx create mode 100644 .history/components/Block/Stock/Skeleton_20220518141843.tsx create mode 100644 .history/components/Block/Stock/Skeleton_20220518141856.tsx create mode 100644 .history/components/Block/Stock/Skeleton_20220518142016.tsx create mode 100644 .history/components/Block/Stock/Skeleton_20220518144636.tsx create mode 100644 .history/components/Block/Stock/Skeleton_20220518144700.tsx create mode 100644 .history/components/Block/Stock/Skeleton_20220518144716.tsx create mode 100644 .history/components/Block/Stock/Skeleton_20220518144726.tsx create mode 100644 .history/components/Block/Stock/Skeleton_20220518144743.tsx create mode 100644 .history/components/Block/Stock/Skeleton_20220518144754.tsx create mode 100644 .history/components/Block/Stock/Skeleton_20220518144829.tsx create mode 100644 .history/components/Block/Stock/Skeleton_20220518144838.tsx create mode 100644 .history/components/Block/Stock/Skeleton_20220518144904.tsx create mode 100644 .history/components/Block/Stock/Skeleton_20220518144928.tsx create mode 100644 .history/components/Block/Stock/Skeleton_20220518144947.tsx create mode 100644 .history/components/Block/Stock/Skeleton_20220518145011.tsx create mode 100644 .history/components/Block/Stock/Skeleton_20220518145240.tsx create mode 100644 .history/components/Block/Stock/Skeleton_20220518145319.tsx create mode 100644 .history/components/Block/Stock/Skeleton_20220518145331.tsx create mode 100644 .history/components/Block/Stock/Skeleton_20220518145343.tsx create mode 100644 .history/components/Block/Stock/Skeleton_20220518145349.tsx create mode 100644 .history/components/Block/Stock/Skeleton_20220518145401.tsx create mode 100644 .history/components/Block/Stock/Skeleton_20220518145408.tsx create mode 100644 .history/components/Block/Stock/Skeleton_20220518145422.tsx create mode 100644 .history/components/Block/Stock/Skeleton_20220518145444.tsx create mode 100644 .history/components/Block/Stock/Skeleton_20220518145458.tsx create mode 100644 .history/components/Block/Stock/Skeleton_20220518145509.tsx create mode 100644 .history/components/Block/Stock/Skeleton_20220518145642.tsx create mode 100644 .history/components/Block/Stock/Skeleton_20220518145708.tsx create mode 100644 .history/components/Block/Stock/Skeleton_20220518145737.tsx create mode 100644 .history/components/Block/Stock/Skeleton_20220518145757.tsx create mode 100644 .history/components/Block/Stock/Stock_20220517171533.tsx create mode 100644 .history/components/Block/Stock/Stock_20220518142538.tsx create mode 100644 .history/components/Block/Stock/skeleton_20220518134307.tsx create mode 100644 .history/components/Block/Stock/skeleton_20220518134318.tsx create mode 100644 .history/components/Customer/Header_20220518151433.tsx create mode 100644 .history/components/Customer/Header_20220518151447.tsx create mode 100644 .history/components/Customer/Search/index_20220516232008.tsx create mode 100644 .history/components/Customer/Search/index_20220518151434.tsx create mode 100644 .history/components/Header_20220517160019.tsx create mode 100644 .history/components/Header_20220518151434.tsx create mode 100644 .history/components/UI/ButtonImg_20220529001126.tsx create mode 100644 .history/components/UI/ButtonImg_20220529001133.tsx create mode 100644 .history/components/UI/ButtonImg_20220529001136.tsx create mode 100644 .history/components/UI/ButtonImg_20220529001137.tsx create mode 100644 .history/components/UI/ButtonImg_20220529001155.tsx create mode 100644 .history/components/UI/ButtonImg_20220529001202.tsx create mode 100644 .history/components/UI/ButtonImg_20220529001207.tsx create mode 100644 .history/components/UI/ButtonImg_20220529001213.tsx create mode 100644 .history/components/UI/ButtonImg_20220529001217.tsx create mode 100644 .history/components/UI/ButtonImg_20220529001222.tsx create mode 100644 .history/components/UI/ButtonImg_20220529001224.tsx create mode 100644 .history/components/UI/ButtonImg_20220529001348.tsx create mode 100644 .history/components/UI/ButtonImg_20220529001412.tsx create mode 100644 .history/components/UI/ButtonImg_20220529142855.tsx create mode 100644 .history/components/UI/Button_20220518152339.tsx create mode 100644 .history/components/UI/Button_20220518152348.tsx create mode 100644 .history/components/UI/Button_20220518152711.tsx create mode 100644 .history/components/UI/Button_20220518152806.tsx create mode 100644 .history/components/UI/Button_20220518152920.tsx create mode 100644 .history/components/UI/Button_20220518152939.tsx create mode 100644 .history/components/UI/Button_20220518153013.tsx create mode 100644 .history/components/UI/Button_20220518153019.tsx create mode 100644 .history/components/UI/Button_20220518153025.tsx create mode 100644 .history/components/UI/Button_20220518154104.tsx create mode 100644 .history/components/UI/Button_20220518155731.tsx create mode 100644 .history/components/UI/Button_20220518155848.tsx create mode 100644 .history/components/UI/Button_20220518160852.tsx create mode 100644 .history/components/UI/Button_20220518160937.tsx create mode 100644 .history/components/UI/Button_20220518160952.tsx create mode 100644 .history/components/UI/Button_20220518161030.tsx create mode 100644 .history/components/UI/Button_20220518161206.tsx create mode 100644 .history/components/UI/Button_20220518161209.tsx create mode 100644 .history/components/UI/Button_20220520133457.tsx create mode 100644 .history/components/UI/Button_20220520133516.tsx create mode 100644 .history/components/UI/Button_20220602163434.tsx create mode 100644 .history/components/UI/Button_20220604083650.tsx create mode 100644 .history/components/UI/Button_20220604130939.tsx create mode 100644 .history/components/UI/Button_20220604131539.tsx create mode 100644 .history/components/UI/Icon_20220528173840.tsx create mode 100644 .history/components/UI/Icon_20220528173852.tsx create mode 100644 .history/components/UI/Icon_20220528173940.tsx create mode 100644 .history/components/UI/Icon_20220528174512.tsx create mode 100644 .history/components/UI/InputRadio_20220531231307.tsx create mode 100644 .history/components/UI/InputRadio_20220531231427.tsx create mode 100644 .history/components/UI/InputRadio_20220531231621.tsx create mode 100644 .history/components/UI/InputRadio_20220531231629.tsx create mode 100644 .history/components/UI/InputRadio_20220531231657.tsx create mode 100644 .history/components/UI/InputRadio_20220531232713.tsx create mode 100644 .history/components/UI/InputRadio_20220531233007.tsx create mode 100644 .history/components/UI/InputRadio_20220531233038.tsx create mode 100644 .history/components/UI/InputRadio_20220531234646.tsx create mode 100644 .history/components/UI/InputRadio_20220601000052.tsx create mode 100644 .history/components/UI/InputRadio_20220601000722.tsx create mode 100644 .history/components/UI/InputRadio_20220601001235.tsx create mode 100644 .history/components/UI/InputRadio_20220601001655.tsx create mode 100644 .history/components/UI/InputRadio_20220601085439.tsx create mode 100644 .history/components/UI/InputRadio_20220601090521.tsx create mode 100644 .history/components/UI/InputRadio_20220601090715.tsx create mode 100644 .history/components/UI/Input_20220518153618.tsx create mode 100644 .history/components/UI/Input_20220518154055.tsx create mode 100644 .history/components/UI/Input_20220518154112.tsx create mode 100644 .history/components/UI/Input_20220518154156.tsx create mode 100644 .history/components/UI/Input_20220518154211.tsx create mode 100644 .history/components/UI/Input_20220518154240.tsx create mode 100644 .history/components/UI/Input_20220518160030.tsx create mode 100644 .history/components/UI/Input_20220518160405.tsx create mode 100644 .history/components/UI/Input_20220518160427.tsx create mode 100644 .history/components/UI/Input_20220518160441.tsx create mode 100644 .history/components/UI/Input_20220518160541.tsx create mode 100644 .history/components/UI/Input_20220518160658.tsx create mode 100644 .history/components/UI/Input_20220518161150.tsx create mode 100644 .history/components/UI/Input_20220518162057.tsx create mode 100644 .history/components/UI/Input_20220518162231.tsx create mode 100644 .history/components/UI/Input_20220518162331.tsx create mode 100644 .history/components/UI/Input_20220518162409.tsx create mode 100644 .history/components/UI/Input_20220518162416.tsx create mode 100644 .history/components/UI/Input_20220518162550.tsx create mode 100644 .history/components/UI/Input_20220518162705.tsx create mode 100644 .history/components/UI/Input_20220518162855.tsx create mode 100644 .history/components/UI/Input_20220518162935.tsx create mode 100644 .history/components/UI/Input_20220531163847.tsx create mode 100644 .history/components/UI/Label_20220518154328.tsx create mode 100644 .history/components/UI/Label_20220518154341.tsx create mode 100644 .history/components/UI/Label_20220518154410.tsx create mode 100644 .history/components/UI/Label_20220518154429.tsx create mode 100644 .history/components/UI/Label_20220518154510.tsx create mode 100644 .history/components/UI/LinkButton_20220518154850.tsx create mode 100644 .history/components/UI/LinkButton_20220518154900.tsx create mode 100644 .history/components/UI/LinkButton_20220518154942.tsx create mode 100644 .history/components/UI/LinkButton_20220518154957.tsx create mode 100644 .history/components/UI/LinkButton_20220518155013.tsx create mode 100644 .history/components/UI/LinkButton_20220518155030.tsx create mode 100644 .history/components/UI/LinkButton_20220518155108.tsx create mode 100644 .history/components/UI/LinkButton_20220518155950.tsx create mode 100644 .history/components/UI/LinkButton_20220518163041.tsx create mode 100644 .history/components/UI/Modal_20220531163311.tsx create mode 100644 .history/components/UI/Modal_20220531163315.tsx create mode 100644 .history/components/UI/Modal_20220531163323.tsx create mode 100644 .history/components/UI/Modal_20220531163408.tsx create mode 100644 .history/components/UI/Modal_20220531163415.tsx create mode 100644 .history/components/UI/Modal_20220531163419.tsx create mode 100644 .history/components/UI/Modal_20220531163421.tsx create mode 100644 .history/components/UI/Modal_20220531163423.tsx create mode 100644 .history/components/UI/Modal_20220531163425.tsx create mode 100644 .history/components/UI/Modal_20220531163429.tsx create mode 100644 .history/components/UI/Modal_20220531163432.tsx create mode 100644 .history/components/UI/Modal_20220531163434.tsx create mode 100644 .history/components/UI/Modal_20220531163437.tsx create mode 100644 .history/components/UI/Modal_20220531163439.tsx create mode 100644 .history/components/UI/Modal_20220531163441.tsx create mode 100644 .history/components/UI/Modal_20220531163443.tsx create mode 100644 .history/components/UI/Modal_20220531163446.tsx create mode 100644 .history/components/UI/Modal_20220531163448.tsx create mode 100644 .history/components/UI/Modal_20220531163450.tsx create mode 100644 .history/components/UI/Modal_20220531163452.tsx create mode 100644 .history/components/UI/Modal_20220531163454.tsx create mode 100644 .history/components/UI/Modal_20220531163456.tsx create mode 100644 .history/components/UI/Modal_20220531163511.tsx create mode 100644 .history/components/UI/Modal_20220531163514.tsx create mode 100644 .history/components/UI/Modal_20220531163523.tsx create mode 100644 .history/components/UI/Modal_20220531163527.tsx create mode 100644 .history/components/UI/Modal_20220531163528.tsx create mode 100644 .history/components/UI/Modal_20220531163530.tsx create mode 100644 .history/components/UI/Modal_20220531163537.tsx create mode 100644 .history/components/UI/Modal_20220531163540.tsx create mode 100644 .history/components/UI/Modal_20220531163541.tsx create mode 100644 .history/components/UI/Modal_20220531163544.tsx create mode 100644 .history/components/UI/Modal_20220531163550.tsx create mode 100644 .history/components/UI/Modal_20220531163554.tsx create mode 100644 .history/components/UI/Modal_20220531163556.tsx create mode 100644 .history/components/UI/Modal_20220531163600.tsx create mode 100644 .history/components/UI/Modal_20220531163601.tsx create mode 100644 .history/components/UI/Modal_20220531163622.tsx create mode 100644 .history/components/UI/Modal_20220531163624.tsx create mode 100644 .history/components/UI/Modal_20220531163626.tsx create mode 100644 .history/components/UI/Modal_20220531163636.tsx create mode 100644 .history/components/UI/Modal_20220531163651.tsx create mode 100644 .history/components/UI/Modal_20220531163700.tsx create mode 100644 .history/components/UI/Modal_20220531163702.tsx create mode 100644 .history/components/UI/Modal_20220531163714.tsx create mode 100644 .history/components/UI/Modal_20220531163723.tsx create mode 100644 .history/components/UI/Modal_20220531163725.tsx create mode 100644 .history/components/UI/Modal_20220531163727.tsx create mode 100644 .history/components/UI/Modal_20220531163732.tsx create mode 100644 .history/components/UI/Modal_20220531163748.tsx create mode 100644 .history/components/UI/Modal_20220531163834.tsx create mode 100644 .history/components/UI/Modal_20220531164804.tsx create mode 100644 .history/components/UI/Modal_20220531164806.tsx create mode 100644 .history/components/UI/Modal_20220531164808.tsx create mode 100644 .history/components/UI/Modal_20220531164810.tsx create mode 100644 .history/components/UI/Modal_20220531164811.tsx create mode 100644 .history/components/UI/Modal_20220531164821.tsx create mode 100644 .history/components/UI/Modal_20220531165029.tsx create mode 100644 .history/components/UI/Modal_20220531214657.tsx create mode 100644 .history/components/UI/Modal_20220531214747.tsx create mode 100644 .history/components/UI/Modal_20220531214755.tsx create mode 100644 .history/components/UI/Modal_20220531214802.tsx create mode 100644 .history/components/UI/Modal_20220531214807.tsx create mode 100644 .history/components/UI/Modal_20220531214808.tsx create mode 100644 .history/components/UI/Modal_20220531214810.tsx create mode 100644 .history/components/UI/Modal_20220531214815.tsx create mode 100644 .history/components/UI/Modal_20220531215624.tsx create mode 100644 .history/components/UI/PictureText_20220530185557.tsx create mode 100644 .history/components/UI/PictureText_20220530185603.tsx create mode 100644 .history/components/UI/PictureText_20220530185607.tsx create mode 100644 .history/components/UI/PictureText_20220530185618.tsx create mode 100644 .history/components/UI/PictureText_20220530185630.tsx create mode 100644 .history/components/UI/PictureText_20220530185642.tsx create mode 100644 .history/components/UI/PictureText_20220530185646.tsx create mode 100644 .history/components/UI/PictureText_20220530185647.tsx create mode 100644 .history/components/UI/PictureText_20220530185651.tsx create mode 100644 .history/components/UI/PictureText_20220530185655.tsx create mode 100644 .history/components/UI/PictureText_20220530185701.tsx create mode 100644 .history/components/UI/PictureText_20220530185708.tsx create mode 100644 .history/components/UI/PictureText_20220530185719.tsx create mode 100644 .history/components/UI/PictureText_20220530185723.tsx create mode 100644 .history/components/UI/PictureText_20220530185728.tsx create mode 100644 .history/components/UI/PictureText_20220530185735.tsx create mode 100644 .history/components/UI/PictureText_20220530185740.tsx create mode 100644 .history/components/UI/PictureText_20220530185742.tsx create mode 100644 .history/components/UI/PictureText_20220530185750.tsx create mode 100644 .history/components/UI/PictureText_20220530185754.tsx create mode 100644 .history/components/UI/PictureText_20220530185756.tsx create mode 100644 .history/components/UI/PictureText_20220530185759.tsx create mode 100644 .history/components/UI/PictureText_20220530185800.tsx create mode 100644 .history/components/UI/PictureText_20220530185931.tsx create mode 100644 .history/components/UI/PictureText_20220530185935.tsx create mode 100644 .history/components/UI/PictureText_20220530185936.tsx create mode 100644 .history/components/UI/PictureText_20220530185938.tsx create mode 100644 .history/components/UI/PictureText_20220530185940.tsx create mode 100644 .history/components/UI/PictureText_20220530185944.tsx create mode 100644 .history/components/UI/PictureText_20220530185945.tsx create mode 100644 .history/components/UI/PictureText_20220530191651.tsx create mode 100644 .history/components/UI/PictureText_20220530191652.tsx create mode 100644 .history/components/UI/PictureText_20220530191653.tsx create mode 100644 .history/components/UI/PictureText_20220530192338.tsx create mode 100644 .history/components/UI/PictureText_20220530192339.tsx create mode 100644 .history/components/UI/PictureText_20220530192342.tsx create mode 100644 .history/components/UI/RadioButton_20220531215938.tsx create mode 100644 .history/components/UI/RadioButton_20220531215944.tsx create mode 100644 .history/components/UI/RadioButton_20220531220104.tsx create mode 100644 .history/components/UI/RadioButton_20220531220108.tsx create mode 100644 .history/components/UI/RadioButton_20220531220112.tsx create mode 100644 .history/components/UI/RadioButton_20220531220124.tsx create mode 100644 .history/components/UI/RadioButton_20220531220241.tsx create mode 100644 .history/components/UI/RadioButton_20220531220245.tsx create mode 100644 .history/components/UI/RadioButton_20220531220247.tsx create mode 100644 .history/components/UI/RadioButton_20220531220311.tsx create mode 100644 .history/components/UI/RadioButton_20220531220552.tsx create mode 100644 .history/components/UI/RadioButton_20220531220635.tsx create mode 100644 .history/components/UI/RadioButton_20220531220640.tsx create mode 100644 .history/components/UI/RadioButton_20220531220644.tsx create mode 100644 .history/components/UI/RadioButton_20220531220650.tsx create mode 100644 .history/components/UI/RadioButton_20220531220705.tsx create mode 100644 .history/components/UI/RadioButton_20220531220707.tsx create mode 100644 .history/components/UI/RadioButton_20220531220729.tsx create mode 100644 .history/components/UI/RadioButton_20220531220733.tsx create mode 100644 .history/components/UI/RadioButton_20220531220738.tsx create mode 100644 .history/components/UI/RadioButton_20220531220739.tsx create mode 100644 .history/components/UI/RadioButton_20220531220741.tsx create mode 100644 .history/components/UI/RadioButton_20220531220747.tsx create mode 100644 .history/components/UI/RadioButton_20220531220753.tsx create mode 100644 .history/components/UI/RadioButton_20220531220758.tsx create mode 100644 .history/components/UI/RadioButton_20220531220801.tsx create mode 100644 .history/components/UI/RadioButton_20220531220802.tsx create mode 100644 .history/components/UI/RadioButton_20220531220808.tsx create mode 100644 .history/components/UI/RadioButton_20220531220809.tsx create mode 100644 .history/components/UI/RadioButton_20220531220828.tsx create mode 100644 .history/components/UI/RadioButton_20220531220832.tsx create mode 100644 .history/components/UI/RadioButton_20220531220838.tsx create mode 100644 .history/components/UI/RadioButton_20220531220842.tsx create mode 100644 .history/components/UI/RadioButton_20220531220856.tsx create mode 100644 .history/components/UI/RadioButton_20220531220903.tsx create mode 100644 .history/components/UI/RadioButton_20220531220905.tsx create mode 100644 .history/components/UI/RadioButton_20220531221105.tsx create mode 100644 .history/components/UI/RadioButton_20220531221121.tsx create mode 100644 .history/components/UI/RadioButton_20220531221123.tsx create mode 100644 .history/components/UI/RadioButton_20220531221131.tsx create mode 100644 .history/components/UI/RadioButton_20220531221133.tsx create mode 100644 .history/components/UI/SmallText_20220518155150.tsx create mode 100644 .history/components/UI/SmallText_20220518155208.tsx create mode 100644 .history/components/UI/SmallText_20220518155233.tsx create mode 100644 .history/components/UI/Title_20220518154600.tsx create mode 100644 .history/components/UI/Title_20220518154607.tsx create mode 100644 .history/components/UI/Title_20220518154615.tsx create mode 100644 .history/components/UI/Title_20220518154658.tsx create mode 100644 .history/components/UI/Title_20220518154704.tsx create mode 100644 .history/components/UI/Title_20220520143753.tsx create mode 100644 .history/components/UI/index_20220529001311.ts create mode 100644 .history/components/UI/index_20220529001312.ts create mode 100644 .history/components/UI/index_20220530185810.ts create mode 100644 .history/components/UI/index_20220530185812.ts create mode 100644 .history/components/UI/index_20220530185814.ts create mode 100644 .history/components/UI/index_20220531215520.ts create mode 100644 .history/components/UI/index_20220531215525.ts create mode 100644 .history/components/UI/index_20220531231701.ts create mode 100644 .history/components/UI/index_20220531231703.ts create mode 100644 .history/components/UI/index_20220617191420.ts create mode 100644 .history/components/admin/function/hashPassword_20220520142020.ts create mode 100644 .history/components/admin/function/hashPassword_20220520142046.ts create mode 100644 .history/components/admin/function/hashPassword_20220520142150.ts create mode 100644 .history/components/admin/function/hashPassword_20220520142548.ts create mode 100644 .history/components/admin/function/hashPassword_20220520142625.ts create mode 100644 .history/components/admin/function/hashPassword_20220520142810.ts create mode 100644 .history/components/admin/function/hashPassword_20220520143020.ts create mode 100644 .history/components/admin/function/hashPassword_20220520143123.ts create mode 100644 .history/components/admin/function/hashPassword_20220520143229.ts create mode 100644 .history/components/admin/function/hashPassword_20220520143306.ts create mode 100644 .history/components/admin/function/hashPassword_20220520143312.ts create mode 100644 .history/components/admin/function/hashPassword_20220520143329.ts create mode 100644 .history/components/admin/function/hashPassword_20220520143346.ts create mode 100644 .history/components/admin/function/hashPassword_20220520143401.ts create mode 100644 .history/components/admin/function/hashPassword_20220520143407.ts create mode 100644 .history/components/admin/function/hashPassword_20220520143424.ts create mode 100644 .history/components/admin/function/hashPassword_20220520143540.ts create mode 100644 .history/components/admin/function/hashPassword_20220520143557.ts create mode 100644 .history/components/admin/function/hashPassword_20220520143759.ts create mode 100644 .history/components/admin/function/hashPassword_20220520143845.ts create mode 100644 .history/components/admin/function/hashPassword_20220520144158.ts create mode 100644 .history/components/admin/function/hashPassword_20220520144205.ts create mode 100644 .history/components/admin/function/hashPassword_20220520144215.ts create mode 100644 .history/components/admin/function/hashPassword_20220520144227.ts create mode 100644 .history/components/admin/function/hashPassword_20220520144353.ts create mode 100644 .history/components/admin/function/hashPassword_20220520144413.ts create mode 100644 .history/components/admin/function/hashPassword_20220520144534.ts create mode 100644 .history/components/admin/function/hashPassword_20220520144559.ts create mode 100644 .history/components/admin/function/hashPassword_20220520144606.ts create mode 100644 .history/components/admin/function/hashPassword_20220520144632.ts create mode 100644 .history/components/admin/function/hashPassword_20220520144758.ts create mode 100644 .history/components/admin/function/hashPassword_20220520144806.ts create mode 100644 .history/components/admin/function/postData_20220520181446.ts create mode 100644 .history/components/admin/function/postData_20220520181459.ts create mode 100644 .history/components/admin/function/postData_20220520181921.ts create mode 100644 .history/components/admin/function/postData_20220520181955.ts create mode 100644 .history/components/admin/function/postData_20220520182127.ts create mode 100644 .history/components/admin/function/useToken_20220520191606.ts create mode 100644 .history/components/admin/function/useToken_20220520191615.ts create mode 100644 .history/components/admin/function/useToken_20220520191707.ts create mode 100644 .history/components/admin/function/useToken_20220520191812.ts create mode 100644 .history/components/admin/pages/Root/Main_20220522133602.ts create mode 100644 .history/components/admin/pages/Root/Main_20220522133649.ts create mode 100644 .history/components/admin/pages/Root/Main_20220522133733.ts create mode 100644 .history/components/admin/pages/Root/Main_20220522133759.tsx create mode 100644 .history/components/admin/pages/Root/Main_20220522133800.ts create mode 100644 .history/components/admin/pages/Root/Main_20220522133815.tsx create mode 100644 .history/components/admin/pages/Root/Main_20220522133928.tsx create mode 100644 .history/components/admin/pages/Root/Main_20220522134113.tsx create mode 100644 .history/components/admin/pages/Root/Main_20220522134427.tsx create mode 100644 .history/components/admin/pages/Root/Main_20220522134726.tsx create mode 100644 .history/components/admin/pages/login/EnteringCode_20220518151911.tsx create mode 100644 .history/components/admin/pages/login/EnteringCode_20220518151920.tsx create mode 100644 .history/components/admin/pages/login/EnteringCode_20220518152116.tsx create mode 100644 .history/components/admin/pages/login/EnteringCode_20220518153226.tsx create mode 100644 .history/components/admin/pages/login/EnteringCode_20220518154309.tsx create mode 100644 .history/components/admin/pages/login/EnteringCode_20220518154538.tsx create mode 100644 .history/components/admin/pages/login/EnteringCode_20220518154748.tsx create mode 100644 .history/components/admin/pages/login/EnteringMail_20220518151943.tsx create mode 100644 .history/components/admin/pages/login/EnteringMail_20220518152107.tsx create mode 100644 .history/components/admin/pages/login/EnteringMail_20220520130828.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220520130511.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220520130523.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220520130950.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220520133039.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220520133133.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220520133140.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220520133329.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220520133352.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220520134057.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220520135855.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220520181434.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220520181612.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220520181736.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220520181842.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220520182312.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220520182335.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220520182338.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220520182448.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220520191522.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220520191848.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220520191921.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220520191932.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220520192005.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220521123254.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220521123347.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220521123433.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220521123451.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220521123534.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220521123616.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220521123734.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220521123916.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220521124051.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220521124825.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220521124924.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220521124955.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220521124959.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220521125049.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220521125223.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220521125259.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220521125329.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220521125349.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220521130320.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220521130645.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220521130833.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220521130906.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220521130947.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220521131025.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220521131120.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220521131146.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220521131228.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220521131248.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220521131345.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220521131359.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220521131415.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220521131503.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220521132632.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220521132639.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220521132712.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220521133204.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220521133706.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220521133709.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220521133738.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220521133742.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220521133956.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220521134011.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220521134044.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220521134055.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220521134110.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220521134349.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220522073245.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220522073434.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220522073515.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220522073542.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220522073956.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220522074010.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220522074030.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220522074120.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220522074138.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220522074257.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220522074307.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220522074340.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220522074359.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220522074417.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220522074929.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220522075016.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220522075038.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220522075123.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220522075148.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220522075439.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220522075600.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220522075610.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220522075637.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220522075700.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220522075911.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220522075919.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220522080022.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220522080031.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220522080050.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220522080202.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220522080254.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220522080327.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220522080421.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220522080614.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220522080648.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220522080810.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220522080832.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220522081104.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220522133012.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220522133046.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220522133121.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220522133131.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220522133156.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220522133235.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220523185252.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220523185335.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220523185350.tsx create mode 100644 .history/components/admin/pages/login/Entrance_20220523185617.tsx create mode 100644 .history/components/admin/pages/login/Index_20220518152004.tsx create mode 100644 .history/components/admin/pages/login/Index_20220518152059.tsx create mode 100644 .history/components/admin/pages/login/Index_20220518154842.tsx create mode 100644 .history/components/admin/pages/login/Index_20220518155142.tsx create mode 100644 .history/components/admin/pages/login/Index_20220518155348.tsx create mode 100644 .history/components/admin/pages/login/Index_20220518155852.tsx create mode 100644 .history/components/admin/pages/login/Index_20220518155917.tsx create mode 100644 .history/components/admin/pages/login/Index_20220518160750.tsx create mode 100644 .history/components/admin/pages/login/Index_20220518161105.tsx create mode 100644 .history/components/admin/pages/login/Index_20220518161239.tsx create mode 100644 .history/components/admin/pages/login/Index_20220518161330.tsx create mode 100644 .history/components/admin/pages/login/Index_20220518161409.tsx create mode 100644 .history/components/admin/pages/login/Index_20220518161525.tsx create mode 100644 .history/components/admin/pages/login/Index_20220518162727.tsx create mode 100644 .history/components/admin/pages/login/Index_20220518162833.tsx create mode 100644 .history/components/admin/pages/login/Index_20220518163018.tsx create mode 100644 .history/components/admin/pages/login/Index_20220518163242.tsx create mode 100644 .history/components/admin/pages/login/Index_20220518163510.tsx create mode 100644 .history/components/admin/pages/login/Index_20220518163527.tsx create mode 100644 .history/components/admin/pages/login/Index_20220520130519.tsx create mode 100644 .history/components/admin/pages/login/Index_20220520130556.tsx create mode 100644 .history/components/admin/pages/login/Index_20220520130622.tsx create mode 100644 .history/components/admin/pages/login/Index_20220520130709.tsx create mode 100644 .history/components/admin/pages/login/Index_20220520130726.tsx create mode 100644 .history/components/admin/pages/login/Index_20220520130848.tsx create mode 100644 .history/components/admin/pages/login/Index_20220520130904.tsx create mode 100644 .history/components/admin/pages/login/Index_20220520131056.tsx create mode 100644 .history/components/admin/pages/login/Index_20220520131131.tsx create mode 100644 .history/components/admin/pages/login/Index_20220520131142.tsx create mode 100644 .history/components/admin/pages/login/Index_20220520131153.tsx create mode 100644 .history/components/admin/pages/login/Index_20220520131157.tsx create mode 100644 .history/components/admin/pages/login/Index_20220520131241.tsx create mode 100644 .history/components/admin/pages/login/Index_20220520131342.ts create mode 100644 .history/components/admin/pages/login/Index_20220520131353.ts create mode 100644 .history/components/admin/pages/login/Index_20220520131422.ts create mode 100644 .history/components/admin/pages/login/Login_20220520131240.tsx create mode 100644 .history/components/admin/pages/login/Login_20220520131246.tsx create mode 100644 .history/components/admin/pages/login/Login_20220520131321.tsx create mode 100644 .history/components/admin/pages/login/Login_20220520131413.tsx create mode 100644 .history/components/admin/pages/login/Login_20220520131426.tsx create mode 100644 .history/components/admin/pages/login/Login_20220520132228.tsx create mode 100644 .history/components/admin/pages/login/Login_20220522081224.tsx create mode 100644 .history/components/admin/pages/login/Login_20220522081235.tsx create mode 100644 .history/components/admin/pages/login/Login_20220522081301.tsx create mode 100644 .history/components/admin/pages/login/Login_20220522081324.tsx create mode 100644 .history/components/admin/pages/login/Login_20220522081534.tsx create mode 100644 .history/components/admin/pages/login/NewPassword_20220518152017.tsx create mode 100644 .history/components/admin/pages/login/NewPassword_20220518152051.tsx create mode 100644 .history/components/admin/pages/login/useToken_20220518152038.ts create mode 100644 .history/components/admin/pages/login/useToken_20220518152044.ts create mode 100644 .history/components/customer/Header_20220518151446.tsx create mode 100644 .history/components/customer/Header_20220518151805.tsx create mode 100644 .history/components/customer/Header_20220529152930.tsx create mode 100644 .history/components/customer/Header_20220529152932.tsx create mode 100644 .history/components/customer/Header_20220529152940.tsx create mode 100644 .history/components/customer/Header_20220529153057.tsx create mode 100644 .history/components/customer/Header_20220529153101.tsx create mode 100644 .history/components/customer/Header_20220529153311.tsx create mode 100644 .history/components/customer/Header_20220529153322.tsx create mode 100644 .history/components/customer/Header_20220529153328.tsx create mode 100644 .history/components/customer/Header_20220529153335.tsx create mode 100644 .history/components/customer/Header_20220529153339.tsx create mode 100644 .history/components/customer/Header_20220529153343.tsx create mode 100644 .history/components/customer/Header_20220529153348.tsx create mode 100644 .history/components/customer/Header_20220529153350.tsx create mode 100644 .history/components/customer/Header_20220529153400.tsx create mode 100644 .history/components/customer/Header_20220529153657.tsx create mode 100644 .history/components/customer/Header_20220529153704.tsx create mode 100644 .history/components/customer/Header_20220529153709.tsx create mode 100644 .history/components/customer/Header_20220529153715.tsx create mode 100644 .history/components/customer/Header_20220529153717.tsx create mode 100644 .history/components/customer/Header_20220529153759.tsx create mode 100644 .history/components/customer/Header_20220529153807.tsx create mode 100644 .history/components/customer/Header_20220529153808.tsx create mode 100644 .history/components/customer/Header_20220529155219.tsx create mode 100644 .history/components/customer/Header_20220529155228.tsx create mode 100644 .history/components/customer/Header_20220529155230.tsx create mode 100644 .history/components/customer/Header_20220529155231.tsx create mode 100644 .history/components/customer/Header_20220529155237.tsx create mode 100644 .history/components/customer/Header_20220529155241.tsx create mode 100644 .history/components/customer/Header_20220529155247.tsx create mode 100644 .history/components/customer/Header_20220529155250.tsx create mode 100644 .history/components/customer/Header_20220529155251.tsx create mode 100644 .history/components/customer/Header_20220529155256.tsx create mode 100644 .history/components/customer/Header_20220529155259.tsx create mode 100644 .history/components/customer/Header_20220529155306.tsx create mode 100644 .history/components/customer/Header_20220529155311.tsx create mode 100644 .history/components/customer/Header_20220529155315.tsx create mode 100644 .history/components/customer/Header_20220529155319.tsx create mode 100644 .history/components/customer/Header_20220529155321.tsx create mode 100644 .history/components/customer/Header_20220529155329.tsx create mode 100644 .history/components/customer/Header_20220529155335.tsx create mode 100644 .history/components/customer/Header_20220529155341.tsx create mode 100644 .history/components/customer/Header_20220529155346.tsx create mode 100644 .history/components/customer/Header_20220529155352.tsx create mode 100644 .history/components/customer/Header_20220529155403.tsx create mode 100644 .history/components/customer/Header_20220529155409.tsx create mode 100644 .history/components/customer/Header_20220529155423.tsx create mode 100644 .history/components/customer/Header_20220529155424.tsx create mode 100644 .history/components/customer/Header_20220529155427.tsx create mode 100644 .history/components/customer/Header_20220529155432.tsx create mode 100644 .history/components/customer/Header_20220529155436.tsx create mode 100644 .history/components/customer/Header_20220529155443.tsx create mode 100644 .history/components/customer/Header_20220529155445.tsx create mode 100644 .history/components/customer/Header_20220529155451.tsx create mode 100644 .history/components/customer/Header_20220529155625.tsx create mode 100644 .history/components/customer/Header_20220529155651.tsx create mode 100644 .history/components/customer/Header_20220529155657.tsx create mode 100644 .history/components/customer/Header_20220529155705.tsx create mode 100644 .history/components/customer/Header_20220529155714.tsx create mode 100644 .history/components/customer/Header_20220529155854.tsx create mode 100644 .history/components/customer/Header_20220529155900.tsx create mode 100644 .history/components/customer/Header_20220529155903.tsx create mode 100644 .history/components/customer/Header_20220529155910.tsx create mode 100644 .history/components/customer/Header_20220529160110.tsx create mode 100644 .history/components/customer/Header_20220529160112.tsx create mode 100644 .history/components/customer/Header_20220529160624.tsx create mode 100644 .history/components/customer/Header_20220529160630.tsx create mode 100644 .history/components/customer/Header_20220529160632.tsx create mode 100644 .history/components/customer/Header_20220529160642.tsx create mode 100644 .history/components/customer/Header_20220529160646.tsx create mode 100644 .history/components/customer/Header_20220529160653.tsx create mode 100644 .history/components/customer/Header_20220529160659.tsx create mode 100644 .history/components/customer/Header_20220529160718.tsx create mode 100644 .history/components/customer/Header_20220529160720.tsx create mode 100644 .history/components/customer/Header_20220529160723.tsx create mode 100644 .history/components/customer/Header_20220529160724.tsx create mode 100644 .history/components/customer/Header_20220529160725.tsx create mode 100644 .history/components/customer/Header_20220529160852.tsx create mode 100644 .history/components/customer/Header_20220529160855.tsx create mode 100644 .history/components/customer/Header_20220529160858.tsx create mode 100644 .history/components/customer/Header_20220529160900.tsx create mode 100644 .history/components/customer/Header_20220529160901.tsx create mode 100644 .history/components/customer/Header_20220529160903.tsx create mode 100644 .history/components/customer/Header_20220529160906.tsx create mode 100644 .history/components/customer/Header_20220529160908.tsx create mode 100644 .history/components/customer/Header_20220529160909.tsx create mode 100644 .history/components/customer/Header_20220529160914.tsx create mode 100644 .history/components/customer/Header_20220529160916.tsx create mode 100644 .history/components/customer/Header_20220529160917.tsx create mode 100644 .history/components/customer/Header_20220529160920.tsx create mode 100644 .history/components/customer/Header_20220529160923.tsx create mode 100644 .history/components/customer/Header_20220529160931.tsx create mode 100644 .history/components/customer/Header_20220529160934.tsx create mode 100644 .history/components/customer/Header_20220529161109.tsx create mode 100644 .history/components/customer/Header_20220529161125.tsx create mode 100644 .history/components/customer/Header_20220529161127.tsx create mode 100644 .history/components/customer/Header_20220529161142.tsx create mode 100644 .history/components/customer/Header_20220529161147.tsx create mode 100644 .history/components/customer/Header_20220529161203.tsx create mode 100644 .history/components/customer/Header_20220529161210.tsx create mode 100644 .history/components/customer/Header_20220529161333.tsx create mode 100644 .history/components/customer/Header_20220529161339.tsx create mode 100644 .history/components/customer/Header_20220529161341.tsx create mode 100644 .history/components/customer/Header_20220529161431.tsx create mode 100644 .history/components/customer/Header_20220529161434.tsx create mode 100644 .history/components/customer/Header_20220529161436.tsx create mode 100644 .history/components/customer/Header_20220529161440.tsx create mode 100644 .history/components/customer/Header_20220529161443.tsx create mode 100644 .history/components/customer/Header_20220529161447.tsx create mode 100644 .history/components/customer/Header_20220529161450.tsx create mode 100644 .history/components/customer/Header_20220529161454.tsx create mode 100644 .history/components/customer/Header_20220529161500.tsx create mode 100644 .history/components/customer/Header_20220529161502.tsx create mode 100644 .history/components/customer/Header_20220529161512.tsx create mode 100644 .history/components/customer/Header_20220529161516.tsx create mode 100644 .history/components/customer/Header_20220529161519.tsx create mode 100644 .history/components/customer/Header_20220529161521.tsx create mode 100644 .history/components/customer/Header_20220529161532.tsx create mode 100644 .history/components/customer/Header_20220529161537.tsx create mode 100644 .history/components/customer/Header_20220529161539.tsx create mode 100644 .history/components/customer/Header_20220529161645.tsx create mode 100644 .history/components/customer/Header_20220529161648.tsx create mode 100644 .history/components/customer/Header_20220529161706.tsx create mode 100644 .history/components/customer/Header_20220529161714.tsx create mode 100644 .history/components/customer/Header_20220530165226.tsx create mode 100644 .history/components/customer/Header_20220530165229.tsx create mode 100644 .history/components/customer/Header_20220530165233.tsx create mode 100644 .history/components/customer/Header_20220530165236.tsx create mode 100644 .history/components/customer/Header_20220530165237.tsx create mode 100644 .history/components/customer/Header_20220530165443.tsx create mode 100644 .history/components/customer/Header_20220530165447.tsx create mode 100644 .history/components/customer/Header_20220530165455.tsx create mode 100644 .history/components/customer/Header_20220530165511.tsx create mode 100644 .history/components/customer/Header_20220530165514.tsx create mode 100644 .history/components/customer/Header_20220530165521.tsx create mode 100644 .history/components/customer/Header_20220530165524.tsx create mode 100644 .history/components/customer/Header_20220530165529.tsx create mode 100644 .history/components/customer/Header_20220530175306.tsx create mode 100644 .history/components/customer/Header_20220530175315.tsx create mode 100644 .history/components/customer/Header_20220530175916.tsx create mode 100644 .history/components/customer/Header_20220530175929.tsx create mode 100644 .history/components/customer/Header_20220530175933.tsx create mode 100644 .history/components/customer/Header_20220530175935.tsx create mode 100644 .history/components/customer/Header_20220530175936.tsx create mode 100644 .history/components/customer/Header_20220530175948.tsx create mode 100644 .history/components/customer/Header_20220530175953.tsx create mode 100644 .history/components/customer/Header_20220530175958.tsx create mode 100644 .history/components/customer/Header_20220530180000.tsx create mode 100644 .history/components/customer/Header_20220530180002.tsx create mode 100644 .history/components/customer/Header_20220530180003.tsx create mode 100644 .history/components/customer/Header_20220530180005.tsx create mode 100644 .history/components/customer/Header_20220530180008.tsx create mode 100644 .history/components/customer/Header_20220530180010.tsx create mode 100644 .history/components/customer/Header_20220530180106.tsx create mode 100644 .history/components/customer/Header_20220530180109.tsx create mode 100644 .history/components/customer/Header_20220530180112.tsx create mode 100644 .history/components/customer/Header_20220530180114.tsx create mode 100644 .history/components/customer/Header_20220530180224.tsx create mode 100644 .history/components/customer/Header_20220530180226.tsx create mode 100644 .history/components/customer/Header_20220530180228.tsx create mode 100644 .history/components/customer/Header_20220530180229.tsx create mode 100644 .history/components/customer/Header_20220530180231.tsx create mode 100644 .history/components/customer/Header_20220530180234.tsx create mode 100644 .history/components/customer/Header_20220530180244.tsx create mode 100644 .history/components/customer/Header_20220530180245.tsx create mode 100644 .history/components/customer/Header_20220530180248.tsx create mode 100644 .history/components/customer/Header_20220530180249.tsx create mode 100644 .history/components/customer/Header_20220530182258.tsx create mode 100644 .history/components/customer/Header_20220530182300.tsx create mode 100644 .history/components/customer/Header_20220530182302.tsx create mode 100644 .history/components/customer/Header_20220530182724.tsx create mode 100644 .history/components/customer/Header_20220530182729.tsx create mode 100644 .history/components/customer/Header_20220530182732.tsx create mode 100644 .history/components/customer/Header_20220530182733.tsx create mode 100644 .history/components/customer/Header_20220530183415.tsx create mode 100644 .history/components/customer/Header_20220530183817.tsx create mode 100644 .history/components/customer/Header_20220530183822.tsx create mode 100644 .history/components/customer/Header_20220530183823.tsx create mode 100644 .history/components/customer/Pages/Index/block/Description/Description_20220530190937.tsx create mode 100644 .history/components/customer/Pages/Index/block/Description/Description_20220531162101.tsx create mode 100644 .history/components/customer/Pages/Index/block/Pizza/Pizza_20220529151345.tsx create mode 100644 .history/components/customer/Pages/Index/block/Pizza/Pizza_20220531162101.tsx create mode 100644 .history/components/customer/block/Categories/Categories_20220528175029.tsx create mode 100644 .history/components/customer/block/Categories/Categories_20220528175234.tsx create mode 100644 .history/components/customer/block/Categories/Categories_20220528175311.tsx create mode 100644 .history/components/customer/block/Categories/Categories_20220528175856.tsx create mode 100644 .history/components/customer/block/Categories/Categories_20220528224149.tsx create mode 100644 .history/components/customer/block/Categories/Categories_20220528224224.tsx create mode 100644 .history/components/customer/block/Categories/Categories_20220528224233.tsx create mode 100644 .history/components/customer/block/Categories/Categories_20220528224355.tsx create mode 100644 .history/components/customer/block/Categories/Categories_20220528230021.tsx create mode 100644 .history/components/customer/block/Categories/Skeleton_20220528175037.tsx create mode 100644 .history/components/customer/block/Categories/Skeleton_20220528175118.tsx create mode 100644 .history/components/customer/block/Categories/Skeleton_20220528234710.tsx create mode 100644 .history/components/customer/block/Categories/Skeleton_20220528234713.tsx create mode 100644 .history/components/customer/block/Categories/Skeleton_20220528234717.tsx create mode 100644 .history/components/customer/block/Categories/Skeleton_20220528234719.tsx create mode 100644 .history/components/customer/block/Categories/Skeleton_20220528234723.tsx create mode 100644 .history/components/customer/block/Categories/Skeleton_20220528234725.tsx create mode 100644 .history/components/customer/block/Categories/Skeleton_20220528235052.tsx create mode 100644 .history/components/customer/block/Categories/index_20220530190145.ts create mode 100644 .history/components/customer/block/Categories/index_20220530190154.ts create mode 100644 .history/components/customer/block/Categories/index_20220530190157.ts create mode 100644 .history/components/customer/block/Categories/index_20220530190201.ts create mode 100644 .history/components/customer/block/Categories/index_20220530190202.ts create mode 100644 .history/components/customer/block/DeliveryArea/DeliveryArea_20220531160802.tsx create mode 100644 .history/components/customer/block/DeliveryArea/DeliveryArea_20220531160828.tsx create mode 100644 .history/components/customer/block/DeliveryArea/DeliveryArea_20220531160837.tsx create mode 100644 .history/components/customer/block/DeliveryArea/DeliveryArea_20220531160842.tsx create mode 100644 .history/components/customer/block/DeliveryArea/DeliveryArea_20220531160848.tsx create mode 100644 .history/components/customer/block/DeliveryArea/DeliveryArea_20220531160851.tsx create mode 100644 .history/components/customer/block/DeliveryArea/DeliveryArea_20220531160901.tsx create mode 100644 .history/components/customer/block/DeliveryArea/DeliveryArea_20220531160904.tsx create mode 100644 .history/components/customer/block/DeliveryArea/DeliveryArea_20220531160905.tsx create mode 100644 .history/components/customer/block/DeliveryArea/DeliveryArea_20220531160908.tsx create mode 100644 .history/components/customer/block/DeliveryArea/DeliveryArea_20220531160917.tsx create mode 100644 .history/components/customer/block/DeliveryArea/DeliveryArea_20220531160922.tsx create mode 100644 .history/components/customer/block/DeliveryArea/DeliveryArea_20220531160924.tsx create mode 100644 .history/components/customer/block/DeliveryArea/DeliveryArea_20220531160927.tsx create mode 100644 .history/components/customer/block/DeliveryArea/DeliveryArea_20220531160929.tsx create mode 100644 .history/components/customer/block/DeliveryArea/DeliveryArea_20220531160933.tsx create mode 100644 .history/components/customer/block/DeliveryArea/DeliveryArea_20220531160934.tsx create mode 100644 .history/components/customer/block/DeliveryArea/DeliveryArea_20220531160935.tsx create mode 100644 .history/components/customer/block/DeliveryArea/DeliveryArea_20220531160937.tsx create mode 100644 .history/components/customer/block/DeliveryArea/DeliveryArea_20220531161030.tsx create mode 100644 .history/components/customer/block/DeliveryArea/DeliveryArea_20220531161031.tsx create mode 100644 .history/components/customer/block/DeliveryArea/DeliveryArea_20220531161032.tsx create mode 100644 .history/components/customer/block/DeliveryArea/DeliveryArea_20220531161035.tsx create mode 100644 .history/components/customer/block/DeliveryArea/DeliveryArea_20220531161359.tsx create mode 100644 .history/components/customer/block/DeliveryArea/DeliveryArea_20220531161402.tsx create mode 100644 .history/components/customer/block/DeliveryArea/index_20220531160748.ts create mode 100644 .history/components/customer/block/DeliveryArea/index_20220531160812.ts create mode 100644 .history/components/customer/block/DeliveryArea/index_20220531160819.ts create mode 100644 .history/components/customer/block/DeliveryArea/index_20220531160820.ts create mode 100644 .history/components/customer/block/Description/Description_20220530184318.tsx create mode 100644 .history/components/customer/block/Description/Description_20220530184328.tsx create mode 100644 .history/components/customer/block/Description/Description_20220530184337.tsx create mode 100644 .history/components/customer/block/Description/Description_20220530184343.tsx create mode 100644 .history/components/customer/block/Description/Description_20220530184345.tsx create mode 100644 .history/components/customer/block/Description/Description_20220530184348.tsx create mode 100644 .history/components/customer/block/Description/Description_20220530184349.tsx create mode 100644 .history/components/customer/block/Description/Description_20220530184402.tsx create mode 100644 .history/components/customer/block/Description/Description_20220530184410.tsx create mode 100644 .history/components/customer/block/Description/Description_20220530184951.tsx create mode 100644 .history/components/customer/block/Description/Description_20220530184955.tsx create mode 100644 .history/components/customer/block/Description/Description_20220530184959.tsx create mode 100644 .history/components/customer/block/Description/Description_20220530185002.tsx create mode 100644 .history/components/customer/block/Description/Description_20220530185007.tsx create mode 100644 .history/components/customer/block/Description/Description_20220530185012.tsx create mode 100644 .history/components/customer/block/Description/Description_20220530185014.tsx create mode 100644 .history/components/customer/block/Description/Description_20220530185020.tsx create mode 100644 .history/components/customer/block/Description/Description_20220530185031.tsx create mode 100644 .history/components/customer/block/Description/Description_20220530185145.tsx create mode 100644 .history/components/customer/block/Description/Description_20220530185400.tsx create mode 100644 .history/components/customer/block/Description/Description_20220530185405.tsx create mode 100644 .history/components/customer/block/Description/Description_20220530185407.tsx create mode 100644 .history/components/customer/block/Description/Description_20220530185409.tsx create mode 100644 .history/components/customer/block/Description/Description_20220530185411.tsx create mode 100644 .history/components/customer/block/Description/Description_20220530185415.tsx create mode 100644 .history/components/customer/block/Description/Description_20220530185417.tsx create mode 100644 .history/components/customer/block/Description/Description_20220530185425.tsx create mode 100644 .history/components/customer/block/Description/Description_20220530185427.tsx create mode 100644 .history/components/customer/block/Description/Description_20220530185428.tsx create mode 100644 .history/components/customer/block/Description/Description_20220530185434.tsx create mode 100644 .history/components/customer/block/Description/Description_20220530185437.tsx create mode 100644 .history/components/customer/block/Description/Description_20220530185440.tsx create mode 100644 .history/components/customer/block/Description/Description_20220530185445.tsx create mode 100644 .history/components/customer/block/Description/Description_20220530185503.tsx create mode 100644 .history/components/customer/block/Description/Description_20220530185509.tsx create mode 100644 .history/components/customer/block/Description/Description_20220530185515.tsx create mode 100644 .history/components/customer/block/Description/Description_20220530185517.tsx create mode 100644 .history/components/customer/block/Description/Description_20220530185518.tsx create mode 100644 .history/components/customer/block/Description/Description_20220530185519.tsx create mode 100644 .history/components/customer/block/Description/Description_20220530185523.tsx create mode 100644 .history/components/customer/block/Description/Description_20220530185525.tsx create mode 100644 .history/components/customer/block/Description/Description_20220530185527.tsx create mode 100644 .history/components/customer/block/Description/Description_20220530185529.tsx create mode 100644 .history/components/customer/block/Description/Description_20220530185531.tsx create mode 100644 .history/components/customer/block/Description/Description_20220530185820.tsx create mode 100644 .history/components/customer/block/Description/Description_20220530185821.tsx create mode 100644 .history/components/customer/block/Description/Description_20220530185825.tsx create mode 100644 .history/components/customer/block/Description/Description_20220530185829.tsx create mode 100644 .history/components/customer/block/Description/Description_20220530185832.tsx create mode 100644 .history/components/customer/block/Description/Description_20220530185838.tsx create mode 100644 .history/components/customer/block/Description/Description_20220530185839.tsx create mode 100644 .history/components/customer/block/Description/Description_20220530185844.tsx create mode 100644 .history/components/customer/block/Description/Description_20220530185846.tsx create mode 100644 .history/components/customer/block/Description/Description_20220530185847.tsx create mode 100644 .history/components/customer/block/Description/Description_20220530185901.tsx create mode 100644 .history/components/customer/block/Description/Description_20220530185902.tsx create mode 100644 .history/components/customer/block/Description/Description_20220530185905.tsx create mode 100644 .history/components/customer/block/Description/Description_20220530185911.tsx create mode 100644 .history/components/customer/block/Description/Description_20220530185912.tsx create mode 100644 .history/components/customer/block/Description/Description_20220530185913.tsx create mode 100644 .history/components/customer/block/Description/Description_20220530185952.tsx create mode 100644 .history/components/customer/block/Description/Description_20220530190924.tsx create mode 100644 .history/components/customer/block/Description/Description_20220530190927.tsx create mode 100644 .history/components/customer/block/Description/Description_20220530190928.tsx create mode 100644 .history/components/customer/block/Description/Description_20220530190931.tsx create mode 100644 .history/components/customer/block/Description/Description_20220530190932.tsx create mode 100644 .history/components/customer/block/Description/Description_20220530190938.tsx create mode 100644 .history/components/customer/block/Description/index_20220530190224.ts create mode 100644 .history/components/customer/block/Description/index_20220530190229.ts create mode 100644 .history/components/customer/block/Description/index_20220530190230.ts create mode 100644 .history/components/customer/block/Description/index_20220530190234.ts create mode 100644 .history/components/customer/block/Footer/FooterNav_20220530193614.tsx create mode 100644 .history/components/customer/block/Footer/FooterNav_20220531133717.tsx create mode 100644 .history/components/customer/block/Footer/FooterNav_20220531133720.tsx create mode 100644 .history/components/customer/block/Footer/FooterNav_20220531133724.tsx create mode 100644 .history/components/customer/block/Footer/FooterNav_20220531133727.tsx create mode 100644 .history/components/customer/block/Footer/FooterNav_20220531133731.tsx create mode 100644 .history/components/customer/block/Footer/FooterNav_20220531133736.tsx create mode 100644 .history/components/customer/block/Footer/FooterNav_20220531134138.tsx create mode 100644 .history/components/customer/block/Footer/FooterNav_20220531134139.tsx create mode 100644 .history/components/customer/block/Footer/FooterNav_20220531134204.tsx create mode 100644 .history/components/customer/block/Footer/FooterNav_20220531134207.tsx create mode 100644 .history/components/customer/block/Footer/FooterNav_20220531134213.tsx create mode 100644 .history/components/customer/block/Footer/FooterNav_20220531141333.tsx create mode 100644 .history/components/customer/block/Footer/FooterNav_20220531141354.tsx create mode 100644 .history/components/customer/block/Footer/FooterNav_20220531141404.tsx create mode 100644 .history/components/customer/block/Footer/FooterNav_20220531141405.tsx create mode 100644 .history/components/customer/block/Footer/FooterNav_20220531141412.tsx create mode 100644 .history/components/customer/block/Footer/FooterNav_20220531141414.tsx create mode 100644 .history/components/customer/block/Footer/FooterNav_20220531141416.tsx create mode 100644 .history/components/customer/block/Footer/FooterNav_20220531141417.tsx create mode 100644 .history/components/customer/block/Footer/FooterNav_20220531141419.tsx create mode 100644 .history/components/customer/block/Footer/FooterNav_20220531143011.tsx create mode 100644 .history/components/customer/block/Footer/FooterNav_20220531143039.tsx create mode 100644 .history/components/customer/block/Footer/FooterNav_20220531143040.tsx create mode 100644 .history/components/customer/block/Footer/FooterNav_20220531143044.tsx create mode 100644 .history/components/customer/block/Footer/FooterNav_20220531143052.tsx create mode 100644 .history/components/customer/block/Footer/FooterNav_20220531145326.tsx create mode 100644 .history/components/customer/block/Footer/FooterNav_20220531145329.tsx create mode 100644 .history/components/customer/block/Footer/FooterNav_20220531145332.tsx create mode 100644 .history/components/customer/block/Footer/FooterNav_20220531145335.tsx create mode 100644 .history/components/customer/block/Footer/FooterNav_20220531145337.tsx create mode 100644 .history/components/customer/block/Footer/FooterNav_20220531145339.tsx create mode 100644 .history/components/customer/block/Footer/FooterNav_20220531145341.tsx create mode 100644 .history/components/customer/block/Footer/FooterNav_20220531151045.tsx create mode 100644 .history/components/customer/block/Footer/FooterNav_20220531151046.tsx create mode 100644 .history/components/customer/block/Footer/Footer_20220530192753.tsx create mode 100644 .history/components/customer/block/Footer/Footer_20220530192833.tsx create mode 100644 .history/components/customer/block/Footer/Footer_20220530192849.tsx create mode 100644 .history/components/customer/block/Footer/Footer_20220530192850.tsx create mode 100644 .history/components/customer/block/Footer/Footer_20220530192858.tsx create mode 100644 .history/components/customer/block/Footer/Footer_20220530192900.tsx create mode 100644 .history/components/customer/block/Footer/Footer_20220530192906.tsx create mode 100644 .history/components/customer/block/Footer/Footer_20220530192910.tsx create mode 100644 .history/components/customer/block/Footer/Footer_20220530192914.tsx create mode 100644 .history/components/customer/block/Footer/Footer_20220530192917.tsx create mode 100644 .history/components/customer/block/Footer/Footer_20220530192923.tsx create mode 100644 .history/components/customer/block/Footer/Footer_20220530192925.tsx create mode 100644 .history/components/customer/block/Footer/Footer_20220530192939.tsx create mode 100644 .history/components/customer/block/Footer/Footer_20220530192945.tsx create mode 100644 .history/components/customer/block/Footer/Footer_20220530192949.tsx create mode 100644 .history/components/customer/block/Footer/Footer_20220530192951.tsx create mode 100644 .history/components/customer/block/Footer/Footer_20220530192958.tsx create mode 100644 .history/components/customer/block/Footer/Footer_20220530193002.tsx create mode 100644 .history/components/customer/block/Footer/Footer_20220530193004.tsx create mode 100644 .history/components/customer/block/Footer/Footer_20220530193006.tsx create mode 100644 .history/components/customer/block/Footer/Footer_20220530193010.tsx create mode 100644 .history/components/customer/block/Footer/Footer_20220530193012.tsx create mode 100644 .history/components/customer/block/Footer/Footer_20220530193024.tsx create mode 100644 .history/components/customer/block/Footer/Nav_20220530192759.tsx create mode 100644 .history/components/customer/block/Footer/Nav_20220530193033.tsx create mode 100644 .history/components/customer/block/Footer/Nav_20220530193047.tsx create mode 100644 .history/components/customer/block/Footer/Nav_20220530193050.tsx create mode 100644 .history/components/customer/block/Footer/Nav_20220530193054.tsx create mode 100644 .history/components/customer/block/Footer/Nav_20220530193055.tsx create mode 100644 .history/components/customer/block/Footer/Nav_20220530193102.tsx create mode 100644 .history/components/customer/block/Footer/Nav_20220530193103.tsx create mode 100644 .history/components/customer/block/Footer/Nav_20220530193105.tsx create mode 100644 .history/components/customer/block/Footer/Nav_20220530193119.tsx create mode 100644 .history/components/customer/block/Footer/Nav_20220530193120.tsx create mode 100644 .history/components/customer/block/Footer/Nav_20220530193611.tsx create mode 100644 .history/components/customer/block/Footer/Nav_20220530193613.tsx create mode 100644 .history/components/customer/block/Footer/Nav_20220530193615.tsx create mode 100644 .history/components/customer/block/Footer/index_20220530192805.ts create mode 100644 .history/components/customer/block/Footer/index_20220530192813.ts create mode 100644 .history/components/customer/block/Footer/index_20220530192823.ts create mode 100644 .history/components/customer/block/Footer/index_20220530193832.ts create mode 100644 .history/components/customer/block/Header/Header_20220530183822.tsx create mode 100644 .history/components/customer/block/Header/Header_20220530192632.tsx create mode 100644 .history/components/customer/block/Header/Header_20220530192635.tsx create mode 100644 .history/components/customer/block/Header/index_20220530192614.ts create mode 100644 .history/components/customer/block/Header/index_20220530192618.ts create mode 100644 .history/components/customer/block/Header/index_20220530192623.ts create mode 100644 .history/components/customer/block/Motto/Index_20220528173552.ts create mode 100644 .history/components/customer/block/Motto/Index_20220528173621.ts create mode 100644 .history/components/customer/block/Motto/Index_20220528173742.ts create mode 100644 .history/components/customer/block/Motto/Index_20220528174044.ts create mode 100644 .history/components/customer/block/Motto/Index_20220528174110.ts create mode 100644 .history/components/customer/block/Motto/Index_20220528174158.ts create mode 100644 .history/components/customer/block/Motto/Index_20220528174301.ts create mode 100644 .history/components/customer/block/Motto/Index_20220528174356.ts create mode 100644 .history/components/customer/block/Motto/Index_20220528174449.ts create mode 100644 .history/components/customer/block/Motto/Index_20220528174535.tsx create mode 100644 .history/components/customer/block/Motto/Index_20220528174536.ts create mode 100644 .history/components/customer/block/Motto/Index_20220528174550.tsx create mode 100644 .history/components/customer/block/Motto/Index_20220528233516.tsx create mode 100644 .history/components/customer/block/Motto/Index_20220528233557.tsx create mode 100644 .history/components/customer/block/Motto/Index_20220528233621.tsx create mode 100644 .history/components/customer/block/Motto/Index_20220528233637.tsx create mode 100644 .history/components/customer/block/Motto/Index_20220528233638.tsx create mode 100644 .history/components/customer/block/Motto/Index_20220528233640.tsx create mode 100644 .history/components/customer/block/Motto/Index_20220528233642.tsx create mode 100644 .history/components/customer/block/Motto/Index_20220528233651.tsx create mode 100644 .history/components/customer/block/Motto/Index_20220528233654.tsx create mode 100644 .history/components/customer/block/Motto/Index_20220528234122.tsx create mode 100644 .history/components/customer/block/Motto/Index_20220528234126.tsx create mode 100644 .history/components/customer/block/Motto/Index_20220529143929.tsx create mode 100644 .history/components/customer/block/Motto/Index_20220529143930.tsx create mode 100644 .history/components/customer/block/Motto/Index_20220529143933.tsx create mode 100644 .history/components/customer/block/Motto/Index_20220529143935.tsx create mode 100644 .history/components/customer/block/Motto/Index_20220529143940.tsx create mode 100644 .history/components/customer/block/Motto/Index_20220529143941.tsx create mode 100644 .history/components/customer/block/Motto/Index_20220529143944.tsx create mode 100644 .history/components/customer/block/Motto/Index_20220529143945.tsx create mode 100644 .history/components/customer/block/Motto/Index_20220529143946.tsx create mode 100644 .history/components/customer/block/Motto/Index_20220529144402.tsx create mode 100644 .history/components/customer/block/Motto/Index_20220529144408.tsx create mode 100644 .history/components/customer/block/Motto/Index_20220529144413.tsx create mode 100644 .history/components/customer/block/Motto/Index_20220529144415.tsx create mode 100644 .history/components/customer/block/Motto/Index_20220529144418.tsx create mode 100644 .history/components/customer/block/Motto/Index_20220529144420.tsx create mode 100644 .history/components/customer/block/Motto/Index_20220529144847.tsx create mode 100644 .history/components/customer/block/Motto/Index_20220529144848.tsx create mode 100644 .history/components/customer/block/Motto/Index_20220529144904.tsx create mode 100644 .history/components/customer/block/Motto/Index_20220529144907.tsx create mode 100644 .history/components/customer/block/Motto/Index_20220529144908.tsx create mode 100644 .history/components/customer/block/Motto/Index_20220529144910.tsx create mode 100644 .history/components/customer/block/Pizza/Block_20220529134947.tsx create mode 100644 .history/components/customer/block/Pizza/Block_20220529151154.tsx create mode 100644 .history/components/customer/block/Pizza/Block_20220529151209.tsx create mode 100644 .history/components/customer/block/Pizza/Block_20220529151211.tsx create mode 100644 .history/components/customer/block/Pizza/Block_20220529151214.tsx create mode 100644 .history/components/customer/block/Pizza/Block_20220529151217.tsx create mode 100644 .history/components/customer/block/Pizza/Block_20220529151220.tsx create mode 100644 .history/components/customer/block/Pizza/Block_20220529151304.tsx create mode 100644 .history/components/customer/block/Pizza/Block_20220529151317.tsx create mode 100644 .history/components/customer/block/Pizza/Block_20220529151321.tsx create mode 100644 .history/components/customer/block/Pizza/Block_20220529151346.tsx create mode 100644 .history/components/customer/block/Pizza/Skeleton_20220516232835.tsx create mode 100644 .history/components/customer/block/Pizza/Skeleton_20220529145237.tsx create mode 100644 .history/components/customer/block/Pizza/Skeleton_20220529145240.tsx create mode 100644 .history/components/customer/block/Pizza/Skeleton_20220529150155.tsx create mode 100644 .history/components/customer/block/Pizza/Skeleton_20220529150210.tsx create mode 100644 .history/components/customer/block/Pizza/Skeleton_20220529150555.tsx create mode 100644 .history/components/customer/block/Pizza/Skeleton_20220529150600.tsx create mode 100644 .history/components/customer/block/Pizza/Skeleton_20220529150630.tsx create mode 100644 .history/components/customer/block/Pizza/Skeleton_20220529150634.tsx create mode 100644 .history/components/customer/block/Pizza/Skeleton_20220529150636.tsx create mode 100644 .history/components/customer/block/Pizza/Skeleton_20220529150640.tsx create mode 100644 .history/components/customer/block/Pizza/Skeleton_20220529150644.tsx create mode 100644 .history/components/customer/block/Pizza/Skeleton_20220529150649.tsx create mode 100644 .history/components/customer/block/Pizza/Skeleton_20220529150720.tsx create mode 100644 .history/components/customer/block/Pizza/Skeleton_20220529150737.tsx create mode 100644 .history/components/customer/block/Pizza/Skeleton_20220529150743.tsx create mode 100644 .history/components/customer/block/Pizza/Skeleton_20220529150747.tsx create mode 100644 .history/components/customer/block/Pizza/Skeleton_20220529150801.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220518134249.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220518152148.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220518152154.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529000252.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529000308.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529000312.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529000314.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529000324.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529000348.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529000351.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529000355.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529000357.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529000358.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529000414.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529000419.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529000436.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529000437.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529000443.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529000449.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529000451.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529000452.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529000502.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529000503.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529000511.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529000512.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529000518.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529000519.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529000521.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529000526.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529000528.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529000530.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529000534.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529000542.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529000544.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529000554.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529000600.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529000602.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529000607.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529000611.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529000613.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529000616.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529000618.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529000628.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529000632.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529000635.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529000639.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529000643.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529000834.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529000840.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529000845.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529000846.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529000849.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529000853.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529000900.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529000903.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529000917.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529000919.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529000934.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529000937.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529000947.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529000953.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529001003.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529001010.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529001031.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529001035.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529001038.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529001047.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529001103.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529001105.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529001110.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529001326.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529001440.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529001441.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529001455.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529001503.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529001506.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529001508.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529001512.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529001515.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529001531.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529001532.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529004227.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529004235.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529004237.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529004239.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529004410.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529004411.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529004525.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529004546.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529004954.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529004955.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529004957.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529005002.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529005004.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529005007.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529005050.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529005137.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529005156.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529005158.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529005159.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529134938.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529134948.tsx create mode 100644 .history/components/customer/block/Pizza/index_20220529145330.ts create mode 100644 .history/components/customer/block/Pizza/index_20220529145334.ts create mode 100644 .history/components/customer/block/Pizza/index_20220529145344.ts create mode 100644 .history/components/customer/block/Pizza/index_20220529145347.ts create mode 100644 .history/components/customer/block/Pizza/index_20220529145352.ts create mode 100644 .history/components/customer/block/Pizza/index_20220529145355.ts create mode 100644 .history/components/customer/block/Pizza/index_20220529145401.ts create mode 100644 .history/components/customer/block/Pizza/index_20220529145403.ts create mode 100644 .history/components/customer/block/Pizza/index_20220530184305.ts create mode 100644 .history/components/customer/block/Stock/index_20220517170803.ts create mode 100644 .history/components/customer/block/Stock/index_20220530190607.ts create mode 100644 .history/components/customer/block/Stock/index_20220530190609.ts create mode 100644 .history/components/customer/block/Stock/index_20220530190610.ts create mode 100644 .history/components/customer/block/index_20220530190021.ts create mode 100644 .history/components/customer/block/index_20220530190112.ts create mode 100644 .history/components/customer/block/index_20220530190116.ts create mode 100644 .history/components/customer/block/index_20220530190117.ts create mode 100644 .history/components/customer/block/index_20220530190122.ts create mode 100644 .history/components/customer/block/index_20220530190127.ts create mode 100644 .history/components/customer/block/index_20220530190129.ts create mode 100644 .history/components/customer/block/index_20220530190140.ts create mode 100644 .history/components/customer/block/index_20220530190209.ts create mode 100644 .history/components/customer/block/index_20220530190213.ts create mode 100644 .history/components/customer/block/index_20220530190216.ts create mode 100644 .history/components/customer/block/index_20220530190239.ts create mode 100644 .history/components/customer/block/index_20220530190245.ts create mode 100644 .history/components/customer/block/index_20220530190246.ts create mode 100644 .history/components/customer/block/index_20220530190251.ts create mode 100644 .history/components/customer/block/index_20220530190316.ts create mode 100644 .history/components/customer/block/index_20220530190322.ts create mode 100644 .history/components/customer/block/index_20220530190325.ts create mode 100644 .history/components/customer/block/index_20220530190333.ts create mode 100644 .history/components/customer/block/index_20220530190334.ts create mode 100644 .history/components/customer/block/index_20220530190339.ts create mode 100644 .history/components/customer/block/index_20220530192646.ts create mode 100644 .history/components/customer/block/index_20220530192652.ts create mode 100644 .history/components/customer/block/index_20220530192653.ts create mode 100644 .history/components/customer/block/index_20220530193131.ts create mode 100644 .history/components/customer/block/index_20220530193134.ts create mode 100644 .history/components/customer/block/index_20220530193137.ts create mode 100644 .history/components/customer/block/index_20220531160959.ts create mode 100644 .history/components/customer/block/index_20220531161002.ts create mode 100644 .history/components/customer/containers/Box_20220529001940.tsx create mode 100644 .history/components/customer/containers/Box_20220529001947.tsx create mode 100644 .history/components/customer/containers/Box_20220529001949.tsx create mode 100644 .history/components/customer/containers/Box_20220529002027.tsx create mode 100644 .history/components/customer/containers/Box_20220529002029.tsx create mode 100644 .history/components/customer/containers/Box_20220529002041.tsx create mode 100644 .history/components/customer/containers/Box_20220529002044.tsx create mode 100644 .history/components/customer/containers/Box_20220529002046.tsx create mode 100644 .history/components/customer/containers/Box_20220529002049.tsx create mode 100644 .history/components/customer/containers/Box_20220529002052.tsx create mode 100644 .history/components/customer/containers/Box_20220529002054.tsx create mode 100644 .history/components/customer/containers/Box_20220529002057.tsx create mode 100644 .history/components/customer/containers/Box_20220529002104.tsx create mode 100644 .history/components/customer/containers/Box_20220529002105.tsx create mode 100644 .history/components/customer/containers/Box_20220529002128.tsx create mode 100644 .history/components/customer/containers/Box_20220529002149.tsx create mode 100644 .history/components/customer/containers/Box_20220529002157.tsx create mode 100644 .history/components/customer/containers/Box_20220529002159.tsx create mode 100644 .history/components/customer/containers/Box_20220529002202.tsx create mode 100644 .history/components/customer/containers/Box_20220529002203.tsx create mode 100644 .history/components/customer/containers/ContainerInside_20220530185312.tsx create mode 100644 .history/components/customer/containers/ContainerInside_20220530185321.tsx create mode 100644 .history/components/customer/containers/ContainerInside_20220530185325.tsx create mode 100644 .history/components/customer/containers/ContainerInside_20220530185335.tsx create mode 100644 .history/components/customer/containers/ContainerInside_20220530185338.tsx create mode 100644 .history/components/customer/containers/ContainerInside_20220530185340.tsx create mode 100644 .history/components/customer/containers/ContainerInside_20220530185451.tsx create mode 100644 .history/components/customer/containers/ContainerInside_20220530185454.tsx create mode 100644 .history/components/customer/containers/ContainerTitle_20220530184604.tsx create mode 100644 .history/components/customer/containers/ContainerTitle_20220530184610.tsx create mode 100644 .history/components/customer/containers/ContainerTitle_20220530184712.tsx create mode 100644 .history/components/customer/containers/ContainerTitle_20220530184723.tsx create mode 100644 .history/components/customer/containers/ContainerTitle_20220530184730.tsx create mode 100644 .history/components/customer/containers/ContainerTitle_20220530184733.tsx create mode 100644 .history/components/customer/containers/ContainerTitle_20220530184738.tsx create mode 100644 .history/components/customer/containers/ContainerTitle_20220530184740.tsx create mode 100644 .history/components/customer/containers/ContainerTitle_20220530184743.tsx create mode 100644 .history/components/customer/containers/ContainerTitle_20220530184745.tsx create mode 100644 .history/components/customer/containers/ContainerTitle_20220530184756.tsx create mode 100644 .history/components/customer/containers/ContainerTitle_20220530184803.tsx create mode 100644 .history/components/customer/containers/ContainerTitle_20220530184822.tsx create mode 100644 .history/components/customer/containers/ContainerTitle_20220530184827.tsx create mode 100644 .history/components/customer/containers/ContainerTitle_20220530184831.tsx create mode 100644 .history/components/customer/containers/ContainerTitle_20220530184834.tsx create mode 100644 .history/components/customer/containers/ContainerTitle_20220530184838.tsx create mode 100644 .history/components/customer/containers/ContainerTitle_20220530184840.tsx create mode 100644 .history/components/customer/containers/ContainerTitle_20220530184842.tsx create mode 100644 .history/components/customer/containers/ContainerTitle_20220530184902.tsx create mode 100644 .history/components/customer/containers/ContainerTitle_20220530184906.tsx create mode 100644 .history/components/customer/containers/ContainerTitle_20220530184908.tsx create mode 100644 .history/components/customer/containers/ContainerTitle_20220530185043.tsx create mode 100644 .history/components/customer/containers/ContainerTitle_20220530185109.tsx create mode 100644 .history/components/customer/containers/ContainerTitle_20220530185110.tsx create mode 100644 .history/components/customer/containers/ContainerTitle_20220530185111.tsx create mode 100644 .history/components/customer/containers/index_20220517162153.ts create mode 100644 .history/components/customer/containers/index_20220530184918.ts create mode 100644 .history/components/customer/containers/index_20220530184919.ts create mode 100644 .history/components/customer/containers/index_20220530184921.ts create mode 100644 .history/components/customer/containers/index_20220530184925.ts create mode 100644 .history/components/customer/containers/index_20220530184926.ts create mode 100644 .history/components/customer/containers/index_20220530184929.ts create mode 100644 .history/components/customer/containers/index_20220530184931.ts create mode 100644 .history/components/customer/containers/index_20220530185348.ts create mode 100644 .history/components/customer/containers/index_20220530185350.ts create mode 100644 .history/components/customer/containers/index_20220530185352.ts create mode 100644 .history/components/customer/containers/index_20220530190723.ts create mode 100644 .history/components/customer/containers/index_20220530190729.ts create mode 100644 .history/components/customer/pages/index/block/Header/Header_20220530192634.tsx create mode 100644 .history/components/customer/pages/index/block/Header/Header_20220618071836.tsx create mode 100644 .history/components/customer/pages/index/block/Header/Header_20220618071924.tsx create mode 100644 .history/components/customer/pages/index/block/Header/Header_20220618071936.tsx create mode 100644 .history/components/customer/pages/index/block/Header/Header_20220618072003.tsx create mode 100644 .history/components/customer/pages/index/block/Header/Header_20220618072014.tsx create mode 100644 .history/components/customer/pages/index/block/Header/Header_20220618072027.tsx create mode 100644 .history/components/customer/pages/index/block/Header/Header_20220618072049.tsx create mode 100644 .history/components/customer/pages/index/block/Header/Header_20220618072124.tsx create mode 100644 .history/components/customer/pages/index/block/Header/Header_20220618072148.tsx create mode 100644 .history/components/customer/pages/index/block/Header/Header_20220618072235.tsx create mode 100644 .history/components/customer/pages/index/block/Header/Header_20220618072251.tsx create mode 100644 .history/components/customer/pages/index/block/Header/Header_20220618072326.tsx create mode 100644 .history/components/customer/pages/index/block/Header/Header_20220618072406.tsx create mode 100644 .history/components/customer/pages/index/block/Header/Header_20220618073528.tsx create mode 100644 .history/components/customer/pages/index/block/Header/Header_20220618074144.tsx create mode 100644 .history/components/customer/pages/index/block/Motto/index_20220529144909.tsx create mode 100644 .history/components/customer/pages/index/block/Motto/index_20220617165052.tsx create mode 100644 .history/components/customer/pages/index/block/Pizza/Pizza_20220531162100.tsx create mode 100644 .history/components/customer/pages/index/block/Pizza/Pizza_20220602163259.tsx create mode 100644 .history/components/customer/pages/index/block/Pizza/Pizza_20220602163359.tsx create mode 100644 .history/components/customer/pages/index/block/Pizza/Pizza_20220602163438.tsx create mode 100644 .history/components/customer/pages/index/block/Pizza/Pizza_20220602163651.tsx create mode 100644 .history/components/customer/pages/index/block/Pizza/Pizza_20220602163701.tsx create mode 100644 .history/components/customer/pages/index/block/Pizza/Pizza_20220602163739.tsx create mode 100644 .history/components/customer/pages/index/block/Pizza/Pizza_20220602163758.tsx create mode 100644 .history/components/customer/pages/index/block/Pizza/Pizza_20220602164050.tsx create mode 100644 .history/components/customer/pages/index/block/Pizza/Pizza_20220602164112.tsx create mode 100644 .history/components/customer/pages/index/block/Pizza/Pizza_20220602164129.tsx create mode 100644 .history/components/customer/pages/index/block/Pizza/Pizza_20220602164142.tsx create mode 100644 .history/components/customer/pages/index/block/Pizza/Pizza_20220602164241.tsx create mode 100644 .history/components/customer/pages/index/block/Pizza/Pizza_20220602164501.tsx create mode 100644 .history/components/customer/pages/index/block/Pizza/Pizza_20220602165405.tsx create mode 100644 .history/components/customer/pages/index/block/Pizza/Pizza_20220602165450.tsx create mode 100644 .history/components/customer/pages/index/block/Pizza/Pizza_20220603173339.tsx create mode 100644 .history/components/customer/pages/index/block/Pizza/Pizza_20220604082241.tsx create mode 100644 .history/components/customer/pages/index/block/Pizza/Pizza_20220604082309.tsx create mode 100644 .history/components/customer/pages/index/block/Pizza/Pizza_20220604082325.tsx create mode 100644 .history/components/customer/pages/index/block/Pizza/Pizza_20220604082359.tsx create mode 100644 .history/components/customer/pages/index/block/Pizza/Pizza_20220604082546.tsx create mode 100644 .history/components/customer/pages/index/block/Pizza/Pizza_20220604131839.tsx create mode 100644 .history/components/customer/pages/index/block/Pizza/Pizza_20220604131854.tsx create mode 100644 .history/components/customer/pages/index/block/Pizza/Pizza_20220604131916.tsx create mode 100644 .history/components/customer/pages/index/block/Pizza/Pizza_20220604132101.tsx create mode 100644 .history/components/customer/pages/index/block/Pizza/Pizza_20220604132104.tsx create mode 100644 .history/components/customer/pages/index/block/Pizza/Pizza_20220604132121.tsx create mode 100644 .history/components/customer/pages/index/block/Pizza/Pizza_20220604132243.tsx create mode 100644 .history/components/customer/pages/index/block/Pizza/Pizza_20220604154741.tsx create mode 100644 .history/components/customer/pages/index/block/Pizza/Pizza_20220604155111.tsx create mode 100644 .history/components/customer/pages/index/block/Pizza/Pizza_20220615035530.tsx create mode 100644 .history/components/customer/pages/index/block/Pizza/Pizza_20220617160543.tsx create mode 100644 .history/components/customer/pages/index/block/Pizza/Pizza_20220617164057.tsx create mode 100644 .history/components/customer/pages/index/block/Pizza/Pizza_20220618073853.tsx create mode 100644 .history/components/customer/pages/index/block/Pizza/Pizza_20220618174843.tsx create mode 100644 .history/components/customer/pages/index/block/Pizza/Pizza_20220618175816.tsx create mode 100644 .history/components/customer/pages/index/block/Pizza/Pizza_20220618175927.tsx create mode 100644 .history/components/customer/pages/index/block/Pizza/Pizza_20220619065529.tsx create mode 100644 .history/components/customer/pages/index/block/Pizza/Pizza_20220619070446.tsx create mode 100644 .history/components/customer/pages/index/block/Pizza/Pizza_20220619070555.tsx create mode 100644 .history/components/customer/pages/index/block/Pizza/Pizza_20220619070626.tsx create mode 100644 .history/components/customer/pages/index/block/Pizza/Pizza_20220619070647.tsx create mode 100644 .history/components/customer/pages/index/block/Pizza/Pizza_20220619070938.tsx create mode 100644 .history/components/customer/pages/index/block/Pizza/Pizza_20220619071011.tsx create mode 100644 .history/components/customer/pages/index/block/Pizza/styles/index_20220618175418.scss create mode 100644 .history/components/customer/pages/index/block/Pizza/styles/index_20220618175436.scss create mode 100644 .history/components/customer/pages/index/block/Pizza/styles/index_20220618175756.scss create mode 100644 .history/components/customer/pages/index/block/Pizza/styles/index_20220618175914.scss create mode 100644 .history/components/customer/pages/index/block/Pizza/styles/index_20220618175918.scss create mode 100644 .history/components/customer/pages/index/block/Pizza/styles/index_20220618175956.scss create mode 100644 .history/components/customer/pages/index/block/Pizza/styles/index_20220618180147.scss create mode 100644 .history/components/customer/pages/index/block/Pizza/styles/index_20220618201842.scss create mode 100644 .history/components/customer/pages/index/block/Pizza/styles/index_20220618202120.scss create mode 100644 .history/components/customer/pages/index/block/Pizza/styles/index_20220619065308.scss create mode 100644 .history/components/customer/pages/index/block/Pizza/styles/index_20220619065336.scss create mode 100644 .history/components/customer/pages/index/block/Pizza/styles/index_20220619065624.scss create mode 100644 .history/components/customer/pages/index/block/Pizza/styles/index_20220619065659.scss create mode 100644 .history/components/customer/pages/index/block/Pizza/styles/index_20220619065826.scss create mode 100644 .history/components/customer/pages/index/block/Pizza/styles/index_20220619065923.scss create mode 100644 .history/components/customer/pages/index/block/Pizza/styles/index_20220619070505.scss create mode 100644 .history/components/customer/pages/index/block/Pizza/styles/index_20220619070945.scss create mode 100644 .history/components/customer/pages/index/block/Pizza/styles/index_20220619070954.scss create mode 100644 .history/components/customer/pages/index/block/Pizza/styles/index_20220619071441.scss create mode 100644 .history/components/customer/pages/index/block/Pizza/styles/index_20220619071456.scss create mode 100644 .history/components/customer/pages/index/block/Pizza/styles/index_20220619071504.scss create mode 100644 .history/components/customer/pages/index/block/Pizza/styles/index_20220619071523.scss create mode 100644 .history/components/customer/pages/index/block/Pizza/styles/index_20220619071547.scss create mode 100644 .history/components/customer/pages/index/block/Pizza/styles/index_20220619071609.scss create mode 100644 .history/components/customer/pages/index/block/Pizza/styles/index_20220619071630.scss create mode 100644 .history/components/customer/pages/index/block/Pizza/styles/index_20220619071638.scss create mode 100644 .history/components/customer/pages/index/block/Pizza/styles/index_20220619071656.scss create mode 100644 .history/components/customer/pages/index/block/Pizza/styles/index_20220619071710.scss create mode 100644 .history/components/customer/pages/index/block/Pizza/styles/index_20220619074534.scss create mode 100644 .history/components/customer/pages/index/block/Pizza/styles/index_20220619075135.scss create mode 100644 .history/components/customer/pages/index/block/Pizza/styles/index_20220619075359.scss create mode 100644 .history/components/customer/pages/index/block/Pizza/styles/index_20220619075421.scss create mode 100644 .history/components/customer/pages/index/block/Pizza/styles/index_20220619075650.scss create mode 100644 .history/components/customer/pages/index/modals/cart/cardAdditionally_20220618065612.tsx create mode 100644 .history/components/customer/pages/index/modals/cart/cardAdditionally_20220618065707.tsx create mode 100644 .history/components/customer/pages/index/modals/cart/cardAdditionally_20220618065729.tsx create mode 100644 .history/components/customer/pages/index/modals/cart/cardBasketProduct_20220618064604.tsx create mode 100644 .history/components/customer/pages/index/modals/cart/cardBasketProduct_20220618065139.tsx create mode 100644 .history/components/customer/pages/index/modals/cart/cardBasketProduct_20220618065724.tsx create mode 100644 .history/components/customer/pages/index/modals/cart/cardBasketProduct_20220618083126.tsx create mode 100644 .history/components/customer/pages/index/modals/cart/cardBasketProduct_20220618083211.tsx create mode 100644 .history/components/customer/pages/index/modals/cart/content_20220618063330.tsx create mode 100644 .history/components/customer/pages/index/modals/cart/content_20220618063620.tsx create mode 100644 .history/components/customer/pages/index/modals/cart/content_20220618065345.tsx create mode 100644 .history/components/customer/pages/index/modals/cart/content_20220618065416.tsx create mode 100644 .history/components/customer/pages/index/modals/cart/content_20220618065525.tsx create mode 100644 .history/components/customer/pages/index/modals/cart/content_20220618065858.tsx create mode 100644 .history/components/customer/pages/index/modals/cart/content_20220618065924.tsx create mode 100644 .history/components/customer/pages/index/modals/cart/content_20220618071114.tsx create mode 100644 .history/components/customer/pages/index/modals/cart/content_20220618073833.tsx create mode 100644 .history/components/customer/pages/index/modals/cart/content_20220618081203.tsx create mode 100644 .history/components/customer/pages/index/modals/cart/content_20220618082130.tsx create mode 100644 .history/components/customer/pages/index/modals/cart/content_20220618083539.tsx create mode 100644 .history/components/customer/pages/index/modals/cart/content_20220618084207.tsx create mode 100644 .history/components/customer/pages/index/modals/cart/content_20220618084215.tsx create mode 100644 .history/components/customer/pages/index/modals/cart/content_20220618105221.tsx create mode 100644 .history/components/customer/pages/index/modals/cart/content_20220618105351.tsx create mode 100644 .history/components/customer/pages/index/modals/cart/content_20220618105650.tsx create mode 100644 .history/components/customer/pages/index/modals/cart/content_20220618105704.tsx create mode 100644 .history/components/customer/pages/index/modals/cart/content_20220618105753.tsx create mode 100644 .history/components/customer/pages/index/modals/cart/content_20220618111039.tsx create mode 100644 .history/components/customer/pages/index/modals/cart/content_20220618145445.tsx create mode 100644 .history/components/customer/pages/index/modals/cart/content_20220618145731.tsx create mode 100644 .history/components/customer/pages/index/modals/cart/index_20220618063258.ts create mode 100644 .history/components/customer/pages/index/modals/cart/index_20220618063608.ts create mode 100644 .history/components/customer/pages/index/modals/cart/index_20220618065325.ts create mode 100644 .history/components/customer/pages/index/modals/cart/index_20220618065751.ts create mode 100644 .history/components/customer/pages/index/modals/cart/pizzaCart_20220618063313.tsx create mode 100644 .history/components/customer/pages/index/modals/cart/pizzaCart_20220618063622.tsx create mode 100644 .history/components/customer/pages/index/modals/cart/pizzaCart_20220618071220.tsx create mode 100644 .history/components/customer/pages/index/modals/cart/pizzaCart_20220618073843.tsx create mode 100644 .history/components/customer/pages/index/modals/cart/pizzaCart_20220618082309.tsx create mode 100644 .history/components/customer/pages/index/modals/cart/pizzaCart_20220618104446.tsx create mode 100644 .history/components/customer/pages/index/modals/cart/pizzaCart_20220618143512.tsx create mode 100644 .history/components/customer/pages/index/modals/index_20220601090126.ts create mode 100644 .history/components/customer/pages/index/modals/index_20220601090138.ts create mode 100644 .history/components/customer/pages/index/modals/index_20220618073850.ts create mode 100644 .history/components/customer/pages/index/modals/pizza/Ingredients_20220616124308.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/Ingredients_20220616124912.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/Ingredients_20220616131650.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/Ingredients_20220616132920.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/Ingredients_20220616133019.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/Ingredients_20220616140058.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/Ingredients_20220616140200.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/Ingredients_20220616140525.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/Ingredients_20220616140611.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/Ingredients_20220616140621.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/Ingredients_20220616143834.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/Ingredients_20220616143901.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/Ingredients_20220616143907.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/Ingredients_20220616144008.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/Ingredients_20220616144031.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/Ingredients_20220616144105.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/Ingredients_20220616144115.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/Ingredients_20220616144124.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/Ingredients_20220616144253.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/Ingredients_20220616144327.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/Ingredients_20220616145033.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/Ingredients_20220616145114.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/Ingredients_20220616192514.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/Ingredients_20220616192554.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/Ingredients_20220616192624.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/Ingredients_20220616192702.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/Ingredients_20220616215531.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/Ingredients_20220616220344.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/Ingredients_20220616220402.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/Ingredients_20220616220442.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/Ingredients_20220616220540.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/Ingredients_20220616220611.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/Ingredients_20220616220618.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/Ingredients_20220616220713.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/Ingredients_20220616220727.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/Ingredients_20220616220744.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/Ingredients_20220617085940.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/Modal_20220618145856.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/Modal_20220618150729.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/Modal_20220618150941.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/Modal_20220618150956.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/Modal_20220618151044.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/Modal_20220618151047.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/Modal_20220618151134.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/Modal_20220618151320.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/Modal_20220618151431.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/Modal_20220618151502.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/Modal_20220618151531.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/Modal_20220618151612.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/Modal_20220618152214.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/Modal_20220618152234.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/Modal_20220618152319.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/Modal_20220618152349.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/Modal_20220618152446.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/Modal_20220618152456.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/Modal_20220618152523.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/Modal_20220618152615.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/Modal_20220618152624.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/Modal_20220618152631.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/Modal_20220618152637.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/Modal_20220618152651.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/Modal_20220618152706.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/Modal_20220618153007.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/Modal_20220618153028.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/Modal_20220618153111.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/RadioButton_20220531221132.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/RadioButton_20220531234725.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/RadioButton_20220531235725.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/RadioButton_20220601000113.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/RadioButton_20220601000752.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/RadioButton_20220601001238.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/RadioButton_20220601001446.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/RadioButton_20220601001516.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/RadioButton_20220601001644.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/RadioButton_20220601085507.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/RadioButton_20220601085808.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/RadioButton_20220601090524.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/RadioButton_20220601090855.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220601090854.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220615163730.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220615163756.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220616103634.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220616103708.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220616103943.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220616104048.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220616104556.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220616120114.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220616120422.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220616120434.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220616120522.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220616120635.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220616123335.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220616123445.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220616131707.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220616132750.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220616133237.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220616135535.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220616140229.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220616140446.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220616140501.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220616141154.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220616141209.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220616141237.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220616141256.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220616141344.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220616141423.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220616141944.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220616142011.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220616142216.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220616142745.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220616142904.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220616144142.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220616144741.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220616145050.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220616145153.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220616145219.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220616145732.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220616145836.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220616145900.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220616145958.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220616150159.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220616150255.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220616150313.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220616150344.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220616150928.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220616152039.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220616152213.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220616152252.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220616152344.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220616152407.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220616152454.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220616152554.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220616152609.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220616163109.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220616185306.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220616185340.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220616185408.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220616211917.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220616211940.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220616211948.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220616211958.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220616212051.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220616212107.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220616215739.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220616215850.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220616215947.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220616221209.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220616221319.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220616221405.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220617062239.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220617062328.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220617062402.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220617062424.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220617062453.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220617062753.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220617062828.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220617062837.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220617063028.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220617063052.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220617063126.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220617063204.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220617063331.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220617063343.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220617063354.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220617063412.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220617063603.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220617063615.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220617063636.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220617063649.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220617063654.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220617063804.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220617063826.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220617063840.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220617103015.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220617103036.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220617103148.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220617103203.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220617103413.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220617103428.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220617103608.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220617104855.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220617105540.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220617105605.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220617105633.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220617105708.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220617105900.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220617105915.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220617105952.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220617110031.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220617110042.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220617110059.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220617110138.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220617110545.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220617110555.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220617110619.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220617111229.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220617111257.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220617111316.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220617111350.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220617111416.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220617111430.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220617161037.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220617161138.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220617163917.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220617164131.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220617164145.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220617165525.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220617171025.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220617171215.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220617171449.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220617171653.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220617171919.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220617171923.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220617172135.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220617172555.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220617172800.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220617173043.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220617173835.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220617190638.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220617193102.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220617193132.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220617211744.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220617211746.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220617211836.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220617211901.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220617211925.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220617212008.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220617212018.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220617212028.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220617212115.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220617212134.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220617212141.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220617212201.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220617212215.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220618152151.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220618152222.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220618152251.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220618152353.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220618152412.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220618152502.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220618152528.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220618153011.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220618153022.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220618154531.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220618154545.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220618154555.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220618154632.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220618154648.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220618155038.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220618155852.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220618155925.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220618160645.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220618160820.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220618161353.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220618161823.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220618162529.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220618162730.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220618202323.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220618202436.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/content_20220618202448.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/index_20220601085616.ts create mode 100644 .history/components/customer/pages/index/modals/pizza/index_20220601085628.ts create mode 100644 .history/components/customer/pages/index/modals/pizza/index_20220601090324.ts create mode 100644 .history/components/customer/pages/index/modals/pizza/index_20220615163354.ts create mode 100644 .history/components/customer/pages/index/modals/pizza/index_20220616133007.ts create mode 100644 .history/components/customer/pages/index/modals/pizza/index_20220617162939.ts create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220531162610.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220531162625.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220531163128.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220531163133.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220531163150.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220531163151.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220531163155.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220531163157.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215502.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215615.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215634.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215641.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215645.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215648.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215655.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215658.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215703.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215707.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215708.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215710.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215720.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215724.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215726.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215733.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215736.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215737.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215738.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215823.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215826.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215858.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220531221147.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220531221151.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220531221845.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220531221847.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220601085821.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220601085945.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220601090104.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220601090857.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220603174529.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220603174551.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220603174612.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220603175317.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220603175724.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220603175745.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220604082614.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220604083212.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220604083327.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220604083453.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220604083500.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220604083527.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220604083650.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220604131550.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220604131602.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220604131652.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220604131757.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220604171330.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220615043046.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220615043356.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220615043417.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220615043448.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220615043502.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220615043527.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220615052903.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220615053406.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220615054825.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220615054902.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220615055133.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220615055327.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220615055433.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220615055441.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220615055444.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220615055454.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220615055502.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220615055604.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220615060013.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220615060020.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220615062834.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220615062851.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220615063125.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220615064426.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220615064445.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220615160218.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220615160433.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220615160611.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220615160632.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220615160645.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220615162022.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220615162403.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220615162842.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220615162900.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220615162915.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220615162952.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220615164006.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220615164206.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220616123755.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220616125926.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220616125948.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220616132026.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220616132034.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220617162344.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220617162450.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220617190746.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220617191214.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220617191230.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220618150953.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220618151147.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220618151400.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220618151408.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220618151454.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220619081333.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220619081810.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220619082020.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220619082124.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/pizzaCard_20220619082141.tsx create mode 100644 .history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220617111701.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618154354.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618154636.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618154701.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618155338.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618155530.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618155544.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618155709.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618155830.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618155843.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618160025.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618160033.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618160127.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618160228.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618160242.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618160302.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618160459.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618160509.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618160623.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618160815.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618161039.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618161210.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618161253.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618161334.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618161600.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618161655.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618161714.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618161811.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618162317.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618162440.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618162535.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618162750.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618162806.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618174653.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618202242.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618202320.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618202402.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618202504.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618202631.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618202656.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618202707.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618202711.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618202929.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/styles/_products_20220618202831.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/styles/_products_20220618202848.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/styles/block_selector_20220618153310.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/styles/block_selector_20220618153802.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/styles/index_20220618153323.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/styles/index_20220618154205.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/styles/index_20220618154302.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/styles/index_20220618154455.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/styles/index_20220618155352.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/styles/index_20220618155504.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/styles/index_20220618155509.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/styles/index_20220618155512.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/styles/index_20220618155515.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/styles/index_20220618155548.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/styles/index_20220618155554.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/styles/index_20220618155557.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/styles/index_20220618202354.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/styles/index_20220619080717.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/styles/index_20220619080724.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/styles/index_20220619080813.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/styles/index_20220619081302.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/styles/index_20220619081915.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/styles/index_20220619082111.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/styles/index_20220619082249.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/styles/index_20220619082301.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/styles/index_20220619082507.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/styles/index_20220619082619.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/styles/index_20220619082822.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/styles/index_20220619082939.scss create mode 100644 .history/components/customer/pages/index/modals/pizza/styles/index_20220619083157.scss create mode 100644 .history/components/customer/search/index_20220518151433.tsx create mode 100644 .history/components/customer/search/index_20220518152152.tsx create mode 100644 .history/components/customer/search/index_20220518152153.tsx create mode 100644 .history/components/index_20220516231522.ts create mode 100644 .history/components/index_20220518134507.ts create mode 100644 .history/components/index_20220518142859.ts create mode 100644 .history/components/index_20220518151422.ts create mode 100644 .history/components/index_20220518151448.ts create mode 100644 .history/components/index_20220518151449.ts create mode 100644 .history/components/index_20220518151803.ts create mode 100644 .history/components/index_20220518152149.ts create mode 100644 .history/components/index_20220528174627.ts create mode 100644 .history/components/index_20220528224437.ts create mode 100644 .history/components/index_20220528234800.ts create mode 100644 .history/components/index_20220528234806.ts create mode 100644 .history/components/index_20220528234807.ts create mode 100644 .history/components/index_20220528234810.ts create mode 100644 .history/components/index_20220528234811.ts create mode 100644 .history/components/index_20220529001231.ts create mode 100644 .history/components/index_20220529001233.ts create mode 100644 .history/components/index_20220529001238.ts create mode 100644 .history/components/index_20220529001241.ts create mode 100644 .history/components/index_20220529001242.ts create mode 100644 .history/components/index_20220529001254.ts create mode 100644 .history/components/index_20220529001259.ts create mode 100644 .history/components/index_20220529002438.ts create mode 100644 .history/components/index_20220529002440.ts create mode 100644 .history/components/index_20220529002445.ts create mode 100644 .history/components/index_20220529002448.ts create mode 100644 .history/components/index_20220529002450.ts create mode 100644 .history/components/index_20220529002453.ts create mode 100644 .history/components/index_20220529002455.ts create mode 100644 .history/components/index_20220529002457.ts create mode 100644 .history/components/index_20220529002459.ts create mode 100644 .history/components/index_20220529004037.ts create mode 100644 .history/components/index_20220529004044.ts create mode 100644 .history/components/index_20220529004046.ts create mode 100644 .history/components/index_20220529004049.ts create mode 100644 .history/components/index_20220529004051.ts create mode 100644 .history/components/index_20220529004052.ts create mode 100644 .history/components/index_20220529004103.ts create mode 100644 .history/components/index_20220529004108.ts create mode 100644 .history/components/index_20220529145327.ts create mode 100644 .history/components/index_20220529145843.ts create mode 100644 .history/components/index_20220529145850.ts create mode 100644 .history/components/index_20220529145854.ts create mode 100644 .history/components/index_20220529145858.ts create mode 100644 .history/components/index_20220529145900.ts create mode 100644 .history/components/index_20220530190051.ts create mode 100644 .history/components/index_20220530190052.ts create mode 100644 .history/components/index_20220530190056.ts create mode 100644 .history/components/index_20220530190057.ts create mode 100644 .history/components/index_20220530190059.ts create mode 100644 .history/components/index_20220530190104.ts create mode 100644 .history/components/index_20220530192732.ts create mode 100644 .history/import React from 'react';_20220601152621.tsx create mode 100644 .history/layouts/Customer/MainLayout_20220517162459.tsx create mode 100644 .history/layouts/Customer/MainLayout_20220518151334.tsx create mode 100644 .history/layouts/Customer/MainLayout_20220518151351.tsx create mode 100644 .history/layouts/Customer/MainLayout_20220529152347.tsx create mode 100644 .history/layouts/Customer/MainLayout_20220529152359.tsx create mode 100644 .history/layouts/Customer/MainLayout_20220529152400.tsx create mode 100644 .history/layouts/Customer/MainLayout_20220529152406.tsx create mode 100644 .history/layouts/Customer/MainLayout_20220529152442.tsx create mode 100644 .history/layouts/Customer/MainLayout_20220529152444.tsx create mode 100644 .history/layouts/Customer/MainLayout_20220529152446.tsx create mode 100644 .history/layouts/Customer/MainLayout_20220529152522.tsx create mode 100644 .history/layouts/Customer/MainLayout_20220529152911.tsx create mode 100644 .history/layouts/Customer/MainLayout_20220529153148.tsx create mode 100644 .history/layouts/Customer/MainLayout_20220529153155.tsx create mode 100644 .history/layouts/Customer/MainLayout_20220530192706.tsx create mode 100644 .history/layouts/Customer/MainLayout_20220530192709.tsx create mode 100644 .history/layouts/Customer/MainLayout_20220530192712.tsx create mode 100644 .history/layouts/Customer/MainLayout_20220530192713.tsx create mode 100644 .history/layouts/Customer/MainLayout_20220530192718.tsx create mode 100644 .history/layouts/Customer/MainLayout_20220530192720.tsx create mode 100644 .history/layouts/Customer/MainLayout_20220530192727.tsx create mode 100644 .history/layouts/Customer/MainLayout_20220530192842.tsx create mode 100644 .history/layouts/Customer/MainLayout_20220530193153.tsx create mode 100644 .history/layouts/Customer/MainLayout_20220530193158.tsx create mode 100644 .history/layouts/Customer/MainLayout_20220530193159.tsx create mode 100644 .history/layouts/Customer/MainLayout_20220530193221.tsx create mode 100644 .history/layouts/Customer/MainLayout_20220530193223.tsx create mode 100644 .history/layouts/Customer/MainLayout_20220530193227.tsx create mode 100644 .history/layouts/Customer/MainLayout_20220530193235.tsx create mode 100644 .history/layouts/Customer/MainLayout_20220530193237.tsx create mode 100644 .history/layouts/Customer/MainLayout_20220530193239.tsx create mode 100644 .history/layouts/Customer/MainLayout_20220530193627.tsx create mode 100644 .history/layouts/Customer/MainLayout_20220530193630.tsx create mode 100644 .history/layouts/Customer/MainLayout_20220530194419.tsx create mode 100644 .history/layouts/Customer/MainLayout_20220530194421.tsx create mode 100644 .history/layouts/Customer/MainLayout_20220530194423.tsx create mode 100644 .history/layouts/Customer/MainLayout_20220530194425.tsx create mode 100644 .history/layouts/Customer/MainLayout_20220531140844.tsx create mode 100644 .history/layouts/Customer/MainLayout_20220531140845.tsx create mode 100644 .history/layouts/Customer/MainLayout_20220531140847.tsx create mode 100644 .history/layouts/Customer/MainLayout_20220531140850.tsx create mode 100644 .history/layouts/Customer/MainLayout_20220531140851.tsx create mode 100644 .history/layouts/Customer/MainLayout_20220531140852.tsx create mode 100644 .history/layouts/Customer/MainLayout_20220531140854.tsx create mode 100644 .history/layouts/Customer/MainLayout_20220531140944.tsx create mode 100644 .history/layouts/Customer/MainLayout_20220531140949.tsx create mode 100644 .history/layouts/Customer/MainLayout_20220531140959.tsx create mode 100644 .history/layouts/Customer/MainLayout_20220531141002.tsx create mode 100644 .history/layouts/Customer/MainLayout_20220531141003.tsx create mode 100644 .history/layouts/Customer/MainLayout_20220531141006.tsx create mode 100644 .history/layouts/Customer/MainLayout_20220531141008.tsx create mode 100644 .history/layouts/Customer/MainLayout_20220531141010.tsx create mode 100644 .history/layouts/Customer/MainLayout_20220531141122.tsx create mode 100644 .history/layouts/Customer/MainLayout_20220531141123.tsx create mode 100644 .history/layouts/Customer/MainLayout_20220531141124.tsx create mode 100644 .history/layouts/Customer/MainLayout_20220531141340.tsx create mode 100644 .history/layouts/Customer/MainLayout_20220531141343.tsx create mode 100644 .history/layouts/Customer/MainLayout_20220531141345.tsx create mode 100644 .history/layouts/Customer/MainLayout_20220531162101.tsx create mode 100644 .history/layouts/Customer/MainLayout_20220531162131.tsx create mode 100644 .history/layouts/Customer/MainLayout_20220531162144.tsx create mode 100644 .history/layouts/Customer/MainLayout_20220531215838.tsx create mode 100644 .history/lib/session_20220525193012.ts create mode 100644 .history/lib/session_20220525193024.js create mode 100644 .history/lib/session_20220525193025.ts create mode 100644 .history/lib/session_20220525193045.js create mode 100644 .history/next.config_20220516191522.js create mode 100644 .history/next.config_20220522161622.js create mode 100644 .history/next_20220522160938.js create mode 100644 .history/next_20220522160948.js create mode 100644 .history/pages/[pizza]_20220602160739.tsx create mode 100644 .history/pages/[pizza]_20220602160900.tsx create mode 100644 .history/pages/[pizza]_20220602160901.tsx create mode 100644 .history/pages/[pizza]_20220602160907.tsx create mode 100644 .history/pages/[pizza]_20220602160908.tsx create mode 100644 .history/pages/[pizza]_20220602160923.tsx create mode 100644 .history/pages/[pizza]_20220602160924.tsx create mode 100644 .history/pages/[pizza]_20220602160945.tsx create mode 100644 .history/pages/[pizza]_20220602161903.tsx create mode 100644 .history/pages/[pizza]_20220602163621.tsx create mode 100644 .history/pages/[pizza]_20220602163622.tsx create mode 100644 .history/pages/[pizza]_20220604155359.tsx create mode 100644 .history/pages/[pizza]_20220604155400.tsx create mode 100644 .history/pages/[pizza]_20220615055808.tsx create mode 100644 .history/pages/_app_20220517150042.tsx create mode 100644 .history/pages/_app_20220518125856.tsx create mode 100644 .history/pages/_app_20220518143444.tsx create mode 100644 .history/pages/_app_20220518143835.tsx create mode 100644 .history/pages/admin/Login_20220522081533.tsx create mode 100644 .history/pages/admin/Login_20220522155931.tsx create mode 100644 .history/pages/admin/Login_20220522155934.tsx create mode 100644 .history/pages/admin/Main_20220522160009.tsx create mode 100644 .history/pages/admin/Main_20220522160106.tsx create mode 100644 .history/pages/admin/index_20220522155755.tsx create mode 100644 .history/pages/admin/index_20220522155840.tsx create mode 100644 .history/pages/admin/index_20220522155932.tsx create mode 100644 .history/pages/admin/index_20220522160138.tsx create mode 100644 .history/pages/admin/index_20220522160443.tsx create mode 100644 .history/pages/admin/index_20220522160449.tsx create mode 100644 .history/pages/admin/index_20220522160450.tsx create mode 100644 .history/pages/admin/index_20220522160510.tsx create mode 100644 .history/pages/admin/index_20220522160522.tsx create mode 100644 .history/pages/admin/index_20220522160633.tsx create mode 100644 .history/pages/admin/index_20220522160713.tsx create mode 100644 .history/pages/admin/index_20220522160722.tsx create mode 100644 .history/pages/admin/index_20220522160726.tsx create mode 100644 .history/pages/admin/index_20220522161050.tsx create mode 100644 .history/pages/admin/index_20220522161223.tsx create mode 100644 .history/pages/admin/index_20220522161238.tsx create mode 100644 .history/pages/admin/index_20220522161253.tsx create mode 100644 .history/pages/admin/index_20220522161312.tsx create mode 100644 .history/pages/admin/index_20220522161326.tsx create mode 100644 .history/pages/admin/index_20220522161947.tsx create mode 100644 .history/pages/admin/index_20220522162213.tsx create mode 100644 .history/pages/admin/index_20220522162649.tsx create mode 100644 .history/pages/admin/index_20220522162659.tsx create mode 100644 .history/pages/admin/index_20220522230618.tsx create mode 100644 .history/pages/admin/index_20220522230705.tsx create mode 100644 .history/pages/admin/index_20220522230732.tsx create mode 100644 .history/pages/admin/index_20220523094100.tsx create mode 100644 .history/pages/admin/index_20220523094122.tsx create mode 100644 .history/pages/admin/index_20220523094222.tsx create mode 100644 .history/pages/admin/index_20220523094247.tsx create mode 100644 .history/pages/admin/index_20220523094301.tsx create mode 100644 .history/pages/admin/index_20220523094335.tsx create mode 100644 .history/pages/admin/index_20220523094510.tsx create mode 100644 .history/pages/admin/index_20220523094624.tsx create mode 100644 .history/pages/admin/index_20220523183554.tsx create mode 100644 .history/pages/admin/index_20220523183618.tsx create mode 100644 .history/pages/admin/index_20220523183809.tsx create mode 100644 .history/pages/admin/index_20220523183816.tsx create mode 100644 .history/pages/admin/index_20220523183932.tsx create mode 100644 .history/pages/admin/index_20220523184047.tsx create mode 100644 .history/pages/admin/index_20220523184134.tsx create mode 100644 .history/pages/admin/index_20220523184237.tsx create mode 100644 .history/pages/admin/index_20220523184307.tsx create mode 100644 .history/pages/admin/index_20220523184638.tsx create mode 100644 .history/pages/admin/index_20220523184718.tsx create mode 100644 .history/pages/admin/index_20220523184736.tsx create mode 100644 .history/pages/admin/index_20220523184855.tsx create mode 100644 .history/pages/admin/index_20220523184943.tsx create mode 100644 .history/pages/admin/index_20220523185003.tsx create mode 100644 .history/pages/admin/index_20220523185047.tsx create mode 100644 .history/pages/admin/index_20220524144858.tsx create mode 100644 .history/pages/admin/index_20220524144949.tsx create mode 100644 .history/pages/admin/index_20220524145015.tsx create mode 100644 .history/pages/admin/index_20220524150421.tsx create mode 100644 .history/pages/admin/index_20220525183924.tsx create mode 100644 .history/pages/admin/index_20220525184010.tsx create mode 100644 .history/pages/admin/index_20220525184049.tsx create mode 100644 .history/pages/admin/index_20220525184847.tsx create mode 100644 .history/pages/admin/index_20220525184859.tsx create mode 100644 .history/pages/admin/index_20220525184912.tsx create mode 100644 .history/pages/admin/index_20220525185109.tsx create mode 100644 .history/pages/admin/index_20220525185148.tsx create mode 100644 .history/pages/admin/index_20220525185358.tsx create mode 100644 .history/pages/admin/index_20220525185401.tsx create mode 100644 .history/pages/admin/index_20220525190910.tsx create mode 100644 .history/pages/admin/index_20220525191205.tsx create mode 100644 .history/pages/admin/index_20220525191419.tsx create mode 100644 .history/pages/admin/index_20220525191425.tsx create mode 100644 .history/pages/admin/index_20220525191603.tsx create mode 100644 .history/pages/admin/index_20220525192745.tsx create mode 100644 .history/pages/admin/index_20220525194453.tsx create mode 100644 .history/pages/admin/index_20220525194501.tsx create mode 100644 .history/pages/admin/index_20220525194756.tsx create mode 100644 .history/pages/admin_20220518145912.ts create mode 100644 .history/pages/admin_20220518145940.tsx create mode 100644 .history/pages/admin_20220518145941.ts create mode 100644 .history/pages/admin_20220518145955.tsx create mode 100644 .history/pages/admin_20220518150922.tsx create mode 100644 .history/pages/admin_20220518151024.tsx create mode 100644 .history/pages/admin_20220518151335.tsx create mode 100644 .history/pages/admin_20220518163407.tsx create mode 100644 .history/pages/admin_20220518163443.tsx create mode 100644 .history/pages/admin_20220518163603.tsx create mode 100644 .history/pages/admin_20220520131253.tsx create mode 100644 .history/pages/admin_20220520131257.tsx create mode 100644 .history/pages/admin_20220520132713.tsx create mode 100644 .history/pages/admin_20220522081319.tsx create mode 100644 .history/pages/admin_20220522081501.tsx create mode 100644 .history/pages/admin_20220522081731.tsx create mode 100644 .history/pages/admin_20220522081819.tsx create mode 100644 .history/pages/admin_20220522081903.tsx create mode 100644 .history/pages/admin_20220522081957.tsx create mode 100644 .history/pages/admin_20220522082032.tsx create mode 100644 .history/pages/admin_20220522082119.tsx create mode 100644 .history/pages/admin_20220522082149.tsx create mode 100644 .history/pages/admin_20220522082326.tsx create mode 100644 .history/pages/admin_20220522082420.tsx create mode 100644 .history/pages/admin_20220522082445.tsx create mode 100644 .history/pages/admin_20220522082539.tsx create mode 100644 .history/pages/admin_20220522082708.tsx create mode 100644 .history/pages/admin_20220522082824.tsx create mode 100644 .history/pages/admin_20220522082941.tsx create mode 100644 .history/pages/admin_20220522082955.tsx create mode 100644 .history/pages/admin_20220522083102.tsx create mode 100644 .history/pages/admin_20220522083116.tsx create mode 100644 .history/pages/admin_20220522083123.tsx create mode 100644 .history/pages/admin_20220522083150.tsx create mode 100644 .history/pages/admin_20220522083223.tsx create mode 100644 .history/pages/admin_20220522083307.tsx create mode 100644 .history/pages/admin_20220522133505.tsx create mode 100644 .history/pages/admin_20220522133918.tsx create mode 100644 .history/pages/admin_20220522134106.tsx create mode 100644 .history/pages/admin_20220522134214.tsx create mode 100644 .history/pages/admin_20220522134415.tsx create mode 100644 .history/pages/admin_20220522134712.tsx create mode 100644 .history/pages/admin_20220522134805.tsx create mode 100644 .history/pages/admin_20220522134815.tsx create mode 100644 .history/pages/admin_20220522135738.tsx create mode 100644 .history/pages/admin_20220522135800.tsx create mode 100644 .history/pages/admin_20220522135942.tsx create mode 100644 .history/pages/admin_20220522140248.tsx create mode 100644 .history/pages/admin_20220522140414.tsx create mode 100644 .history/pages/admin_20220522140800.tsx create mode 100644 .history/pages/admin_20220522155756.tsx create mode 100644 .history/pages/api/hello_20220516191522.ts create mode 100644 .history/pages/api/hello_20220517194800.ts create mode 100644 .history/pages/api/hello_20220517194812.ts create mode 100644 .history/pages/api/hello_20220517194851.ts create mode 100644 .history/pages/api/hello_20220520173044.ts create mode 100644 .history/pages/api/hello_20220520184435.ts create mode 100644 .history/pages/api/hello_20220520184543.ts create mode 100644 .history/pages/api/loadingCategories_20220528231459.ts create mode 100644 .history/pages/api/loadingCategories_20220528231642.ts create mode 100644 .history/pages/api/loadingCategories_20220528231644.ts create mode 100644 .history/pages/api/loadingCategories_20220530170557.ts create mode 100644 .history/pages/api/loadingCategories_20220530170559.ts create mode 100644 .history/pages/api/loadingCategories_20220530170603.ts create mode 100644 .history/pages/api/loadingCategories_20220530170605.ts create mode 100644 .history/pages/api/loadingCategories_20220530170607.ts create mode 100644 .history/pages/api/loadingCategories_20220530170611.ts create mode 100644 .history/pages/api/loadingCategories_20220530170616.ts create mode 100644 .history/pages/api/loadingCategories_20220530170617.ts create mode 100644 .history/pages/api/loadingCategories_20220530170629.ts create mode 100644 .history/pages/api/loadingCategories_20220530170631.ts create mode 100644 .history/pages/api/loadingCategories_20220530170654.ts create mode 100644 .history/pages/api/loadingCategories_20220530170656.ts create mode 100644 .history/pages/api/loadingCategories_20220530170702.ts create mode 100644 .history/pages/api/loadingCategories_20220530171021.ts create mode 100644 .history/pages/api/loadingCategories_20220530171023.ts create mode 100644 .history/pages/api/loadingCategories_20220530171024.ts create mode 100644 .history/pages/api/loadingCategories_20220530171025.ts create mode 100644 .history/pages/api/loadingCategories_20220530171028.ts create mode 100644 .history/pages/api/loadingCategories_20220530171034.ts create mode 100644 .history/pages/api/loadingCategories_20220530171036.ts create mode 100644 .history/pages/api/loadingCategories_20220530171127.ts create mode 100644 .history/pages/api/loadingCategories_20220530171128.ts create mode 100644 .history/pages/api/loadingCategories_20220530171142.ts create mode 100644 .history/pages/api/loadingCategories_20220530171151.ts create mode 100644 .history/pages/api/loadingCategories_20220530171156.ts create mode 100644 .history/pages/api/loadingCategories_20220530171158.ts create mode 100644 .history/pages/api/loadingCategories_20220530171201.ts create mode 100644 .history/pages/api/loadingCategories_20220530171206.ts create mode 100644 .history/pages/api/loadingCategories_20220530171207.ts create mode 100644 .history/pages/api/loadingCategories_20220530171211.ts create mode 100644 .history/pages/api/loadingCategories_20220530171213.ts create mode 100644 .history/pages/api/loadingCategories_20220530171216.ts create mode 100644 .history/pages/api/loadingCategories_20220530171228.ts create mode 100644 .history/pages/api/loadingCategories_20220530171229.ts create mode 100644 .history/pages/api/loadingCategories_20220530171233.ts create mode 100644 .history/pages/api/loadingCategories_20220530171241.ts create mode 100644 .history/pages/api/loadingCategories_20220530171247.ts create mode 100644 .history/pages/api/loadingCategories_20220530171254.ts create mode 100644 .history/pages/api/loadingCategories_20220530171256.ts create mode 100644 .history/pages/api/loadingCategories_20220530171336.ts create mode 100644 .history/pages/api/loadingCategories_20220530171338.ts create mode 100644 .history/pages/api/loadingCategories_20220530171759.ts create mode 100644 .history/pages/api/loadingCategories_20220530171803.ts create mode 100644 .history/pages/api/loadingCategories_20220530171808.ts create mode 100644 .history/pages/api/loadingCategories_20220530171809.ts create mode 100644 .history/pages/api/loadingCategories_20220530171810.ts create mode 100644 .history/pages/api/loadingCategories_20220530171826.ts create mode 100644 .history/pages/api/loadingCategories_20220530171834.ts create mode 100644 .history/pages/api/loadingCategories_20220530172019.ts create mode 100644 .history/pages/api/loadingCategories_20220530172022.ts create mode 100644 .history/pages/api/loadingCategories_20220530172024.ts create mode 100644 .history/pages/api/loadingCategories_20220530172027.ts create mode 100644 .history/pages/api/loadingCategories_20220530172037.ts create mode 100644 .history/pages/api/loadingCategories_20220530172103.ts create mode 100644 .history/pages/api/loadingCategories_20220530172104.ts create mode 100644 .history/pages/api/loadingCategories_20220530172105.ts create mode 100644 .history/pages/api/loadingCategories_20220530174801.js create mode 100644 .history/pages/api/loadingCategories_20220530174802.ts create mode 100644 .history/pages/api/loadingCategories_20220530174917.js create mode 100644 .history/pages/api/loadingCategories_20220530174920.js create mode 100644 .history/pages/api/loadingCategories_20220530174923.js create mode 100644 .history/pages/api/loadingCategories_20220604161631.js create mode 100644 .history/pages/api/loadingPizzaCard_20220529141110.ts create mode 100644 .history/pages/api/loadingPizzaCard_20220529141119.ts create mode 100644 .history/pages/api/loadingPizzaCard_20220529141128.ts create mode 100644 .history/pages/api/loadingPizzaCard_20220529141131.ts create mode 100644 .history/pages/api/loadingPizzaCard_20220529141301.ts create mode 100644 .history/pages/api/loadingPizzaCard_20220529141321.ts create mode 100644 .history/pages/api/loadingPizzaCard_20220529141546.ts create mode 100644 .history/pages/api/loadingPizzaCard_20220530172140.ts create mode 100644 .history/pages/api/loadingPizzaCard_20220530172328.ts create mode 100644 .history/pages/api/loadingPizzaCard_20220530172546.ts create mode 100644 .history/pages/api/loadingPizzaCard_20220530172556.ts create mode 100644 .history/pages/api/loadingPizzaCard_20220530172600.ts create mode 100644 .history/pages/api/loadingPizzaCard_20220530172603.ts create mode 100644 .history/pages/api/loadingPizzaCard_20220530172605.ts create mode 100644 .history/pages/api/loadingPizzaCard_20220530172712.ts create mode 100644 .history/pages/api/loadingPizzaCard_20220530172714.ts create mode 100644 .history/pages/api/loadingPizzaCard_20220530172717.ts create mode 100644 .history/pages/api/loadingPizzaCard_20220530172801.ts create mode 100644 .history/pages/api/loadingPizzaCard_20220530172810.ts create mode 100644 .history/pages/api/loadingPizzaCard_20220530172811.ts create mode 100644 .history/pages/api/loadingPizzaCard_20220530172816.ts create mode 100644 .history/pages/api/loadingPizzaCard_20220530172855.ts create mode 100644 .history/pages/api/loadingPizzaCard_20220530172856.ts create mode 100644 .history/pages/api/loadingPizzaCard_20220530173245.ts create mode 100644 .history/pages/api/loadingPizzaCard_20220530173304.ts create mode 100644 .history/pages/api/loadingPizzaCard_20220530173330.ts create mode 100644 .history/pages/api/loadingPizzaCard_20220530173336.ts create mode 100644 .history/pages/api/loadingPizzaCard_20220530173345.ts create mode 100644 .history/pages/api/loadingPizzaCard_20220530173448.ts create mode 100644 .history/pages/api/loadingPizzaCard_20220530173450.ts create mode 100644 .history/pages/api/loadingPizzaCard_20220530173452.ts create mode 100644 .history/pages/api/loadingPizzaCard_20220530173455.ts create mode 100644 .history/pages/api/loadingPizzaCard_20220530173457.ts create mode 100644 .history/pages/api/loadingPizzaCard_20220530173509.ts create mode 100644 .history/pages/api/loadingPizzaCard_20220530173513.ts create mode 100644 .history/pages/api/loadingPizzaCard_20220530173517.ts create mode 100644 .history/pages/api/loadingPizzaCard_20220530173525.ts create mode 100644 .history/pages/api/loadingPizzaCard_20220530173527.ts create mode 100644 .history/pages/api/loadingPizzaCard_20220530173528.ts create mode 100644 .history/pages/api/loadingPizzaCard_20220530173736.ts create mode 100644 .history/pages/api/loadingPizzaCard_20220530173738.ts create mode 100644 .history/pages/api/loadingPizzaCard_20220530173750.ts create mode 100644 .history/pages/api/loadingPizzaCard_20220530173752.ts create mode 100644 .history/pages/api/loadingPizzaCard_20220530173754.ts create mode 100644 .history/pages/api/loadingPizzaCard_20220530173757.ts create mode 100644 .history/pages/api/loadingPizzaCard_20220530173802.ts create mode 100644 .history/pages/api/loadingPizzaCard_20220530173803.ts create mode 100644 .history/pages/api/loadingPizzaCard_20220530173807.ts create mode 100644 .history/pages/api/loadingPizzaCard_20220530173809.ts create mode 100644 .history/pages/api/loadingPizzaCard_20220530173852.ts create mode 100644 .history/pages/api/loadingPizzaCard_20220530173857.ts create mode 100644 .history/pages/api/loadingPizzaCard_20220530173858.ts create mode 100644 .history/pages/api/loadingPizzaCard_20220530173900.ts create mode 100644 .history/pages/api/loadingPizzaCard_20220530173902.ts create mode 100644 .history/pages/api/loadingPizzaCard_20220530173905.ts create mode 100644 .history/pages/api/loadingPizzaCard_20220530173907.ts create mode 100644 .history/pages/api/loadingPizzaCard_20220530173909.ts create mode 100644 .history/pages/api/loadingPizzaCard_20220530173910.ts create mode 100644 .history/pages/api/loadingPizzaCard_20220530174025.ts create mode 100644 .history/pages/api/loadingPizzaCard_20220530174036.ts create mode 100644 .history/pages/api/loadingPizzaCard_20220530174042.ts create mode 100644 .history/pages/api/loadingPizzaCard_20220530174043.ts create mode 100644 .history/pages/api/loadingPizzaCard_20220530174122.ts create mode 100644 .history/pages/api/loadingPizzaCard_20220530174133.ts create mode 100644 .history/pages/api/loadingPizzaCard_20220530174156.ts create mode 100644 .history/pages/api/loadingPizzaCard_20220530174158.ts create mode 100644 .history/pages/api/loadingPizzaCard_20220530174201.js create mode 100644 .history/pages/api/loadingPizzaCard_20220530174201.ts create mode 100644 .history/pages/api/loadingPizzaCard_20220530174202.ts create mode 100644 .history/pages/api/loadingPizzaCard_20220530174257.js create mode 100644 .history/pages/api/loadingPizzaCard_20220530174300.js create mode 100644 .history/pages/api/loadingPizzaCard_20220530174302.js create mode 100644 .history/pages/api/loadingPizzaCard_20220530174307.js create mode 100644 .history/pages/api/loadingPizzaCard_20220530174308.js create mode 100644 .history/pages/api/loadingPizzaCard_20220530174311.js create mode 100644 .history/pages/api/loadingPizzaCard_20220530174314.js create mode 100644 .history/pages/api/loadingPizzaCard_20220530174336.js create mode 100644 .history/pages/api/loadingPizzaCard_20220530174354.js create mode 100644 .history/pages/api/loadingPizzaCard_20220530174356.js create mode 100644 .history/pages/api/loadingPizzaCard_20220530174359.js create mode 100644 .history/pages/api/loadingPizzaCard_20220530174401.js create mode 100644 .history/pages/api/loadingPizzaCard_20220530174408.js create mode 100644 .history/pages/api/loadingPizzaCard_20220530174411.js create mode 100644 .history/pages/api/loadingPizzaCard_20220530174416.js create mode 100644 .history/pages/api/loadingPizzaCard_20220530174518.js create mode 100644 .history/pages/api/loadingPizzaCard_20220530174522.js create mode 100644 .history/pages/api/loadingPizzaCard_20220530174525.js create mode 100644 .history/pages/api/loadingPizzaCard_20220530174527.js create mode 100644 .history/pages/api/loadingPizzaCard_20220530174530.js create mode 100644 .history/pages/api/loadingPizzaCard_20220530174534.js create mode 100644 .history/pages/api/loadingPizzaCard_20220530174559.js create mode 100644 .history/pages/api/loadingPizzaCard_20220530174603.js create mode 100644 .history/pages/api/loadingPizzaCard_20220530174615.js create mode 100644 .history/pages/api/loadingPizzaCard_20220530174718.js create mode 100644 .history/pages/api/loadingPizzaCard_20220530174746.js create mode 100644 .history/pages/api/loadingPizzaCard_20220530174752.js create mode 100644 .history/pages/api/loadingPizzaCard_20220530174754.js create mode 100644 .history/pages/api/loadingPizzaCard_20220604161817.js create mode 100644 .history/pages/api/loadingPizzaCard_20220604161826.js create mode 100644 .history/pages/api/loadingPizzaCard_20220604161833.js create mode 100644 .history/pages/api/loadingPizzaCard_20220604161837.js create mode 100644 .history/pages/api/loadingPizzaCard_20220617160007.js create mode 100644 .history/pages/api/loadingPizzaInformation/[pid]_20220615061112.js create mode 100644 .history/pages/api/loadingPizzaInformation/[pid]_20220615064228.js create mode 100644 .history/pages/api/loadingPizzaInformation/[pid]_20220615064229.js create mode 100644 .history/pages/api/loadingPizzaInformation/[pid]_20220615064557.js create mode 100644 .history/pages/api/loadingPizzaInformation/[pid]_20220615064558.js create mode 100644 .history/pages/api/loadingPizzaInformation/[pid]_20220616103227.js create mode 100644 .history/pages/api/loadingPizzaInformation/[pid]_20220616103228.js create mode 100644 .history/pages/api/loadingPizzaInformation/[pid]_20220617192945.js create mode 100644 .history/pages/api/loadingPizzaInformation_20220615060838.js create mode 100644 .history/pages/api/loadingPizzaInformation_20220615060939.js create mode 100644 .history/pages/api/loadingPizzaInformation_20220615061043.js create mode 100644 .history/pages/api/loadingPizzaInformation_20220615061113.js create mode 100644 .history/pages/api/loadingPizza_20220529003410.ts create mode 100644 .history/pages/api/loadingPizza_20220529003423.ts create mode 100644 .history/pages/api/loadingPizza_20220529003758.ts create mode 100644 .history/pages/api/loadingPizza_20220529003800.ts create mode 100644 .history/pages/api/loadingPizza_20220529003801.ts create mode 100644 .history/pages/api/loadingPizza_20220529003805.ts create mode 100644 .history/pages/api/loadingPizza_20220529003807.ts create mode 100644 .history/pages/api/loadingPizza_20220529003808.ts create mode 100644 .history/pages/api/loadingPizza_20220529003810.ts create mode 100644 .history/pages/api/loadingPizza_20220529003812.ts create mode 100644 .history/pages/api/loadingPizza_20220529003815.ts create mode 100644 .history/pages/api/loadingPizza_20220529003816.ts create mode 100644 .history/pages/api/loadingPizza_20220529004653.ts create mode 100644 .history/pages/api/loadingPizza_20220529004701.ts create mode 100644 .history/pages/api/loadingPizza_20220529004709.ts create mode 100644 .history/pages/api/loadingPizza_20220529004711.ts create mode 100644 .history/pages/api/loadingPizza_20220529004715.ts create mode 100644 .history/pages/api/loadingPizza_20220529004723.ts create mode 100644 .history/pages/api/loadingPizza_20220529004725.ts create mode 100644 .history/pages/api/loadingPizza_20220529004726.ts create mode 100644 .history/pages/api/loadingPizza_20220529004728.ts create mode 100644 .history/pages/api/loadingPizza_20220529004817.ts create mode 100644 .history/pages/api/loadingPizza_20220530172136.ts create mode 100644 .history/pages/api/loadingPizza_20220530174804.js create mode 100644 .history/pages/api/loadingPizza_20220530174805.ts create mode 100644 .history/pages/api/loadingPizza_20220530174901.js create mode 100644 .history/pages/api/loadingPizza_20220530174904.js create mode 100644 .history/pages/api/loadingStock_20220517175059.ts create mode 100644 .history/pages/api/loadingStock_20220517175202.ts create mode 100644 .history/pages/api/loadingStock_20220517175237.ts create mode 100644 .history/pages/api/loadingStock_20220517175417.ts create mode 100644 .history/pages/api/loadingStock_20220517175432.ts create mode 100644 .history/pages/api/loadingStock_20220517184243.ts create mode 100644 .history/pages/api/loadingStock_20220517184406.ts create mode 100644 .history/pages/api/loadingStock_20220517184439.ts create mode 100644 .history/pages/api/loadingStock_20220517190418.ts create mode 100644 .history/pages/api/loadingStock_20220517190449.ts create mode 100644 .history/pages/api/loadingStock_20220517190635.ts create mode 100644 .history/pages/api/loadingStock_20220517191632.ts create mode 100644 .history/pages/api/loadingStock_20220517191703.ts create mode 100644 .history/pages/api/loadingStock_20220517191825.ts create mode 100644 .history/pages/api/loadingStock_20220517191855.ts create mode 100644 .history/pages/api/loadingStock_20220517191947.ts create mode 100644 .history/pages/api/loadingStock_20220517192004.ts create mode 100644 .history/pages/api/loadingStock_20220517192536.ts create mode 100644 .history/pages/api/loadingStock_20220517192607.ts create mode 100644 .history/pages/api/loadingStock_20220517192807.ts create mode 100644 .history/pages/api/loadingStock_20220517192822.ts create mode 100644 .history/pages/api/loadingStock_20220517192843.ts create mode 100644 .history/pages/api/loadingStock_20220517192903.ts create mode 100644 .history/pages/api/loadingStock_20220517192914.ts create mode 100644 .history/pages/api/loadingStock_20220517193552.ts create mode 100644 .history/pages/api/loadingStock_20220517194149.ts create mode 100644 .history/pages/api/loadingStock_20220517194156.ts create mode 100644 .history/pages/api/loadingStock_20220517194237.ts create mode 100644 .history/pages/api/loadingStock_20220517194254.ts create mode 100644 .history/pages/api/loadingStock_20220517194458.ts create mode 100644 .history/pages/api/loadingStock_20220517194625.ts create mode 100644 .history/pages/api/loadingStock_20220517194717.ts create mode 100644 .history/pages/api/loadingStock_20220517194840.ts create mode 100644 .history/pages/api/loadingStock_20220517194905.ts create mode 100644 .history/pages/api/loadingStock_20220517194929.ts create mode 100644 .history/pages/api/loadingStock_20220517194944.ts create mode 100644 .history/pages/api/loadingStock_20220517195051.ts create mode 100644 .history/pages/api/loadingStock_20220517195059.ts create mode 100644 .history/pages/api/loadingStock_20220517195129.ts create mode 100644 .history/pages/api/loadingStock_20220517195143.ts create mode 100644 .history/pages/api/loadingStock_20220517195317.ts create mode 100644 .history/pages/api/loadingStock_20220517195455.ts create mode 100644 .history/pages/api/loadingStock_20220517195542.ts create mode 100644 .history/pages/api/loadingStock_20220517195755.ts create mode 100644 .history/pages/api/loadingStock_20220517195850.ts create mode 100644 .history/pages/api/loadingStock_20220517200916.ts create mode 100644 .history/pages/api/loadingStock_20220517200919.ts create mode 100644 .history/pages/api/loadingStock_20220518100322.ts create mode 100644 .history/pages/api/loadingStock_20220518101927.ts create mode 100644 .history/pages/api/loadingStock_20220518102102.ts create mode 100644 .history/pages/api/loadingStock_20220518102618.ts create mode 100644 .history/pages/api/loadingStock_20220518102833.ts create mode 100644 .history/pages/api/loadingStock_20220518102936.ts create mode 100644 .history/pages/api/loadingStock_20220518102952.ts create mode 100644 .history/pages/api/loadingStock_20220518103001.ts create mode 100644 .history/pages/api/loadingStock_20220518104147.ts create mode 100644 .history/pages/api/loadingStock_20220518104511.ts create mode 100644 .history/pages/api/loadingStock_20220518104718.ts create mode 100644 .history/pages/api/loadingStock_20220518105016.ts create mode 100644 .history/pages/api/loadingStock_20220518105456.ts create mode 100644 .history/pages/api/loadingStock_20220518105519.ts create mode 100644 .history/pages/api/loadingStock_20220518105543.ts create mode 100644 .history/pages/api/loadingStock_20220518105947.ts create mode 100644 .history/pages/api/loadingStock_20220518110120.ts create mode 100644 .history/pages/api/loadingStock_20220518111405.ts create mode 100644 .history/pages/api/loadingStock_20220518111722.ts create mode 100644 .history/pages/api/loadingStock_20220518111744.ts create mode 100644 .history/pages/api/loadingStock_20220518140322.ts create mode 100644 .history/pages/api/loadingStock_20220520153426.ts create mode 100644 .history/pages/api/loadingStock_20220520153455.ts create mode 100644 .history/pages/api/loadingStock_20220530172144.ts create mode 100644 .history/pages/api/loadingStock_20220530174807.js create mode 100644 .history/pages/api/loadingStock_20220530174808.ts create mode 100644 .history/pages/api/loadingStock_20220530174908.js create mode 100644 .history/pages/api/loadingStock_20220530174911.js create mode 100644 .history/pages/api/loadingStock_20220530174912.js create mode 100644 .history/pages/api/loadingStock_20220604161706.js create mode 100644 .history/pages/api/login/index_20220520141546.ts create mode 100644 .history/pages/api/login/index_20220520141604.ts create mode 100644 .history/pages/api/login/index_20220520141728.ts create mode 100644 .history/pages/api/login/index_20220520141931.ts create mode 100644 .history/pages/api/login/index_20220520144912.ts create mode 100644 .history/pages/api/login/index_20220520144959.ts create mode 100644 .history/pages/api/login/index_20220520145118.ts create mode 100644 .history/pages/api/login/index_20220520145131.ts create mode 100644 .history/pages/api/login/index_20220520151436.ts create mode 100644 .history/pages/api/login/index_20220520151600.ts create mode 100644 .history/pages/api/login/index_20220520151641.ts create mode 100644 .history/pages/api/login/index_20220520151726.ts create mode 100644 .history/pages/api/login/index_20220520151941.ts create mode 100644 .history/pages/api/login/index_20220520152014.ts create mode 100644 .history/pages/api/login/index_20220520152230.ts create mode 100644 .history/pages/api/login/index_20220520152319.ts create mode 100644 .history/pages/api/login/index_20220520152408.ts create mode 100644 .history/pages/api/login/index_20220520152421.ts create mode 100644 .history/pages/api/login/index_20220520152447.ts create mode 100644 .history/pages/api/login/index_20220520152558.ts create mode 100644 .history/pages/api/login/index_20220520152638.ts create mode 100644 .history/pages/api/login/index_20220520152653.ts create mode 100644 .history/pages/api/login/index_20220520152708.ts create mode 100644 .history/pages/api/login/index_20220520152731.ts create mode 100644 .history/pages/api/login/index_20220520152748.ts create mode 100644 .history/pages/api/login/index_20220520152807.ts create mode 100644 .history/pages/api/login/index_20220520152816.ts create mode 100644 .history/pages/api/login/index_20220520152908.ts create mode 100644 .history/pages/api/login/index_20220520152927.ts create mode 100644 .history/pages/api/login/index_20220520152930.ts create mode 100644 .history/pages/api/login/index_20220520152940.ts create mode 100644 .history/pages/api/login/index_20220520153006.ts create mode 100644 .history/pages/api/login/index_20220520153030.ts create mode 100644 .history/pages/api/login/index_20220520153107.ts create mode 100644 .history/pages/api/login/index_20220520153134.ts create mode 100644 .history/pages/api/login/index_20220520153218.ts create mode 100644 .history/pages/api/login/index_20220520153339.ts create mode 100644 .history/pages/api/login/index_20220520153511.ts create mode 100644 .history/pages/api/login/index_20220520153554.ts create mode 100644 .history/pages/api/login/index_20220520154132.ts create mode 100644 .history/pages/api/login/index_20220520170153.ts create mode 100644 .history/pages/api/login/index_20220520170251.ts create mode 100644 .history/pages/api/login/index_20220520170406.ts create mode 100644 .history/pages/api/login/index_20220520170522.ts create mode 100644 .history/pages/api/login/index_20220520170551.ts create mode 100644 .history/pages/api/login/index_20220520170656.ts create mode 100644 .history/pages/api/login/index_20220520170700.ts create mode 100644 .history/pages/api/login/index_20220520171325.ts create mode 100644 .history/pages/api/login/index_20220520171408.ts create mode 100644 .history/pages/api/login/index_20220520171547.ts create mode 100644 .history/pages/api/login/index_20220520172233.ts create mode 100644 .history/pages/api/login/index_20220520172302.ts create mode 100644 .history/pages/api/login/index_20220520172314.ts create mode 100644 .history/pages/api/login/index_20220520173026.ts create mode 100644 .history/pages/api/login/index_20220520173105.ts create mode 100644 .history/pages/api/login/index_20220520173117.ts create mode 100644 .history/pages/api/login/index_20220520173332.ts create mode 100644 .history/pages/api/login/index_20220520173400.ts create mode 100644 .history/pages/api/login/index_20220520173546.ts create mode 100644 .history/pages/api/login/index_20220520173904.ts create mode 100644 .history/pages/api/login/index_20220520174503.ts create mode 100644 .history/pages/api/login/index_20220520174541.ts create mode 100644 .history/pages/api/login/index_20220520174814.ts create mode 100644 .history/pages/api/login/index_20220520175041.ts create mode 100644 .history/pages/api/login/index_20220520175104.ts create mode 100644 .history/pages/api/login/index_20220520175212.ts create mode 100644 .history/pages/api/login/index_20220520175248.ts create mode 100644 .history/pages/api/login/index_20220520175321.ts create mode 100644 .history/pages/api/login/index_20220520175339.ts create mode 100644 .history/pages/api/login/index_20220520175522.ts create mode 100644 .history/pages/api/login/index_20220520175651.ts create mode 100644 .history/pages/api/login/index_20220520175744.ts create mode 100644 .history/pages/api/login/index_20220520175748.ts create mode 100644 .history/pages/api/login/index_20220520175800.ts create mode 100644 .history/pages/api/login/index_20220520175822.ts create mode 100644 .history/pages/api/login/index_20220520175828.ts create mode 100644 .history/pages/api/login/index_20220520180309.ts create mode 100644 .history/pages/api/login/index_20220520180437.ts create mode 100644 .history/pages/api/login/index_20220520180819.ts create mode 100644 .history/pages/api/login/index_20220520180840.ts create mode 100644 .history/pages/api/login/index_20220520180851.ts create mode 100644 .history/pages/api/login/index_20220520181014.ts create mode 100644 .history/pages/api/login/index_20220520181028.ts create mode 100644 .history/pages/api/login/index_20220520181123.ts create mode 100644 .history/pages/api/login/index_20220520181139.ts create mode 100644 .history/pages/api/login/index_20220520181250.ts create mode 100644 .history/pages/api/login/index_20220520181314.ts create mode 100644 .history/pages/api/login/index_20220520181404.ts create mode 100644 .history/pages/api/login/index_20220520182047.ts create mode 100644 .history/pages/api/login/index_20220520182106.ts create mode 100644 .history/pages/api/login/index_20220520182159.ts create mode 100644 .history/pages/api/login/index_20220520182233.ts create mode 100644 .history/pages/api/login/index_20220520182640.ts create mode 100644 .history/pages/api/login/index_20220520182656.ts create mode 100644 .history/pages/api/login/index_20220520182714.ts create mode 100644 .history/pages/api/login/index_20220520182737.ts create mode 100644 .history/pages/api/login/index_20220520183032.ts create mode 100644 .history/pages/api/login/index_20220520183150.ts create mode 100644 .history/pages/api/login/index_20220520184159.ts create mode 100644 .history/pages/api/login/index_20220520184321.ts create mode 100644 .history/pages/api/login/index_20220520184333.ts create mode 100644 .history/pages/api/login/index_20220520184403.ts create mode 100644 .history/pages/api/login/index_20220520184550.ts create mode 100644 .history/pages/api/login/index_20220520184805.ts create mode 100644 .history/pages/api/login/index_20220520184846.ts create mode 100644 .history/pages/api/login/index_20220520184906.ts create mode 100644 .history/pages/api/login/index_20220520184917.ts create mode 100644 .history/pages/api/login/index_20220520185005.ts create mode 100644 .history/pages/api/login/index_20220520185023.ts create mode 100644 .history/pages/api/login/index_20220520185046.ts create mode 100644 .history/pages/api/login/index_20220520185114.ts create mode 100644 .history/pages/api/login/index_20220520185234.ts create mode 100644 .history/pages/api/login/index_20220520185301.ts create mode 100644 .history/pages/api/login/index_20220520185321.ts create mode 100644 .history/pages/api/login/index_20220520185425.ts create mode 100644 .history/pages/api/login/index_20220520185621.ts create mode 100644 .history/pages/api/login/index_20220520185713.ts create mode 100644 .history/pages/api/login/index_20220520185723.ts create mode 100644 .history/pages/api/login/index_20220520185821.ts create mode 100644 .history/pages/api/login/index_20220520185832.ts create mode 100644 .history/pages/api/login/index_20220520185845.ts create mode 100644 .history/pages/api/login/index_20220520185853.ts create mode 100644 .history/pages/api/login/index_20220520190015.ts create mode 100644 .history/pages/api/login/index_20220520190025.ts create mode 100644 .history/pages/api/login/index_20220520190032.ts create mode 100644 .history/pages/api/login/index_20220520190057.ts create mode 100644 .history/pages/api/login/index_20220520190134.ts create mode 100644 .history/pages/api/login/index_20220520190156.ts create mode 100644 .history/pages/api/login/index_20220520190236.ts create mode 100644 .history/pages/api/login/index_20220520190245.ts create mode 100644 .history/pages/api/login/index_20220520190318.ts create mode 100644 .history/pages/api/login/index_20220520190410.ts create mode 100644 .history/pages/api/login/index_20220520190550.ts create mode 100644 .history/pages/api/login/index_20220520190611.ts create mode 100644 .history/pages/api/login/index_20220520190621.ts create mode 100644 .history/pages/api/login/index_20220520190635.ts create mode 100644 .history/pages/api/login/index_20220520190638.ts create mode 100644 .history/pages/api/login/index_20220520190648.ts create mode 100644 .history/pages/api/login/index_20220520190758.ts create mode 100644 .history/pages/api/login/index_20220520191105.ts create mode 100644 .history/pages/api/login/index_20220520191126.ts create mode 100644 .history/pages/api/login/index_20220520191233.ts create mode 100644 .history/pages/api/login/index_20220520191303.ts create mode 100644 .history/pages/api/login/index_20220520191349.ts create mode 100644 .history/pages/api/login/index_20220520191402.ts create mode 100644 .history/pages/api/login/index_20220520191424.ts create mode 100644 .history/pages/api/login/index_20220521121825.ts create mode 100644 .history/pages/api/login/index_20220521124306.ts create mode 100644 .history/pages/api/login/index_20220521124450.ts create mode 100644 .history/pages/api/login/index_20220521124517.ts create mode 100644 .history/pages/api/login/index_20220521124551.ts create mode 100644 .history/pages/api/login/index_20220617192141.ts create mode 100644 .history/pages/api/sessions_20220525194732.js create mode 100644 .history/pages/api/sessions_20220525194741.js create mode 100644 .history/pages/api/sessions_20220525195623.js create mode 100644 .history/pages/api/sessions_20220525195640.js create mode 100644 .history/pages/api/sessions_20220525200049.js create mode 100644 .history/pages/api/sessions_20220525200308.js create mode 100644 .history/pages/api/sessions_20220525200402.js create mode 100644 .history/pages/api/sessions_20220525200632.js create mode 100644 .history/pages/cart_20220618071614.tsx create mode 100644 .history/pages/cart_20220618071754.tsx create mode 100644 .history/pages/cart_20220618072413.tsx create mode 100644 .history/pages/cart_20220618073901.tsx create mode 100644 .history/pages/cart_20220618145521.tsx create mode 100644 .history/pages/cart_20220618145536.tsx create mode 100644 .history/pages/cart_20220618145611.tsx create mode 100644 .history/pages/index_20220525183526.tsx create mode 100644 .history/pages/index_20220525183825.tsx create mode 100644 .history/pages/index_20220525183852.tsx create mode 100644 .history/pages/index_20220528173327.tsx create mode 100644 .history/pages/index_20220528174654.tsx create mode 100644 .history/pages/index_20220528174721.tsx create mode 100644 .history/pages/index_20220528174856.tsx create mode 100644 .history/pages/index_20220528224733.tsx create mode 100644 .history/pages/index_20220528225606.tsx create mode 100644 .history/pages/index_20220528225619.tsx create mode 100644 .history/pages/index_20220528231649.tsx create mode 100644 .history/pages/index_20220528232725.tsx create mode 100644 .history/pages/index_20220528233321.tsx create mode 100644 .history/pages/index_20220528233418.tsx create mode 100644 .history/pages/index_20220528233430.tsx create mode 100644 .history/pages/index_20220528233439.tsx create mode 100644 .history/pages/index_20220528233445.tsx create mode 100644 .history/pages/index_20220528233449.tsx create mode 100644 .history/pages/index_20220528233524.tsx create mode 100644 .history/pages/index_20220528234219.tsx create mode 100644 .history/pages/index_20220528234223.tsx create mode 100644 .history/pages/index_20220528234224.tsx create mode 100644 .history/pages/index_20220528234225.tsx create mode 100644 .history/pages/index_20220528234227.tsx create mode 100644 .history/pages/index_20220528234228.tsx create mode 100644 .history/pages/index_20220528234229.tsx create mode 100644 .history/pages/index_20220528234818.tsx create mode 100644 .history/pages/index_20220528234827.tsx create mode 100644 .history/pages/index_20220528234835.tsx create mode 100644 .history/pages/index_20220528234842.tsx create mode 100644 .history/pages/index_20220528234845.tsx create mode 100644 .history/pages/index_20220528234847.tsx create mode 100644 .history/pages/index_20220528234849.tsx create mode 100644 .history/pages/index_20220528234853.tsx create mode 100644 .history/pages/index_20220528234854.tsx create mode 100644 .history/pages/index_20220528235220.tsx create mode 100644 .history/pages/index_20220528235228.tsx create mode 100644 .history/pages/index_20220528235239.tsx create mode 100644 .history/pages/index_20220528235245.tsx create mode 100644 .history/pages/index_20220528235344.tsx create mode 100644 .history/pages/index_20220529002504.tsx create mode 100644 .history/pages/index_20220529002512.tsx create mode 100644 .history/pages/index_20220529002515.tsx create mode 100644 .history/pages/index_20220529002534.tsx create mode 100644 .history/pages/index_20220529002538.tsx create mode 100644 .history/pages/index_20220529002703.tsx create mode 100644 .history/pages/index_20220529002706.tsx create mode 100644 .history/pages/index_20220529002710.tsx create mode 100644 .history/pages/index_20220529002713.tsx create mode 100644 .history/pages/index_20220529002715.tsx create mode 100644 .history/pages/index_20220529002718.tsx create mode 100644 .history/pages/index_20220529002720.tsx create mode 100644 .history/pages/index_20220529002724.tsx create mode 100644 .history/pages/index_20220529002758.tsx create mode 100644 .history/pages/index_20220529002801.tsx create mode 100644 .history/pages/index_20220529002803.tsx create mode 100644 .history/pages/index_20220529002815.tsx create mode 100644 .history/pages/index_20220529002819.tsx create mode 100644 .history/pages/index_20220529002910.tsx create mode 100644 .history/pages/index_20220529002912.tsx create mode 100644 .history/pages/index_20220529002914.tsx create mode 100644 .history/pages/index_20220529002919.tsx create mode 100644 .history/pages/index_20220529002922.tsx create mode 100644 .history/pages/index_20220529002928.tsx create mode 100644 .history/pages/index_20220529002935.tsx create mode 100644 .history/pages/index_20220529003858.tsx create mode 100644 .history/pages/index_20220529003859.tsx create mode 100644 .history/pages/index_20220529003905.tsx create mode 100644 .history/pages/index_20220529003913.tsx create mode 100644 .history/pages/index_20220529003919.tsx create mode 100644 .history/pages/index_20220529003925.tsx create mode 100644 .history/pages/index_20220529003933.tsx create mode 100644 .history/pages/index_20220529003939.tsx create mode 100644 .history/pages/index_20220529003946.tsx create mode 100644 .history/pages/index_20220529003951.tsx create mode 100644 .history/pages/index_20220529004022.tsx create mode 100644 .history/pages/index_20220529004026.tsx create mode 100644 .history/pages/index_20220529004028.tsx create mode 100644 .history/pages/index_20220529004119.tsx create mode 100644 .history/pages/index_20220529004422.tsx create mode 100644 .history/pages/index_20220529004424.tsx create mode 100644 .history/pages/index_20220529004427.tsx create mode 100644 .history/pages/index_20220529004429.tsx create mode 100644 .history/pages/index_20220529004442.tsx create mode 100644 .history/pages/index_20220529004444.tsx create mode 100644 .history/pages/index_20220529004449.tsx create mode 100644 .history/pages/index_20220529004451.tsx create mode 100644 .history/pages/index_20220529004457.tsx create mode 100644 .history/pages/index_20220529004504.tsx create mode 100644 .history/pages/index_20220529004505.tsx create mode 100644 .history/pages/index_20220529144123.tsx create mode 100644 .history/pages/index_20220529144125.tsx create mode 100644 .history/pages/index_20220529144134.tsx create mode 100644 .history/pages/index_20220529144425.tsx create mode 100644 .history/pages/index_20220529144430.tsx create mode 100644 .history/pages/index_20220529144431.tsx create mode 100644 .history/pages/index_20220529144432.tsx create mode 100644 .history/pages/index_20220529145218.tsx create mode 100644 .history/pages/index_20220529145253.tsx create mode 100644 .history/pages/index_20220529145911.tsx create mode 100644 .history/pages/index_20220529145920.tsx create mode 100644 .history/pages/index_20220529145922.tsx create mode 100644 .history/pages/index_20220529145928.tsx create mode 100644 .history/pages/index_20220529145929.tsx create mode 100644 .history/pages/index_20220529145939.tsx create mode 100644 .history/pages/index_20220529150059.tsx create mode 100644 .history/pages/index_20220529151003.tsx create mode 100644 .history/pages/index_20220529152252.tsx create mode 100644 .history/pages/index_20220529152259.tsx create mode 100644 .history/pages/index_20220529152307.tsx create mode 100644 .history/pages/index_20220529152328.tsx create mode 100644 .history/pages/index_20220529152727.tsx create mode 100644 .history/pages/index_20220529155759.tsx create mode 100644 .history/pages/index_20220529160403.tsx create mode 100644 .history/pages/index_20220529160404.tsx create mode 100644 .history/pages/index_20220529160405.tsx create mode 100644 .history/pages/index_20220530190403.tsx create mode 100644 .history/pages/index_20220530190409.tsx create mode 100644 .history/pages/index_20220530190412.tsx create mode 100644 .history/pages/index_20220530190414.tsx create mode 100644 .history/pages/index_20220530190421.tsx create mode 100644 .history/pages/index_20220530190425.tsx create mode 100644 .history/pages/index_20220530190434.tsx create mode 100644 .history/pages/index_20220530190441.tsx create mode 100644 .history/pages/index_20220530190446.tsx create mode 100644 .history/pages/index_20220530190448.tsx create mode 100644 .history/pages/index_20220530190450.tsx create mode 100644 .history/pages/index_20220530190453.tsx create mode 100644 .history/pages/index_20220530190456.tsx create mode 100644 .history/pages/index_20220530190458.tsx create mode 100644 .history/pages/index_20220530190500.tsx create mode 100644 .history/pages/index_20220530190507.tsx create mode 100644 .history/pages/index_20220530190509.tsx create mode 100644 .history/pages/index_20220530190510.tsx create mode 100644 .history/pages/index_20220530190517.tsx create mode 100644 .history/pages/index_20220530190522.tsx create mode 100644 .history/pages/index_20220530190530.tsx create mode 100644 .history/pages/index_20220530190532.tsx create mode 100644 .history/pages/index_20220530190535.tsx create mode 100644 .history/pages/index_20220530190536.tsx create mode 100644 .history/pages/index_20220530190538.tsx create mode 100644 .history/pages/index_20220530190540.tsx create mode 100644 .history/pages/index_20220530190541.tsx create mode 100644 .history/pages/index_20220530190545.tsx create mode 100644 .history/pages/index_20220530190618.tsx create mode 100644 .history/pages/index_20220530190630.tsx create mode 100644 .history/pages/index_20220530190632.tsx create mode 100644 .history/pages/index_20220530190700.tsx create mode 100644 .history/pages/index_20220530190702.tsx create mode 100644 .history/pages/index_20220530190704.tsx create mode 100644 .history/pages/index_20220530190707.tsx create mode 100644 .history/pages/index_20220530190709.tsx create mode 100644 .history/pages/index_20220530190711.tsx create mode 100644 .history/pages/index_20220530190736.tsx create mode 100644 .history/pages/index_20220530190739.tsx create mode 100644 .history/pages/index_20220530190740.tsx create mode 100644 .history/pages/index_20220530190742.tsx create mode 100644 .history/pages/index_20220530190745.tsx create mode 100644 .history/pages/index_20220530190747.tsx create mode 100644 .history/pages/index_20220530190803.tsx create mode 100644 .history/pages/index_20220530190831.tsx create mode 100644 .history/pages/index_20220530190837.tsx create mode 100644 .history/pages/index_20220530190839.tsx create mode 100644 .history/pages/index_20220531160602.tsx create mode 100644 .history/pages/index_20220531160612.tsx create mode 100644 .history/pages/index_20220531160614.tsx create mode 100644 .history/pages/index_20220531160616.tsx create mode 100644 .history/pages/index_20220531160618.tsx create mode 100644 .history/pages/index_20220531160620.tsx create mode 100644 .history/pages/index_20220531160625.tsx create mode 100644 .history/pages/index_20220531160628.tsx create mode 100644 .history/pages/index_20220531160631.tsx create mode 100644 .history/pages/index_20220531160913.tsx create mode 100644 .history/pages/index_20220531161012.tsx create mode 100644 .history/pages/index_20220531161020.tsx create mode 100644 .history/pages/index_20220531161037.tsx create mode 100644 .history/pages/index_20220531162101.tsx create mode 100644 .history/pages/index_20220531162131.tsx create mode 100644 .history/pages/index_20220531162144.tsx create mode 100644 .history/pages/index_20220601090400.tsx create mode 100644 .history/pages/index_20220601090633.tsx create mode 100644 .history/pages/index_20220601090650.tsx create mode 100644 .history/pages/index_20220602164615.tsx create mode 100644 .history/pages/index_20220602164752.tsx create mode 100644 .history/pages/index_20220602164850.tsx create mode 100644 .history/pages/index_20220602164903.tsx create mode 100644 .history/pages/index_20220603173104.tsx create mode 100644 .history/pages/index_20220603173135.tsx create mode 100644 .history/pages/index_20220603173151.tsx create mode 100644 .history/pages/index_20220603173154.tsx create mode 100644 .history/pages/index_20220603174511.tsx create mode 100644 .history/pages/index_20220603174555.tsx create mode 100644 .history/pages/index_20220603174614.tsx create mode 100644 .history/pages/index_20220603174722.tsx create mode 100644 .history/pages/index_20220615162448.tsx create mode 100644 .history/pages/index_20220616125418.tsx create mode 100644 .history/pages/index_20220616125725.tsx create mode 100644 .history/pages/index_20220617161335.tsx create mode 100644 .history/pages/index_20220617162547.tsx create mode 100644 .history/pages/index_20220617162616.tsx create mode 100644 .history/pages/index_20220617162646.tsx create mode 100644 .history/pages/index_20220617162725.tsx create mode 100644 .history/pages/index_20220617190745.tsx create mode 100644 .history/pages/index_20220618072502.tsx create mode 100644 .history/pages/index_20220618072534.tsx create mode 100644 .history/pages/index_20220618072601.tsx create mode 100644 .history/pages/index_20220618073544.tsx create mode 100644 .history/pages/index_20220618073647.tsx create mode 100644 .history/pages/index_20220618073946.tsx create mode 100644 .history/pages/index_20220618074031.tsx create mode 100644 .history/pages/index_20220618074103.tsx create mode 100644 .history/pages/index_20220618081119.tsx create mode 100644 .history/pages/pizza/[id]_20220602160944.tsx create mode 100644 .history/pages/pizza/[id]_20220602161323.tsx create mode 100644 .history/pages/pizza/[id]_20220602161422.tsx create mode 100644 .history/pages/pizza/[id]_20220602161904.tsx create mode 100644 .history/pages/pizza/id_20220602161322.tsx create mode 100644 .history/pages/pizza/id_20220602161423.tsx create mode 100644 .history/pages/private_20220525194813.jsx create mode 100644 .history/pages/private_20220525194822.jsx create mode 100644 .history/pages/signin_20220525194830.jsx create mode 100644 .history/pages/signin_20220525194839.jsx create mode 100644 .history/redux/Categories/selectors_20220528224942.ts create mode 100644 .history/redux/Categories/selectors_20220528225443.ts create mode 100644 .history/redux/Categories/slice_20220528224950.ts create mode 100644 .history/redux/Categories/slice_20220528225402.ts create mode 100644 .history/redux/Categories/stock_20220528225000.ts create mode 100644 .history/redux/Categories/stock_20220528225156.ts create mode 100644 .history/redux/Categories/types_20220528225012.ts create mode 100644 .history/redux/Categories/types_20220528225114.ts create mode 100644 .history/redux/cards/selectors_20220518131315.ts create mode 100644 .history/redux/cards/selectors_20220518131334.ts create mode 100644 .history/redux/cards/slice_20220518125527.ts create mode 100644 .history/redux/cards/slice_20220518125545.ts create mode 100644 .history/redux/cards/slice_20220518125652.ts create mode 100644 .history/redux/cards/slice_20220518125716.ts create mode 100644 .history/redux/cards/slice_20220518125757.ts create mode 100644 .history/redux/cards/slice_20220518130450.ts create mode 100644 .history/redux/cards/slice_20220518133433.ts create mode 100644 .history/redux/cards/stock_20220518112222.ts create mode 100644 .history/redux/cards/stock_20220518112241.ts create mode 100644 .history/redux/cards/stock_20220518112407.ts create mode 100644 .history/redux/cards/stock_20220518112428.ts create mode 100644 .history/redux/cards/stock_20220518112511.ts create mode 100644 .history/redux/cards/stock_20220518112531.ts create mode 100644 .history/redux/cards/stock_20220518112534.ts create mode 100644 .history/redux/cards/stock_20220518112558.ts create mode 100644 .history/redux/cards/stock_20220518113444.ts create mode 100644 .history/redux/cards/stock_20220518113515.ts create mode 100644 .history/redux/cards/stock_20220518113537.ts create mode 100644 .history/redux/cards/stock_20220518113719.ts create mode 100644 .history/redux/cards/stock_20220518113823.ts create mode 100644 .history/redux/cards/stock_20220518113855.ts create mode 100644 .history/redux/cards/stock_20220518115010.ts create mode 100644 .history/redux/cards/stock_20220518115128.ts create mode 100644 .history/redux/cards/stock_20220518115143.ts create mode 100644 .history/redux/cards/stock_20220518115421.ts create mode 100644 .history/redux/cards/stock_20220518115458.ts create mode 100644 .history/redux/cards/stock_20220518115631.ts create mode 100644 .history/redux/cards/stock_20220518120005.ts create mode 100644 .history/redux/cards/stock_20220518120748.ts create mode 100644 .history/redux/cards/stock_20220518120942.ts create mode 100644 .history/redux/cards/stock_20220518124555.ts create mode 100644 .history/redux/cards/stock_20220518124613.ts create mode 100644 .history/redux/cards/stock_20220518124654.ts create mode 100644 .history/redux/cards/stock_20220518125228.ts create mode 100644 .history/redux/cards/stock_20220518125242.ts create mode 100644 .history/redux/cards/stock_20220518131119.ts create mode 100644 .history/redux/cards/stock_20220518131140.ts create mode 100644 .history/redux/cards/stock_20220518133603.ts create mode 100644 .history/redux/cards/types_20220518112341.ts create mode 100644 .history/redux/cards/types_20220518112352.ts create mode 100644 .history/redux/cards/types_20220518125020.ts create mode 100644 .history/redux/cards/types_20220518125056.ts create mode 100644 .history/redux/cards/types_20220518125118.ts create mode 100644 .history/redux/cards/types_20220518125125.ts create mode 100644 .history/redux/cards/types_20220518125131.ts create mode 100644 .history/redux/cards/types_20220518125136.ts create mode 100644 .history/redux/cards/types_20220518125203.ts create mode 100644 .history/redux/cards/types_20220518133114.ts create mode 100644 .history/redux/cards/types_20220518133117.ts create mode 100644 .history/redux/cards/types_20220518133149.ts create mode 100644 .history/redux/cards/types_20220518133154.ts create mode 100644 .history/redux/cards/types_20220518133205.ts create mode 100644 .history/redux/cart/selectors_20220516233536.ts create mode 100644 .history/redux/cart/selectors_20220617192312.ts create mode 100644 .history/redux/categories/index_20220529002654.ts create mode 100644 .history/redux/categories/index_20220529002657.ts create mode 100644 .history/redux/categories/index_20220529002741.ts create mode 100644 .history/redux/categories/index_20220529002743.ts create mode 100644 .history/redux/categories/index_20220529002753.ts create mode 100644 .history/redux/categories/index_20220529002754.ts create mode 100644 .history/redux/categories/slice_20220528225401.ts create mode 100644 .history/redux/categories/slice_20220528232015.ts create mode 100644 .history/redux/categories/slice_20220528232117.ts create mode 100644 .history/redux/categories/slice_20220528232349.ts create mode 100644 .history/redux/categories/slice_20220528233133.ts create mode 100644 .history/redux/categories/slice_20220528233227.ts create mode 100644 .history/redux/categories/slice_20220528233302.ts create mode 100644 .history/redux/categories/stock_20220528225155.ts create mode 100644 .history/redux/categories/stock_20220528232713.ts create mode 100644 .history/redux/categories/types_20220528225113.ts create mode 100644 .history/redux/categories/types_20220528231841.ts create mode 100644 .history/redux/categories/types_20220528233125.ts create mode 100644 .history/redux/categories/types_20220528233240.ts create mode 100644 .history/redux/login/asyncActions_20220521121235.ts create mode 100644 .history/redux/login/asyncActions_20220521121245.ts create mode 100644 .history/redux/login/asyncActions_20220521121252.ts create mode 100644 .history/redux/login/asyncActions_20220521121459.ts create mode 100644 .history/redux/login/asyncActions_20220521121640.ts create mode 100644 .history/redux/login/asyncActions_20220521121700.ts create mode 100644 .history/redux/login/asyncActions_20220521123447.ts create mode 100644 .history/redux/login/asyncActions_20220521124137.ts create mode 100644 .history/redux/login/asyncActions_20220521124208.ts create mode 100644 .history/redux/login/asyncActions_20220521124947.ts create mode 100644 .history/redux/login/asyncActions_20220521133002.ts create mode 100644 .history/redux/login/asyncActions_20220521133017.ts create mode 100644 .history/redux/login/asyncActions_20220521133306.ts create mode 100644 .history/redux/login/asyncActions_20220521133620.ts create mode 100644 .history/redux/login/asyncActions_20220522125128.ts create mode 100644 .history/redux/login/asyncActions_20220522125353.ts create mode 100644 .history/redux/login/asyncActions_20220522125507.ts create mode 100644 .history/redux/login/asyncActions_20220522125620.ts create mode 100644 .history/redux/login/asyncActions_20220522125729.ts create mode 100644 .history/redux/login/asyncActions_20220522125802.ts create mode 100644 .history/redux/login/asyncActions_20220522125836.ts create mode 100644 .history/redux/login/asyncActions_20220522130110.ts create mode 100644 .history/redux/login/asyncActions_20220522130252.ts create mode 100644 .history/redux/login/asyncActions_20220522130338.ts create mode 100644 .history/redux/login/asyncActions_20220522130350.ts create mode 100644 .history/redux/login/asyncActions_20220522130420.ts create mode 100644 .history/redux/login/asyncActions_20220522130452.ts create mode 100644 .history/redux/login/asyncActions_20220522130924.ts create mode 100644 .history/redux/login/asyncActions_20220522131004.ts create mode 100644 .history/redux/login/asyncActions_20220522131136.ts create mode 100644 .history/redux/login/asyncActions_20220522131330.ts create mode 100644 .history/redux/login/asyncActions_20220522131349.ts create mode 100644 .history/redux/login/asyncActions_20220522131428.ts create mode 100644 .history/redux/login/asyncActions_20220522131501.ts create mode 100644 .history/redux/login/asyncActions_20220522131552.ts create mode 100644 .history/redux/login/asyncActions_20220522131758.ts create mode 100644 .history/redux/login/asyncActions_20220522131903.ts create mode 100644 .history/redux/login/asyncActions_20220522131910.ts create mode 100644 .history/redux/login/asyncActions_20220522131950.ts create mode 100644 .history/redux/login/asyncActions_20220522132023.ts create mode 100644 .history/redux/login/asyncActions_20220522132036.ts create mode 100644 .history/redux/login/asyncActions_20220522132110.ts create mode 100644 .history/redux/login/asyncActions_20220522132138.ts create mode 100644 .history/redux/login/asyncActions_20220522132203.ts create mode 100644 .history/redux/login/asyncActions_20220522132345.ts create mode 100644 .history/redux/login/asyncActions_20220522132653.ts create mode 100644 .history/redux/login/asyncActions_20220522132739.ts create mode 100644 .history/redux/login/selectors_20220520192512.ts create mode 100644 .history/redux/login/selectors_20220520192526.ts create mode 100644 .history/redux/login/selectors_20220520192607.ts create mode 100644 .history/redux/login/selectors_20220521113556.ts create mode 100644 .history/redux/login/slice_20220520192637.ts create mode 100644 .history/redux/login/slice_20220520192724.ts create mode 100644 .history/redux/login/slice_20220520192754.ts create mode 100644 .history/redux/login/slice_20220521112408.ts create mode 100644 .history/redux/login/slice_20220521112531.ts create mode 100644 .history/redux/login/slice_20220521112832.ts create mode 100644 .history/redux/login/slice_20220521112857.ts create mode 100644 .history/redux/login/slice_20220521113037.ts create mode 100644 .history/redux/login/slice_20220521113059.ts create mode 100644 .history/redux/login/slice_20220521113117.ts create mode 100644 .history/redux/login/slice_20220521113142.ts create mode 100644 .history/redux/login/slice_20220521113218.ts create mode 100644 .history/redux/login/slice_20220521113228.ts create mode 100644 .history/redux/login/slice_20220521113325.ts create mode 100644 .history/redux/login/slice_20220521113715.ts create mode 100644 .history/redux/login/slice_20220521113724.ts create mode 100644 .history/redux/login/slice_20220521113753.ts create mode 100644 .history/redux/login/slice_20220521113845.ts create mode 100644 .history/redux/login/slice_20220521113913.ts create mode 100644 .history/redux/login/slice_20220521113923.ts create mode 100644 .history/redux/login/slice_20220521132601.ts create mode 100644 .history/redux/login/slice_20220521132625.ts create mode 100644 .history/redux/login/slice_20220521132914.ts create mode 100644 .history/redux/login/slice_20220521132926.ts create mode 100644 .history/redux/login/slice_20220521133104.ts create mode 100644 .history/redux/login/slice_20220521133339.ts create mode 100644 .history/redux/login/slice_20220521133351.ts create mode 100644 .history/redux/login/slice_20220521133406.ts create mode 100644 .history/redux/login/slice_20220521133443.ts create mode 100644 .history/redux/login/slice_20220521133606.ts create mode 100644 .history/redux/login/slice_20220521133609.ts create mode 100644 .history/redux/login/stock_20220520192816.ts create mode 100644 .history/redux/login/stock_20220520192858.ts create mode 100644 .history/redux/login/stock_20220520193046.ts create mode 100644 .history/redux/login/stock_20220521112955.ts create mode 100644 .history/redux/login/types_20220520192205.ts create mode 100644 .history/redux/login/types_20220520192425.ts create mode 100644 .history/redux/login/types_20220521112550.ts create mode 100644 .history/redux/login/types_20220521112645.ts create mode 100644 .history/redux/login/types_20220521112754.ts create mode 100644 .history/redux/login/types_20220521112824.ts create mode 100644 .history/redux/login/types_20220521112842.ts create mode 100644 .history/redux/login/types_20220521112915.ts create mode 100644 .history/redux/login/types_20220521113048.ts create mode 100644 .history/redux/login/types_20220521113128.ts create mode 100644 .history/redux/login/types_20220521113134.ts create mode 100644 .history/redux/login/types_20220521113430.ts create mode 100644 .history/redux/login/types_20220521113500.ts create mode 100644 .history/redux/login/types_20220521113519.ts create mode 100644 .history/redux/login/types_20220521113857.ts create mode 100644 .history/redux/login/types_20220521121341.ts create mode 100644 .history/redux/login/types_20220521132615.ts create mode 100644 .history/redux/login/types_20220521133228.ts create mode 100644 .history/redux/login/types_20220522130244.ts create mode 100644 .history/redux/pizza/selectors_20220529002858.ts create mode 100644 .history/redux/pizza/selectors_20220529002944.ts create mode 100644 .history/redux/pizza/selectors_20220529002948.ts create mode 100644 .history/redux/pizza/selectors_20220529002949.ts create mode 100644 .history/redux/pizza/slice_20220529002858.ts create mode 100644 .history/redux/pizza/slice_20220529003022.ts create mode 100644 .history/redux/pizza/slice_20220529003029.ts create mode 100644 .history/redux/pizza/slice_20220529003032.ts create mode 100644 .history/redux/pizza/slice_20220529003034.ts create mode 100644 .history/redux/pizza/slice_20220529003036.ts create mode 100644 .history/redux/pizza/slice_20220529003043.ts create mode 100644 .history/redux/pizza/slice_20220529003045.ts create mode 100644 .history/redux/pizza/slice_20220529003047.ts create mode 100644 .history/redux/pizza/slice_20220529003050.ts create mode 100644 .history/redux/pizza/slice_20220529003051.ts create mode 100644 .history/redux/pizza/slice_20220529003053.ts create mode 100644 .history/redux/pizza/slice_20220529003100.ts create mode 100644 .history/redux/pizza/slice_20220529003102.ts create mode 100644 .history/redux/pizza/slice_20220529003105.ts create mode 100644 .history/redux/pizza/slice_20220529003110.ts create mode 100644 .history/redux/pizza/slice_20220529003112.ts create mode 100644 .history/redux/pizza/slice_20220529003115.ts create mode 100644 .history/redux/pizza/slice_20220529003118.ts create mode 100644 .history/redux/pizza/slice_20220529003120.ts create mode 100644 .history/redux/pizza/slice_20220529003124.ts create mode 100644 .history/redux/pizza/slice_20220529003126.ts create mode 100644 .history/redux/pizza/slice_20220529003130.ts create mode 100644 .history/redux/pizza/slice_20220529003132.ts create mode 100644 .history/redux/pizza/slice_20220529003136.ts create mode 100644 .history/redux/pizza/slice_20220529003140.ts create mode 100644 .history/redux/pizza/slice_20220529003143.ts create mode 100644 .history/redux/pizza/slice_20220529003144.ts create mode 100644 .history/redux/pizza/slice_20220529003151.ts create mode 100644 .history/redux/pizza/slice_20220529003154.ts create mode 100644 .history/redux/pizza/slice_20220529003157.ts create mode 100644 .history/redux/pizza/slice_20220529003159.ts create mode 100644 .history/redux/pizza/slice_20220529003200.ts create mode 100644 .history/redux/pizza/slice_20220529003204.ts create mode 100644 .history/redux/pizza/slice_20220529003206.ts create mode 100644 .history/redux/pizza/slice_20220529003209.ts create mode 100644 .history/redux/pizza/slice_20220529003212.ts create mode 100644 .history/redux/pizza/slice_20220529003215.ts create mode 100644 .history/redux/pizza/slice_20220529003216.ts create mode 100644 .history/redux/pizza/slice_20220529003331.ts create mode 100644 .history/redux/pizza/slice_20220529003333.ts create mode 100644 .history/redux/pizza/slice_20220529003335.ts create mode 100644 .history/redux/pizza/slice_20220529003337.ts create mode 100644 .history/redux/pizza/slice_20220529003340.ts create mode 100644 .history/redux/pizza/slice_20220529003342.ts create mode 100644 .history/redux/pizza/slice_20220529003350.ts create mode 100644 .history/redux/pizza/slice_20220529003353.ts create mode 100644 .history/redux/pizza/stock_20220529002858.ts create mode 100644 .history/redux/pizza/stock_20220529003255.ts create mode 100644 .history/redux/pizza/stock_20220529003257.ts create mode 100644 .history/redux/pizza/stock_20220529003259.ts create mode 100644 .history/redux/pizza/stock_20220529003301.ts create mode 100644 .history/redux/pizza/stock_20220529003304.ts create mode 100644 .history/redux/pizza/stock_20220529003306.ts create mode 100644 .history/redux/pizza/stock_20220529003310.ts create mode 100644 .history/redux/pizza/stock_20220529003312.ts create mode 100644 .history/redux/pizza/stock_20220529003315.ts create mode 100644 .history/redux/pizza/stock_20220529003320.ts create mode 100644 .history/redux/pizza/stock_20220529003322.ts create mode 100644 .history/redux/pizza/stock_20220529003323.ts create mode 100644 .history/redux/pizza/stock_20220529141149.ts create mode 100644 .history/redux/pizza/types_20220529002858.ts create mode 100644 .history/redux/pizza/types_20220529003226.ts create mode 100644 .history/redux/pizza/types_20220529003228.ts create mode 100644 .history/redux/pizza/types_20220529003237.ts create mode 100644 .history/redux/pizza/types_20220529003239.ts create mode 100644 .history/redux/pizza/types_20220529003243.ts create mode 100644 .history/redux/pizza/types_20220529003245.ts create mode 100644 .history/redux/pizza/types_20220529003247.ts create mode 100644 .history/redux/pizza/types_20220529003248.ts create mode 100644 .history/redux/pizza/types_20220529003250.ts create mode 100644 .history/redux/pizza/types_20220529004156.ts create mode 100644 .history/redux/pizza/types_20220529004159.ts create mode 100644 .history/redux/pizza/types_20220529004201.ts create mode 100644 .history/redux/pizza/types_20220529004204.ts create mode 100644 .history/redux/pizza/types_20220529004211.ts create mode 100644 .history/redux/pizza/types_20220529004305.ts create mode 100644 .history/redux/pizza/types_20220529004307.ts create mode 100644 .history/redux/pizza/types_20220529004309.ts create mode 100644 .history/redux/pizza/types_20220529004343.ts create mode 100644 .history/redux/pizza/types_20220529004346.ts create mode 100644 .history/redux/pizza/types_20220529004922.ts create mode 100644 .history/redux/pizza/types_20220529004942.ts create mode 100644 .history/redux/pizza/types_20220617161309.ts create mode 100644 .history/redux/pizza/types_20220617161326.ts create mode 100644 .history/redux/pizzaToCart/index_20220615154726.ts create mode 100644 .history/redux/pizzaToCart/index_20220615155718.ts create mode 100644 .history/redux/pizzaToCart/selectors_20220615154737.ts create mode 100644 .history/redux/pizzaToCart/selectors_20220615154922.ts create mode 100644 .history/redux/pizzaToCart/slice_20220615154928.ts create mode 100644 .history/redux/pizzaToCart/slice_20220615155630.ts create mode 100644 .history/redux/pizzaToCart/stock_20220615155004.ts create mode 100644 .history/redux/pizzaToCart/stock_20220615155214.ts create mode 100644 .history/redux/pizzaToCart/stock_20220615161640.ts create mode 100644 .history/redux/pizzaToCart/stock_20220615161735.ts create mode 100644 .history/redux/pizzaToCart/stock_20220615161844.ts create mode 100644 .history/redux/pizzaToCart/stock_20220615161957.ts create mode 100644 .history/redux/pizzaToCart/stock_20220615162004.ts create mode 100644 .history/redux/pizzaToCart/stock_20220615162016.ts create mode 100644 .history/redux/pizzaToCart/stock_20220615162050.ts create mode 100644 .history/redux/pizzaToCart/stock_20220617162816.ts create mode 100644 .history/redux/pizzaToCart/types_20220615155011.ts create mode 100644 .history/redux/pizzaToCart/types_20220615155138.ts create mode 100644 .history/redux/pizzaToCart/types_20220615161032.ts create mode 100644 .history/redux/pizzaToCart/types_20220615164200.ts create mode 100644 .history/redux/pizzaToCart/types_20220616123747.ts create mode 100644 .history/redux/pizzaToCart/types_20220616123850.ts create mode 100644 .history/redux/stoke/index_20220529002617.ts create mode 100644 .history/redux/stoke/index_20220529002622.ts create mode 100644 .history/redux/stoke/index_20220529002625.ts create mode 100644 .history/redux/stoke/index_20220529002627.ts create mode 100644 .history/redux/stoke/index_20220529002631.ts create mode 100644 .history/redux/stoke/index_20220529002632.ts create mode 100644 .history/redux/stoke/index_20220529002636.ts create mode 100644 .history/redux/stoke/index_20220529002639.ts create mode 100644 .history/redux/stoke/index_20220529002641.ts create mode 100644 .history/redux/stoke/index_20220529002644.ts create mode 100644 .history/redux/stoke/index_20220529002648.ts create mode 100644 .history/redux/stoke/index_20220529002649.ts create mode 100644 .history/redux/stoke/index_20220529002650.ts create mode 100644 .history/redux/stoke/slice_20220518133432.ts create mode 100644 .history/redux/stoke/slice_20220528232346.ts create mode 100644 .history/redux/stoke/stock_20220518133602.ts create mode 100644 .history/redux/stoke/stock_20220518143147.ts create mode 100644 .history/redux/stoke/stock_20220518143207.ts create mode 100644 .history/redux/stoke/stock_20220518143216.ts create mode 100644 .history/redux/stoke/stock_20220518143226.ts create mode 100644 .history/redux/stoke/stock_20220518143321.ts create mode 100644 .history/redux/stoke/stock_20220518144026.ts create mode 100644 .history/redux/stoke/stock_20220518144528.ts create mode 100644 .history/redux/stoke/stock_20220518144551.ts create mode 100644 .history/redux/stoke/stock_20220518144602.ts create mode 100644 .history/redux/stoke/stock_20220520193057.ts create mode 100644 .history/redux/stoke/stock_20220522073628.ts create mode 100644 .history/redux/store_20220516224141.ts create mode 100644 .history/redux/store_20220518121406.ts create mode 100644 .history/redux/store_20220518121418.ts create mode 100644 .history/redux/store_20220518121450.ts create mode 100644 .history/redux/store_20220518121453.ts create mode 100644 .history/redux/store_20220518121538.ts create mode 100644 .history/redux/store_20220518121554.ts create mode 100644 .history/redux/store_20220518124455.ts create mode 100644 .history/redux/store_20220518124610.ts create mode 100644 .history/redux/store_20220518131820.ts create mode 100644 .history/redux/store_20220518131826.ts create mode 100644 .history/redux/store_20220518131926.ts create mode 100644 .history/redux/store_20220518131944.ts create mode 100644 .history/redux/store_20220518143023.ts create mode 100644 .history/redux/store_20220520192629.ts create mode 100644 .history/redux/store_20220520193120.ts create mode 100644 .history/redux/store_20220521113613.ts create mode 100644 .history/redux/store_20220528225510.ts create mode 100644 .history/redux/store_20220528225618.ts create mode 100644 .history/redux/store_20220529002955.ts create mode 100644 .history/redux/store_20220529003000.ts create mode 100644 .history/redux/store_20220529003003.ts create mode 100644 .history/redux/store_20220529003004.ts create mode 100644 .history/redux/store_20220529003008.ts create mode 100644 .history/redux/store_20220529003009.ts create mode 100644 .history/redux/store_20220615155707.ts create mode 100644 .history/server/db/connect_20220517174650.ts create mode 100644 .history/server/db/connect_20220517175340.ts create mode 100644 .history/server/db/connect_20220517175350.ts create mode 100644 .history/server/db/connect_20220517175415.ts create mode 100644 .history/server/db/connect_20220517190254.ts create mode 100644 .history/server/db/connect_20220517190334.ts create mode 100644 .history/server/db/connect_20220517190403.ts create mode 100644 .history/server/db/connect_20220517190427.ts create mode 100644 .history/server/db/connect_20220517191238.ts create mode 100644 .history/server/db/connect_20220517191246.ts create mode 100644 .history/server/db/connect_20220517191258.ts create mode 100644 .history/server/db/connect_20220517191449.ts create mode 100644 .history/server/db/connect_20220517191505.ts create mode 100644 .history/server/db/connect_20220517191529.ts create mode 100644 .history/server/db/connect_20220517191941.ts create mode 100644 .history/server/db/connect_20220517191950.ts create mode 100644 .history/server/db/connect_20220517192425.ts create mode 100644 .history/server/db/connect_20220518140312.ts create mode 100644 .history/server/db/connect_20220518140354.ts create mode 100644 .history/server/db/connect_20220530170956.ts create mode 100644 .history/server/db/connect_20220530170958.ts create mode 100644 .history/server/db/connect_20220530171000.ts create mode 100644 .history/server/db/connect_20220530171830.ts create mode 100644 .history/server/db/connect_20220530172650.ts create mode 100644 .history/server/db/connect_20220530172654.ts create mode 100644 .history/server/db/connect_20220530172700.ts create mode 100644 .history/server/db/index_20220518110228.ts create mode 100644 .history/server/db/index_20220518110258.ts create mode 100644 .history/server/db/index_20220518110324.ts create mode 100644 .history/server/db/select_20220518110309.ts create mode 100644 .history/server/db/select_20220518110341.ts create mode 100644 .history/server/db/select_20220518110629.ts create mode 100644 .history/server/db/select_20220518110647.ts create mode 100644 .history/server/db/select_20220518110757.ts create mode 100644 .history/server/types/customer_20220517193704.ts create mode 100644 .history/server/types/customer_20220517193713.ts create mode 100644 .history/server/types/customer_20220517193715.ts create mode 100644 .history/server/types/customer_20220517193745.ts create mode 100644 .history/server/types/customer_20220517193953.ts create mode 100644 .history/server/types/order_20220517193849.ts create mode 100644 .history/server/types/order_20220517193905.ts create mode 100644 .history/server/types/order_20220517194006.ts create mode 100644 .history/server/types/order_20220517194012.ts create mode 100644 .history/server/types/product_20220517193924.ts create mode 100644 .history/server/types/product_20220517194000.ts create mode 100644 .history/styles/components/Box_20220529002316.scss create mode 100644 .history/styles/components/Box_20220529002320.scss create mode 100644 .history/styles/components/Box_20220529002336.scss create mode 100644 .history/styles/components/Box_20220529002345.scss create mode 100644 .history/styles/components/Box_20220529002352.scss create mode 100644 .history/styles/components/Box_20220529002354.scss create mode 100644 .history/styles/components/Box_20220529002356.scss create mode 100644 .history/styles/components/Box_20220616161603.scss create mode 100644 .history/styles/components/Box_20220616161618.scss create mode 100644 .history/styles/components/Box_20220616161700.scss create mode 100644 .history/styles/components/Box_20220616163439.scss create mode 100644 .history/styles/components/CardPizza_20220529134225.scss create mode 100644 .history/styles/components/CardPizza_20220529134228.scss create mode 100644 .history/styles/components/CardPizza_20220529134233.scss create mode 100644 .history/styles/components/CardPizza_20220529134234.scss create mode 100644 .history/styles/components/CardPizza_20220529134236.scss create mode 100644 .history/styles/components/CardPizza_20220529134237.scss create mode 100644 .history/styles/components/CardPizza_20220529134239.scss create mode 100644 .history/styles/components/CardPizza_20220529134241.scss create mode 100644 .history/styles/components/CardPizza_20220529134243.scss create mode 100644 .history/styles/components/CardPizza_20220529134245.scss create mode 100644 .history/styles/components/CardPizza_20220529150903.scss create mode 100644 .history/styles/components/CardPizza_20220529150935.scss create mode 100644 .history/styles/components/CardPizza_20220529150937.scss create mode 100644 .history/styles/components/CardPizza_20220529150944.scss create mode 100644 .history/styles/components/CardPizza_20220529151026.scss create mode 100644 .history/styles/components/CardPizza_20220529151035.scss create mode 100644 .history/styles/components/CardStock_20220517174002.scss create mode 100644 .history/styles/components/CardStock_20220518141440.scss create mode 100644 .history/styles/components/CardStock_20220518141506.scss create mode 100644 .history/styles/components/CardStock_20220518142007.scss create mode 100644 .history/styles/components/CardStock_20220518142009.scss create mode 100644 .history/styles/components/CardStock_20220518142037.scss create mode 100644 .history/styles/components/CardStock_20220518142055.scss create mode 100644 .history/styles/components/CardStock_20220518142117.scss create mode 100644 .history/styles/components/CardStock_20220518142237.scss create mode 100644 .history/styles/components/Categories_20220528235004.scss create mode 100644 .history/styles/components/Categories_20220528235007.scss create mode 100644 .history/styles/components/Categories_20220528235015.scss create mode 100644 .history/styles/components/Categories_20220528235038.scss create mode 100644 .history/styles/components/Categories_20220528235041.scss create mode 100644 .history/styles/components/Categories_20220528235044.scss create mode 100644 .history/styles/components/Categories_20220528235104.scss create mode 100644 .history/styles/components/Categories_20220528235106.scss create mode 100644 .history/styles/components/Categories_20220528235108.scss create mode 100644 .history/styles/components/Categories_20220528235120.scss create mode 100644 .history/styles/components/Categories_20220528235125.scss create mode 100644 .history/styles/components/Categories_20220528235127.scss create mode 100644 .history/styles/components/Categories_20220528235128.scss create mode 100644 .history/styles/components/Categories_20220528235132.scss create mode 100644 .history/styles/components/Categories_20220528235136.scss create mode 100644 .history/styles/components/Categories_20220528235208.scss create mode 100644 .history/styles/components/Container_20220517171914.scss create mode 100644 .history/styles/components/Container_20220529144313.scss create mode 100644 .history/styles/components/Container_20220529144319.scss create mode 100644 .history/styles/components/Container_20220529144331.scss create mode 100644 .history/styles/components/Container_20220529144338.scss create mode 100644 .history/styles/components/Container_20220529144340.scss create mode 100644 .history/styles/components/Container_20220529144347.scss create mode 100644 .history/styles/components/Container_20220529144351.scss create mode 100644 .history/styles/components/Container_20220529144448.scss create mode 100644 .history/styles/components/Container_20220530181636.scss create mode 100644 .history/styles/components/Container_20220531141734.scss create mode 100644 .history/styles/components/Container_20220531141741.scss create mode 100644 .history/styles/components/Container_20220531141826.scss create mode 100644 .history/styles/components/Container_20220531141827.scss create mode 100644 .history/styles/components/Container_20220531141942.scss create mode 100644 .history/styles/components/Container_20220531142121.scss create mode 100644 .history/styles/components/Container_20220531142126.scss create mode 100644 .history/styles/components/Container_20220531142139.scss create mode 100644 .history/styles/components/Container_20220531142538.scss create mode 100644 .history/styles/components/Header_20220517155934.scss create mode 100644 .history/styles/components/Header_20220529152151.scss create mode 100644 .history/styles/components/Header_20220529153019.scss create mode 100644 .history/styles/components/Header_20220529153027.scss create mode 100644 .history/styles/components/Header_20220529153227.scss create mode 100644 .history/styles/components/Header_20220529153239.scss create mode 100644 .history/styles/components/Header_20220529153244.scss create mode 100644 .history/styles/components/Header_20220529153245.scss create mode 100644 .history/styles/components/Header_20220529153730.scss create mode 100644 .history/styles/components/Header_20220529153743.scss create mode 100644 .history/styles/components/Header_20220529153753.scss create mode 100644 .history/styles/components/Header_20220529153825.scss create mode 100644 .history/styles/components/Header_20220529153830.scss create mode 100644 .history/styles/components/Header_20220529153839.scss create mode 100644 .history/styles/components/Header_20220529153840.scss create mode 100644 .history/styles/components/Header_20220529153845.scss create mode 100644 .history/styles/components/Header_20220529153935.scss create mode 100644 .history/styles/components/Header_20220529153944.scss create mode 100644 .history/styles/components/Header_20220529154032.scss create mode 100644 .history/styles/components/Header_20220529154308.scss create mode 100644 .history/styles/components/Header_20220529154309.scss create mode 100644 .history/styles/components/Header_20220529154324.scss create mode 100644 .history/styles/components/Header_20220529154334.scss create mode 100644 .history/styles/components/Header_20220529154340.scss create mode 100644 .history/styles/components/Header_20220529154343.scss create mode 100644 .history/styles/components/Header_20220529154347.scss create mode 100644 .history/styles/components/Header_20220529154357.scss create mode 100644 .history/styles/components/Header_20220529154410.scss create mode 100644 .history/styles/components/Header_20220529154416.scss create mode 100644 .history/styles/components/Header_20220529154422.scss create mode 100644 .history/styles/components/Header_20220529154449.scss create mode 100644 .history/styles/components/Header_20220529154459.scss create mode 100644 .history/styles/components/Header_20220529154508.scss create mode 100644 .history/styles/components/Header_20220529154514.scss create mode 100644 .history/styles/components/Header_20220529154518.scss create mode 100644 .history/styles/components/Header_20220529154524.scss create mode 100644 .history/styles/components/Header_20220529154535.scss create mode 100644 .history/styles/components/Header_20220529154537.scss create mode 100644 .history/styles/components/Header_20220529154541.scss create mode 100644 .history/styles/components/Header_20220529154544.scss create mode 100644 .history/styles/components/Header_20220529154559.scss create mode 100644 .history/styles/components/Header_20220529154601.scss create mode 100644 .history/styles/components/Header_20220529154616.scss create mode 100644 .history/styles/components/Header_20220529154622.scss create mode 100644 .history/styles/components/Header_20220529154626.scss create mode 100644 .history/styles/components/Header_20220529154627.scss create mode 100644 .history/styles/components/Header_20220529154638.scss create mode 100644 .history/styles/components/Header_20220529154649.scss create mode 100644 .history/styles/components/Header_20220529154732.scss create mode 100644 .history/styles/components/Header_20220529154743.scss create mode 100644 .history/styles/components/Header_20220529154801.scss create mode 100644 .history/styles/components/Header_20220529154826.scss create mode 100644 .history/styles/components/Header_20220529154837.scss create mode 100644 .history/styles/components/Header_20220529154848.scss create mode 100644 .history/styles/components/Header_20220529154853.scss create mode 100644 .history/styles/components/Header_20220529154903.scss create mode 100644 .history/styles/components/Header_20220529154909.scss create mode 100644 .history/styles/components/Header_20220529154912.scss create mode 100644 .history/styles/components/Header_20220529154924.scss create mode 100644 .history/styles/components/Header_20220529154927.scss create mode 100644 .history/styles/components/Header_20220529154943.scss create mode 100644 .history/styles/components/Header_20220529154949.scss create mode 100644 .history/styles/components/Header_20220529154957.scss create mode 100644 .history/styles/components/Header_20220529155011.scss create mode 100644 .history/styles/components/Header_20220529155024.scss create mode 100644 .history/styles/components/Header_20220529155031.scss create mode 100644 .history/styles/components/Header_20220529155125.scss create mode 100644 .history/styles/components/Header_20220529155140.scss create mode 100644 .history/styles/components/Header_20220529155144.scss create mode 100644 .history/styles/components/Header_20220529155149.scss create mode 100644 .history/styles/components/Header_20220529155153.scss create mode 100644 .history/styles/components/Header_20220529155159.scss create mode 100644 .history/styles/components/Header_20220529155501.scss create mode 100644 .history/styles/components/Header_20220529155504.scss create mode 100644 .history/styles/components/Header_20220529155606.scss create mode 100644 .history/styles/components/Header_20220529155610.scss create mode 100644 .history/styles/components/Header_20220529155617.scss create mode 100644 .history/styles/components/Header_20220529155618.scss create mode 100644 .history/styles/components/Header_20220529155710.scss create mode 100644 .history/styles/components/Header_20220529155922.scss create mode 100644 .history/styles/components/Header_20220529155930.scss create mode 100644 .history/styles/components/Header_20220529155931.scss create mode 100644 .history/styles/components/Header_20220529155940.scss create mode 100644 .history/styles/components/Header_20220529155945.scss create mode 100644 .history/styles/components/Header_20220529155956.scss create mode 100644 .history/styles/components/Header_20220529160004.scss create mode 100644 .history/styles/components/Header_20220529160009.scss create mode 100644 .history/styles/components/Header_20220529160024.scss create mode 100644 .history/styles/components/Header_20220529160129.scss create mode 100644 .history/styles/components/Header_20220529160130.scss create mode 100644 .history/styles/components/Header_20220529160134.scss create mode 100644 .history/styles/components/Header_20220529160149.scss create mode 100644 .history/styles/components/Header_20220529160151.scss create mode 100644 .history/styles/components/Header_20220529160152.scss create mode 100644 .history/styles/components/Header_20220529160157.scss create mode 100644 .history/styles/components/Header_20220529160429.scss create mode 100644 .history/styles/components/Header_20220529160501.scss create mode 100644 .history/styles/components/Header_20220529160515.scss create mode 100644 .history/styles/components/Header_20220530175537.scss create mode 100644 .history/styles/components/Header_20220530175552.scss create mode 100644 .history/styles/components/Header_20220530175553.scss create mode 100644 .history/styles/components/Header_20220530175557.scss create mode 100644 .history/styles/components/Header_20220530175608.scss create mode 100644 .history/styles/components/Header_20220530175616.scss create mode 100644 .history/styles/components/Header_20220530175634.scss create mode 100644 .history/styles/components/Header_20220530175655.scss create mode 100644 .history/styles/components/Header_20220530175658.scss create mode 100644 .history/styles/components/Header_20220530175706.scss create mode 100644 .history/styles/components/Header_20220530175709.scss create mode 100644 .history/styles/components/Header_20220530175820.scss create mode 100644 .history/styles/components/Header_20220530180023.scss create mode 100644 .history/styles/components/Header_20220530180050.scss create mode 100644 .history/styles/components/Header_20220530182037.scss create mode 100644 .history/styles/components/Header_20220530182044.scss create mode 100644 .history/styles/components/Header_20220530182052.scss create mode 100644 .history/styles/components/Header_20220530182059.scss create mode 100644 .history/styles/components/Header_20220530182123.scss create mode 100644 .history/styles/components/Header_20220530182125.scss create mode 100644 .history/styles/components/Header_20220530182128.scss create mode 100644 .history/styles/components/Header_20220530182130.scss create mode 100644 .history/styles/components/Header_20220530182135.scss create mode 100644 .history/styles/components/Header_20220530182154.scss create mode 100644 .history/styles/components/Header_20220530182159.scss create mode 100644 .history/styles/components/Header_20220530182203.scss create mode 100644 .history/styles/components/Header_20220530182204.scss create mode 100644 .history/styles/components/Header_20220530182206.scss create mode 100644 .history/styles/components/Header_20220530182212.scss create mode 100644 .history/styles/components/Header_20220530182216.scss create mode 100644 .history/styles/components/Header_20220530182218.scss create mode 100644 .history/styles/components/Header_20220530182221.scss create mode 100644 .history/styles/components/Header_20220530182227.scss create mode 100644 .history/styles/components/Header_20220530182228.scss create mode 100644 .history/styles/components/Header_20220530182233.scss create mode 100644 .history/styles/components/Header_20220530182619.scss create mode 100644 .history/styles/components/Header_20220530182629.scss create mode 100644 .history/styles/components/Header_20220530182633.scss create mode 100644 .history/styles/components/Header_20220530182634.scss create mode 100644 .history/styles/components/Header_20220530182637.scss create mode 100644 .history/styles/components/Header_20220530182710.scss create mode 100644 .history/styles/components/Header_20220530182740.scss create mode 100644 .history/styles/components/Header_20220530182741.scss create mode 100644 .history/styles/components/Header_20220530182754.scss create mode 100644 .history/styles/components/Header_20220530182811.scss create mode 100644 .history/styles/components/Header_20220530182814.scss create mode 100644 .history/styles/components/Header_20220530183123.scss create mode 100644 .history/styles/components/Header_20220530183127.scss create mode 100644 .history/styles/components/Header_20220530183354.scss create mode 100644 .history/styles/components/Header_20220530183358.scss create mode 100644 .history/styles/components/Header_20220530183401.scss create mode 100644 .history/styles/components/Header_20220530183406.scss create mode 100644 .history/styles/components/Header_20220530183507.scss create mode 100644 .history/styles/components/Header_20220530183516.scss create mode 100644 .history/styles/components/Header_20220530183721.scss create mode 100644 .history/styles/components/Header_20220530183734.scss create mode 100644 .history/styles/components/Header_20220530183736.scss create mode 100644 .history/styles/components/Header_20220530183749.scss create mode 100644 .history/styles/components/Header_20220530183750.scss create mode 100644 .history/styles/components/Header_20220530183752.scss create mode 100644 .history/styles/components/Header_20220530183800.scss create mode 100644 .history/styles/components/Header_20220530183802.scss create mode 100644 .history/styles/components/Header_20220530183804.scss create mode 100644 .history/styles/components/Header_20220530183806.scss create mode 100644 .history/styles/components/Header_20220530183842.scss create mode 100644 .history/styles/components/Header_20220530183855.scss create mode 100644 .history/styles/components/Header_20220530183907.scss create mode 100644 .history/styles/components/Header_20220530183909.scss create mode 100644 .history/styles/components/Header_20220531142728.scss create mode 100644 .history/styles/components/Header_20220531142730.scss create mode 100644 .history/styles/components/Header_20220531142737.scss create mode 100644 .history/styles/components/Header_20220531142750.scss create mode 100644 .history/styles/components/Header_20220531142755.scss create mode 100644 .history/styles/components/Header_20220531142802.scss create mode 100644 .history/styles/components/Header_20220531142826.scss create mode 100644 .history/styles/components/Header_20220531142827.scss create mode 100644 .history/styles/components/Header_20220615035952.scss create mode 100644 .history/styles/components/Header_20220615040003.scss create mode 100644 .history/styles/components/Header_20220615040009.scss create mode 100644 .history/styles/components/Header_20220615040029.scss create mode 100644 .history/styles/components/Header_20220617163154.scss create mode 100644 .history/styles/components/Login_20220520131958.scss create mode 100644 .history/styles/components/Login_20220520132017.scss create mode 100644 .history/styles/components/Login_20220520132058.scss create mode 100644 .history/styles/components/Login_20220520132218.scss create mode 100644 .history/styles/components/MottoBlock_20220528233728.scss create mode 100644 .history/styles/components/MottoBlock_20220528233746.scss create mode 100644 .history/styles/components/MottoBlock_20220528233801.scss create mode 100644 .history/styles/components/MottoBlock_20220528233802.scss create mode 100644 .history/styles/components/MottoBlock_20220528233912.scss create mode 100644 .history/styles/components/MottoBlock_20220528233915.scss create mode 100644 .history/styles/components/MottoBlock_20220528233920.scss create mode 100644 .history/styles/components/MottoBlock_20220528233924.scss create mode 100644 .history/styles/components/MottoBlock_20220528233930.scss create mode 100644 .history/styles/components/MottoBlock_20220528234052.scss create mode 100644 .history/styles/components/MottoBlock_20220528234357.scss create mode 100644 .history/styles/components/MottoBlock_20220528234358.scss create mode 100644 .history/styles/components/MottoBlock_20220529144754.scss create mode 100644 .history/styles/components/MottoBlock_20220529144757.scss create mode 100644 .history/styles/components/MottoBlock_20220529144820.scss create mode 100644 .history/styles/components/MottoBlock_20220529144822.scss create mode 100644 .history/styles/components/MottoBlock_20220529144823.scss create mode 100644 .history/styles/components/MottoBlock_20220529152902.scss create mode 100644 .history/styles/components/UX/ButtonImg_20220529143512.scss create mode 100644 .history/styles/components/UX/ButtonImg_20220529143515.scss create mode 100644 .history/styles/components/UX/ButtonImg_20220529143518.scss create mode 100644 .history/styles/components/UX/ButtonImg_20220529143531.scss create mode 100644 .history/styles/components/UX/Button_20220520132903.scss create mode 100644 .history/styles/components/UX/Button_20220520132911.scss create mode 100644 .history/styles/components/UX/Button_20220520133451.scss create mode 100644 .history/styles/components/UX/Button_20220520133502.scss create mode 100644 .history/styles/components/UX/Button_20220520133509.scss create mode 100644 .history/styles/components/UX/Button_20220520133511.scss create mode 100644 .history/styles/components/UX/Button_20220528234610.scss create mode 100644 .history/styles/components/UX/Button_20220529142826.scss create mode 100644 .history/styles/components/UX/Button_20220529142829.scss create mode 100644 .history/styles/components/UX/Button_20220529142831.scss create mode 100644 .history/styles/components/UX/Button_20220529142834.scss create mode 100644 .history/styles/components/UX/Button_20220529142835.scss create mode 100644 .history/styles/components/UX/Button_20220529143035.scss create mode 100644 .history/styles/components/UX/Button_20220529143046.scss create mode 100644 .history/styles/components/UX/Button_20220529143058.scss create mode 100644 .history/styles/components/UX/Button_20220529143059.scss create mode 100644 .history/styles/components/UX/Button_20220529143138.scss create mode 100644 .history/styles/components/UX/Button_20220529143227.scss create mode 100644 .history/styles/components/UX/Button_20220529143229.scss create mode 100644 .history/styles/components/UX/Button_20220529143232.scss create mode 100644 .history/styles/components/UX/Button_20220529143233.scss create mode 100644 .history/styles/components/UX/Button_20220529143247.scss create mode 100644 .history/styles/components/UX/Button_20220529143249.scss create mode 100644 .history/styles/components/UX/Button_20220529143251.scss create mode 100644 .history/styles/components/UX/Button_20220529143253.scss create mode 100644 .history/styles/components/UX/Button_20220529143258.scss create mode 100644 .history/styles/components/UX/Button_20220529143302.scss create mode 100644 .history/styles/components/UX/Button_20220529143321.scss create mode 100644 .history/styles/components/UX/Button_20220529143333.scss create mode 100644 .history/styles/components/UX/Button_20220529143334.scss create mode 100644 .history/styles/components/UX/Button_20220529143344.scss create mode 100644 .history/styles/components/UX/Button_20220529143353.scss create mode 100644 .history/styles/components/UX/Button_20220529143408.scss create mode 100644 .history/styles/components/UX/Button_20220529143409.scss create mode 100644 .history/styles/components/UX/Button_20220529143410.scss create mode 100644 .history/styles/components/UX/Button_20220529143417.scss create mode 100644 .history/styles/components/UX/Button_20220529143428.scss create mode 100644 .history/styles/components/UX/Button_20220529143535.scss create mode 100644 .history/styles/components/UX/Button_20220530182005.scss create mode 100644 .history/styles/components/UX/Button_20220615035048.scss create mode 100644 .history/styles/components/UX/Button_20220616185713.scss create mode 100644 .history/styles/components/UX/Button_20220616185806.scss create mode 100644 .history/styles/components/UX/Button_20220616185837.scss create mode 100644 .history/styles/components/UX/Button_20220616185848.scss create mode 100644 .history/styles/components/UX/Button_20220616185911.scss create mode 100644 .history/styles/components/UX/Button_20220616190207.scss create mode 100644 .history/styles/components/UX/Button_20220616211857.scss create mode 100644 .history/styles/components/UX/Button_20220616212215.scss create mode 100644 .history/styles/components/UX/Button_20220616212520.scss create mode 100644 .history/styles/components/UX/Button_20220616212532.scss create mode 100644 .history/styles/components/UX/Button_20220616212601.scss create mode 100644 .history/styles/components/UX/Button_20220616215537.scss create mode 100644 .history/styles/components/UX/Button_20220617160950.scss create mode 100644 .history/styles/components/UX/Button_20220617161021.scss create mode 100644 .history/styles/components/UX/Button_20220617161054.scss create mode 100644 .history/styles/components/UX/Button_20220617161133.scss create mode 100644 .history/styles/components/UX/Button_20220617163846.scss create mode 100644 .history/styles/components/UX/Button_20220617163857.scss create mode 100644 .history/styles/components/UX/Button_20220617164009.scss create mode 100644 .history/styles/components/UX/Button_20220617164039.scss create mode 100644 .history/styles/components/UX/Input_20220520132802.scss create mode 100644 .history/styles/components/UX/Input_20220520132815.scss create mode 100644 .history/styles/components/UX/Modal_20220603173639.scss create mode 100644 .history/styles/components/UX/Modal_20220603174245.scss create mode 100644 .history/styles/components/UX/Modal_20220603175225.scss create mode 100644 .history/styles/components/UX/Modal_20220616142620.scss create mode 100644 .history/styles/components/UX/Modal_20220616142709.scss create mode 100644 .history/styles/components/UX/Modal_20220616142830.scss create mode 100644 .history/styles/components/UX/Modal_20220616142855.scss create mode 100644 .history/styles/components/UX/Modal_20220616142923.scss create mode 100644 .history/styles/components/UX/Modal_20220616185749.scss create mode 100644 .history/styles/components/UX/Modal_20220616185751.scss create mode 100644 .history/styles/components/UX/Modal_20220616185818.scss create mode 100644 .history/styles/components/UX/Modal_20220616190240.scss create mode 100644 .history/styles/components/UX/Modal_20220616190425.scss create mode 100644 .history/styles/components/UX/Modal_20220617161710.scss create mode 100644 .history/styles/components/UX/Modal_20220617162012.scss create mode 100644 .history/styles/components/UX/Modal_20220617162137.scss create mode 100644 .history/styles/components/UX/Modal_20220617162217.scss create mode 100644 .history/styles/components/UX/Modal_20220617163551.scss create mode 100644 .history/styles/components/UX/Modal_20220618083958.scss create mode 100644 .history/styles/components/UX/Modal_20220618102503.scss create mode 100644 .history/styles/components/UX/Modal_20220618104347.scss create mode 100644 .history/styles/components/UX/Modal_20220618145857.scss create mode 100644 .history/styles/components/UX/PictureText_20220530191056.scss create mode 100644 .history/styles/components/UX/PictureText_20220530191111.scss create mode 100644 .history/styles/components/UX/PictureText_20220530192315.scss create mode 100644 .history/styles/components/UX/PictureText_20220530192317.scss create mode 100644 .history/styles/components/UX/PictureText_20220530192319.scss create mode 100644 .history/styles/components/UX/PictureText_20220530192323.scss create mode 100644 .history/styles/components/UX/PictureText_20220530192326.scss create mode 100644 .history/styles/components/UX/PictureText_20220530192327.scss create mode 100644 .history/styles/components/UX/PictureText_20220530192359.scss create mode 100644 .history/styles/components/UX/PictureText_20220530192417.scss create mode 100644 .history/styles/components/block/CardBasketProduct_20220618083013.scss create mode 100644 .history/styles/components/block/CardBasketProduct_20220618083044.scss create mode 100644 .history/styles/components/block/CardBasketProduct_20220618144905.scss create mode 100644 .history/styles/components/block/CardBasketProduct_20220618145144.scss create mode 100644 .history/styles/components/block/CardPizza_20220529151034.scss create mode 100644 .history/styles/components/block/CardPizza_20220530180959.scss create mode 100644 .history/styles/components/block/Cart_20220618081317.scss create mode 100644 .history/styles/components/block/Cart_20220618081408.scss create mode 100644 .history/styles/components/block/Cart_20220618081915.scss create mode 100644 .history/styles/components/block/Cart_20220618082416.scss create mode 100644 .history/styles/components/block/Cart_20220618083423.scss create mode 100644 .history/styles/components/block/Cart_20220618083535.scss create mode 100644 .history/styles/components/block/Cart_20220618084101.scss create mode 100644 .history/styles/components/block/Cart_20220618084158.scss create mode 100644 .history/styles/components/block/Cart_20220618084223.scss create mode 100644 .history/styles/components/block/Cart_20220618101632.scss create mode 100644 .history/styles/components/block/Cart_20220618102221.scss create mode 100644 .history/styles/components/block/Cart_20220618102418.scss create mode 100644 .history/styles/components/block/Cart_20220618105947.scss create mode 100644 .history/styles/components/block/Cart_20220618105959.scss create mode 100644 .history/styles/components/block/Cart_20220618110004.scss create mode 100644 .history/styles/components/block/Cart_20220618110009.scss create mode 100644 .history/styles/components/block/Cart_20220618110146.scss create mode 100644 .history/styles/components/block/Cart_20220618110215.scss create mode 100644 .history/styles/components/block/Cart_20220618110943.scss create mode 100644 .history/styles/components/block/Cart_20220618110948.scss create mode 100644 .history/styles/components/block/Cart_20220618111018.scss create mode 100644 .history/styles/components/block/Cart_20220618111052.scss create mode 100644 .history/styles/components/block/Cart_20220618111059.scss create mode 100644 .history/styles/components/block/Cart_20220618111241.scss create mode 100644 .history/styles/components/block/Cart_20220618111250.scss create mode 100644 .history/styles/components/block/Cart_20220618111259.scss create mode 100644 .history/styles/components/block/Cart_20220618143440.scss create mode 100644 .history/styles/components/block/Cart_20220618144725.scss create mode 100644 .history/styles/components/block/DeliveryArea_20220531161322.scss create mode 100644 .history/styles/components/block/DeliveryArea_20220531161326.scss create mode 100644 .history/styles/components/block/DeliveryArea_20220531161329.scss create mode 100644 .history/styles/components/block/DeliveryArea_20220531161332.scss create mode 100644 .history/styles/components/block/DeliveryArea_20220531161337.scss create mode 100644 .history/styles/components/block/DeliveryArea_20220531161338.scss create mode 100644 .history/styles/components/block/DeliveryArea_20220531161349.scss create mode 100644 .history/styles/components/block/DeliveryArea_20220531161350.scss create mode 100644 .history/styles/components/block/FooterNav_20220530193439.scss create mode 100644 .history/styles/components/block/FooterNav_20220530193514.scss create mode 100644 .history/styles/components/block/FooterNav_20220530193515.scss create mode 100644 .history/styles/components/block/FooterNav_20220530193523.scss create mode 100644 .history/styles/components/block/FooterNav_20220530193525.scss create mode 100644 .history/styles/components/block/FooterNav_20220530193910.scss create mode 100644 .history/styles/components/block/FooterNav_20220530193913.scss create mode 100644 .history/styles/components/block/FooterNav_20220530193914.scss create mode 100644 .history/styles/components/block/FooterNav_20220530193916.scss create mode 100644 .history/styles/components/block/FooterNav_20220530193921.scss create mode 100644 .history/styles/components/block/FooterNav_20220530193939.scss create mode 100644 .history/styles/components/block/FooterNav_20220530193940.scss create mode 100644 .history/styles/components/block/FooterNav_20220530193943.scss create mode 100644 .history/styles/components/block/FooterNav_20220530193946.scss create mode 100644 .history/styles/components/block/FooterNav_20220530193949.scss create mode 100644 .history/styles/components/block/FooterNav_20220530193952.scss create mode 100644 .history/styles/components/block/FooterNav_20220530193955.scss create mode 100644 .history/styles/components/block/FooterNav_20220530193957.scss create mode 100644 .history/styles/components/block/FooterNav_20220530193958.scss create mode 100644 .history/styles/components/block/FooterNav_20220530193959.scss create mode 100644 .history/styles/components/block/FooterNav_20220530194001.scss create mode 100644 .history/styles/components/block/FooterNav_20220530194002.scss create mode 100644 .history/styles/components/block/FooterNav_20220530194005.scss create mode 100644 .history/styles/components/block/FooterNav_20220531133432.scss create mode 100644 .history/styles/components/block/FooterNav_20220531133440.scss create mode 100644 .history/styles/components/block/FooterNav_20220531134039.scss create mode 100644 .history/styles/components/block/FooterNav_20220531134043.scss create mode 100644 .history/styles/components/block/FooterNav_20220531134046.scss create mode 100644 .history/styles/components/block/FooterNav_20220531134048.scss create mode 100644 .history/styles/components/block/FooterNav_20220531134049.scss create mode 100644 .history/styles/components/block/FooterNav_20220531134052.scss create mode 100644 .history/styles/components/block/FooterNav_20220531134055.scss create mode 100644 .history/styles/components/block/FooterNav_20220531134057.scss create mode 100644 .history/styles/components/block/FooterNav_20220531134059.scss create mode 100644 .history/styles/components/block/FooterNav_20220531134151.scss create mode 100644 .history/styles/components/block/FooterNav_20220531134234.scss create mode 100644 .history/styles/components/block/FooterNav_20220531134236.scss create mode 100644 .history/styles/components/block/FooterNav_20220531134239.scss create mode 100644 .history/styles/components/block/FooterNav_20220531134241.scss create mode 100644 .history/styles/components/block/FooterNav_20220531134334.scss create mode 100644 .history/styles/components/block/FooterNav_20220531134337.scss create mode 100644 .history/styles/components/block/FooterNav_20220531134338.scss create mode 100644 .history/styles/components/block/FooterNav_20220531134513.scss create mode 100644 .history/styles/components/block/FooterNav_20220531134536.scss create mode 100644 .history/styles/components/block/FooterNav_20220531134621.scss create mode 100644 .history/styles/components/block/FooterNav_20220531134622.scss create mode 100644 .history/styles/components/block/FooterNav_20220531134626.scss create mode 100644 .history/styles/components/block/FooterNav_20220531134635.scss create mode 100644 .history/styles/components/block/FooterNav_20220531134638.scss create mode 100644 .history/styles/components/block/FooterNav_20220531134646.scss create mode 100644 .history/styles/components/block/FooterNav_20220531134650.scss create mode 100644 .history/styles/components/block/FooterNav_20220531134653.scss create mode 100644 .history/styles/components/block/FooterNav_20220531134703.scss create mode 100644 .history/styles/components/block/FooterNav_20220531134704.scss create mode 100644 .history/styles/components/block/FooterNav_20220531134715.scss create mode 100644 .history/styles/components/block/FooterNav_20220531134745.scss create mode 100644 .history/styles/components/block/FooterNav_20220531134748.scss create mode 100644 .history/styles/components/block/FooterNav_20220531134750.scss create mode 100644 .history/styles/components/block/FooterNav_20220531134751.scss create mode 100644 .history/styles/components/block/FooterNav_20220531134753.scss create mode 100644 .history/styles/components/block/FooterNav_20220531134757.scss create mode 100644 .history/styles/components/block/FooterNav_20220531134813.scss create mode 100644 .history/styles/components/block/FooterNav_20220531134815.scss create mode 100644 .history/styles/components/block/FooterNav_20220531134820.scss create mode 100644 .history/styles/components/block/FooterNav_20220531134823.scss create mode 100644 .history/styles/components/block/FooterNav_20220531134826.scss create mode 100644 .history/styles/components/block/FooterNav_20220531134829.scss create mode 100644 .history/styles/components/block/FooterNav_20220531134830.scss create mode 100644 .history/styles/components/block/FooterNav_20220531134831.scss create mode 100644 .history/styles/components/block/FooterNav_20220531134838.scss create mode 100644 .history/styles/components/block/FooterNav_20220531134843.scss create mode 100644 .history/styles/components/block/FooterNav_20220531134847.scss create mode 100644 .history/styles/components/block/FooterNav_20220531134858.scss create mode 100644 .history/styles/components/block/FooterNav_20220531134928.scss create mode 100644 .history/styles/components/block/FooterNav_20220531134929.scss create mode 100644 .history/styles/components/block/FooterNav_20220531134931.scss create mode 100644 .history/styles/components/block/FooterNav_20220531134933.scss create mode 100644 .history/styles/components/block/FooterNav_20220531134938.scss create mode 100644 .history/styles/components/block/FooterNav_20220531134959.scss create mode 100644 .history/styles/components/block/FooterNav_20220531135019.scss create mode 100644 .history/styles/components/block/FooterNav_20220531135021.scss create mode 100644 .history/styles/components/block/FooterNav_20220531135029.scss create mode 100644 .history/styles/components/block/FooterNav_20220531135031.scss create mode 100644 .history/styles/components/block/FooterNav_20220531135040.scss create mode 100644 .history/styles/components/block/FooterNav_20220531135041.scss create mode 100644 .history/styles/components/block/FooterNav_20220531135053.scss create mode 100644 .history/styles/components/block/FooterNav_20220531135057.scss create mode 100644 .history/styles/components/block/FooterNav_20220531135059.scss create mode 100644 .history/styles/components/block/FooterNav_20220531135103.scss create mode 100644 .history/styles/components/block/FooterNav_20220531135108.scss create mode 100644 .history/styles/components/block/FooterNav_20220531135112.scss create mode 100644 .history/styles/components/block/FooterNav_20220531135114.scss create mode 100644 .history/styles/components/block/FooterNav_20220531135116.scss create mode 100644 .history/styles/components/block/FooterNav_20220531135120.scss create mode 100644 .history/styles/components/block/FooterNav_20220531135140.scss create mode 100644 .history/styles/components/block/FooterNav_20220531135142.scss create mode 100644 .history/styles/components/block/FooterNav_20220531135146.scss create mode 100644 .history/styles/components/block/FooterNav_20220531135201.scss create mode 100644 .history/styles/components/block/FooterNav_20220531135204.scss create mode 100644 .history/styles/components/block/FooterNav_20220531135430.scss create mode 100644 .history/styles/components/block/FooterNav_20220531135432.scss create mode 100644 .history/styles/components/block/FooterNav_20220531135435.scss create mode 100644 .history/styles/components/block/FooterNav_20220531135448.scss create mode 100644 .history/styles/components/block/FooterNav_20220531135505.scss create mode 100644 .history/styles/components/block/FooterNav_20220531135508.scss create mode 100644 .history/styles/components/block/FooterNav_20220531135516.scss create mode 100644 .history/styles/components/block/FooterNav_20220531135520.scss create mode 100644 .history/styles/components/block/FooterNav_20220531135555.scss create mode 100644 .history/styles/components/block/FooterNav_20220531135614.scss create mode 100644 .history/styles/components/block/FooterNav_20220531135619.scss create mode 100644 .history/styles/components/block/FooterNav_20220531135627.scss create mode 100644 .history/styles/components/block/FooterNav_20220531135633.scss create mode 100644 .history/styles/components/block/FooterNav_20220531135636.scss create mode 100644 .history/styles/components/block/FooterNav_20220531135656.scss create mode 100644 .history/styles/components/block/FooterNav_20220531135657.scss create mode 100644 .history/styles/components/block/FooterNav_20220531135659.scss create mode 100644 .history/styles/components/block/FooterNav_20220531135723.scss create mode 100644 .history/styles/components/block/FooterNav_20220531135730.scss create mode 100644 .history/styles/components/block/FooterNav_20220531141044.scss create mode 100644 .history/styles/components/block/FooterNav_20220531143516.scss create mode 100644 .history/styles/components/block/FooterNav_20220531143518.scss create mode 100644 .history/styles/components/block/FooterNav_20220531143523.scss create mode 100644 .history/styles/components/block/FooterNav_20220531143548.scss create mode 100644 .history/styles/components/block/FooterNav_20220531143552.scss create mode 100644 .history/styles/components/block/FooterNav_20220531143555.scss create mode 100644 .history/styles/components/block/FooterNav_20220531143557.scss create mode 100644 .history/styles/components/block/FooterNav_20220531143601.scss create mode 100644 .history/styles/components/block/FooterNav_20220531143603.scss create mode 100644 .history/styles/components/block/FooterNav_20220531143608.scss create mode 100644 .history/styles/components/block/FooterNav_20220531143613.scss create mode 100644 .history/styles/components/block/FooterNav_20220531143714.scss create mode 100644 .history/styles/components/block/FooterNav_20220531143715.scss create mode 100644 .history/styles/components/block/FooterNav_20220531143717.scss create mode 100644 .history/styles/components/block/FooterNav_20220531143726.scss create mode 100644 .history/styles/components/block/FooterNav_20220531143729.scss create mode 100644 .history/styles/components/block/FooterNav_20220531143842.scss create mode 100644 .history/styles/components/block/FooterNav_20220531143843.scss create mode 100644 .history/styles/components/block/FooterNav_20220531143845.scss create mode 100644 .history/styles/components/block/FooterNav_20220531143847.scss create mode 100644 .history/styles/components/block/FooterNav_20220531143848.scss create mode 100644 .history/styles/components/block/FooterNav_20220531143850.scss create mode 100644 .history/styles/components/block/FooterNav_20220531143854.scss create mode 100644 .history/styles/components/block/FooterNav_20220531143857.scss create mode 100644 .history/styles/components/block/FooterNav_20220531143909.scss create mode 100644 .history/styles/components/block/FooterNav_20220531143911.scss create mode 100644 .history/styles/components/block/FooterNav_20220531143916.scss create mode 100644 .history/styles/components/block/FooterNav_20220531143928.scss create mode 100644 .history/styles/components/block/FooterNav_20220531143929.scss create mode 100644 .history/styles/components/block/FooterNav_20220531143954.scss create mode 100644 .history/styles/components/block/FooterNav_20220531144906.scss create mode 100644 .history/styles/components/block/FooterNav_20220531144913.scss create mode 100644 .history/styles/components/block/FooterNav_20220531144920.scss create mode 100644 .history/styles/components/block/FooterNav_20220531144924.scss create mode 100644 .history/styles/components/block/FooterNav_20220531144926.scss create mode 100644 .history/styles/components/block/FooterNav_20220531144929.scss create mode 100644 .history/styles/components/block/FooterNav_20220531145032.scss create mode 100644 .history/styles/components/block/FooterNav_20220531145221.scss create mode 100644 .history/styles/components/block/FooterNav_20220531145223.scss create mode 100644 .history/styles/components/block/FooterNav_20220531145231.scss create mode 100644 .history/styles/components/block/FooterNav_20220531145237.scss create mode 100644 .history/styles/components/block/FooterNav_20220531145318.scss create mode 100644 .history/styles/components/block/FooterNav_20220531151315.scss create mode 100644 .history/styles/components/block/FooterNav_20220531151320.scss create mode 100644 .history/styles/components/block/FooterNav_20220531151322.scss create mode 100644 .history/styles/components/block/FooterNav_20220531151324.scss create mode 100644 .history/styles/components/block/FooterNav_20220616191019.scss create mode 100644 .history/styles/components/block/Footer_20220530193345.scss create mode 100644 .history/styles/components/block/Footer_20220530193348.scss create mode 100644 .history/styles/components/block/Footer_20220530193351.scss create mode 100644 .history/styles/components/block/Footer_20220530193352.scss create mode 100644 .history/styles/components/block/Footer_20220530193357.scss create mode 100644 .history/styles/components/block/Footer_20220530193359.scss create mode 100644 .history/styles/components/block/Footer_20220530193402.scss create mode 100644 .history/styles/components/block/Footer_20220531151822.scss create mode 100644 .history/styles/components/block/Footer_20220531151905.scss create mode 100644 .history/styles/components/block/Ingredients_20220616135653.scss create mode 100644 .history/styles/components/block/Ingredients_20220616135701.scss create mode 100644 .history/styles/components/block/Ingredients_20220616135832.scss create mode 100644 .history/styles/components/block/Ingredients_20220616135906.scss create mode 100644 .history/styles/components/block/Ingredients_20220616140750.scss create mode 100644 .history/styles/components/block/Ingredients_20220616142241.scss create mode 100644 .history/styles/components/block/Ingredients_20220616143504.scss create mode 100644 .history/styles/components/block/Ingredients_20220616143515.scss create mode 100644 .history/styles/components/block/Ingredients_20220616163905.scss create mode 100644 .history/styles/components/block/Ingredients_20220616191623.scss create mode 100644 .history/styles/components/block/Ingredients_20220616192024.scss create mode 100644 .history/styles/components/block/Ingredients_20220616192122.scss create mode 100644 .history/styles/components/block/Ingredients_20220616192156.scss create mode 100644 .history/styles/components/block/Ingredients_20220616192201.scss create mode 100644 .history/styles/components/block/Ingredients_20220616192206.scss create mode 100644 .history/styles/components/block/Ingredients_20220616192211.scss create mode 100644 .history/styles/components/block/Ingredients_20220616192214.scss create mode 100644 .history/styles/components/block/Ingredients_20220616192218.scss create mode 100644 .history/styles/components/block/Ingredients_20220616192243.scss create mode 100644 .history/styles/components/block/Ingredients_20220616192302.scss create mode 100644 .history/styles/components/block/Ingredients_20220616192315.scss create mode 100644 .history/styles/components/block/Ingredients_20220616192342.scss create mode 100644 .history/styles/components/block/Ingredients_20220616192348.scss create mode 100644 .history/styles/components/block/Ingredients_20220616192415.scss create mode 100644 .history/styles/components/block/Ingredients_20220616192419.scss create mode 100644 .history/styles/components/block/Ingredients_20220616192428.scss create mode 100644 .history/styles/components/block/Ingredients_20220616192435.scss create mode 100644 .history/styles/components/block/Ingredients_20220616192453.scss create mode 100644 .history/styles/components/block/Ingredients_20220616192612.scss create mode 100644 .history/styles/components/block/Ingredients_20220616215542.scss create mode 100644 .history/styles/components/block/Ingredients_20220616215609.scss create mode 100644 .history/styles/components/block/Ingredients_20220616215625.scss create mode 100644 .history/styles/components/block/Ingredients_20220616215649.scss create mode 100644 .history/styles/components/block/Ingredients_20220616220256.scss create mode 100644 .history/styles/components/block/Ingredients_20220616220814.scss create mode 100644 .history/styles/components/block/Ingredients_20220616220828.scss create mode 100644 .history/styles/components/block/Ingredients_20220616220944.scss create mode 100644 .history/styles/components/block/Ingredients_20220617110314.scss create mode 100644 .history/styles/components/block/Ingredients_20220617110949.scss create mode 100644 .history/styles/components/block/Ingredients_20220617111519.scss create mode 100644 .history/styles/components/block/Ingredients_20220617111702.scss create mode 100644 .history/styles/components/block/Motto_20220529152901.scss create mode 100644 .history/styles/components/block/Motto_20220617163219.scss create mode 100644 .history/styles/components/block/Motto_20220617163236.scss create mode 100644 .history/styles/components/block/Motto_20220617163245.scss create mode 100644 .history/styles/components/block/PizzaCard_20220603175515.scss create mode 100644 .history/styles/components/block/PizzaCard_20220603175522.scss create mode 100644 .history/styles/components/block/PizzaCard_20220603175531.scss create mode 100644 .history/styles/components/block/PizzaCard_20220615043759.scss create mode 100644 .history/styles/components/block/PizzaCard_20220615043815.scss create mode 100644 .history/styles/components/block/PizzaCard_20220615044248.scss create mode 100644 .history/styles/components/block/PizzaCard_20220615044433.scss create mode 100644 .history/styles/components/block/PizzaCard_20220615044547.scss create mode 100644 .history/styles/components/block/PizzaCard_20220615044654.scss create mode 100644 .history/styles/components/block/PizzaCard_20220615044813.scss create mode 100644 .history/styles/components/block/PizzaCard_20220615044910.scss create mode 100644 .history/styles/components/block/PizzaCard_20220615044933.scss create mode 100644 .history/styles/components/block/PizzaCard_20220615045021.scss create mode 100644 .history/styles/components/block/PizzaCard_20220615045307.scss create mode 100644 .history/styles/components/block/PizzaCard_20220615045317.scss create mode 100644 .history/styles/components/block/PizzaCard_20220615045538.scss create mode 100644 .history/styles/components/block/PizzaCard_20220615045549.scss create mode 100644 .history/styles/components/block/PizzaCard_20220615045903.scss create mode 100644 .history/styles/components/block/PizzaCard_20220615045913.scss create mode 100644 .history/styles/components/block/PizzaCard_20220615050028.scss create mode 100644 .history/styles/components/block/PizzaCard_20220615050102.scss create mode 100644 .history/styles/components/block/PizzaCard_20220615050111.scss create mode 100644 .history/styles/components/block/PizzaCard_20220615050159.scss create mode 100644 .history/styles/components/block/PizzaCard_20220615050219.scss create mode 100644 .history/styles/components/block/PizzaCard_20220615050226.scss create mode 100644 .history/styles/components/block/PizzaCard_20220615050258.scss create mode 100644 .history/styles/components/block/PizzaCard_20220615050322.scss create mode 100644 .history/styles/components/block/PizzaCard_20220615050335.scss create mode 100644 .history/styles/components/block/PizzaCard_20220615050507.scss create mode 100644 .history/styles/components/block/PizzaCard_20220615051018.scss create mode 100644 .history/styles/components/block/PizzaCard_20220615051024.scss create mode 100644 .history/styles/components/block/PizzaCard_20220615051142.scss create mode 100644 .history/styles/components/block/PizzaCard_20220615051216.scss create mode 100644 .history/styles/components/block/PizzaCard_20220615051346.scss create mode 100644 .history/styles/components/block/PizzaCard_20220615051714.scss create mode 100644 .history/styles/components/block/PizzaCard_20220615052855.scss create mode 100644 .history/styles/components/block/PizzaCard_20220615053116.scss create mode 100644 .history/styles/components/block/PizzaCard_20220615053323.scss create mode 100644 .history/styles/components/block/PizzaCard_20220615053551.scss create mode 100644 .history/styles/components/block/PizzaCard_20220615053709.scss create mode 100644 .history/styles/components/block/PizzaCard_20220615053801.scss create mode 100644 .history/styles/components/block/PizzaCard_20220615054044.scss create mode 100644 .history/styles/components/block/PizzaCard_20220615054109.scss create mode 100644 .history/styles/components/block/PizzaCard_20220615054706.scss create mode 100644 .history/styles/components/block/PizzaCard_20220616141810.scss create mode 100644 .history/styles/components/block/PizzaCard_20220616142027.scss create mode 100644 .history/styles/components/block/PizzaCard_20220616143002.scss create mode 100644 .history/styles/components/block/PizzaCard_20220616161813.scss create mode 100644 .history/styles/components/block/PizzaCard_20220616161838.scss create mode 100644 .history/styles/components/block/PizzaCard_20220616162043.scss create mode 100644 .history/styles/components/block/PizzaCard_20220616162152.scss create mode 100644 .history/styles/components/block/PizzaCard_20220616162303.scss create mode 100644 .history/styles/components/block/PizzaCard_20220616162331.scss create mode 100644 .history/styles/components/block/PizzaCard_20220616162336.scss create mode 100644 .history/styles/components/block/PizzaCard_20220616163058.scss create mode 100644 .history/styles/components/block/PizzaCard_20220616163234.scss create mode 100644 .history/styles/components/block/PizzaCard_20220616163250.scss create mode 100644 .history/styles/components/block/PizzaCard_20220616163304.scss create mode 100644 .history/styles/components/block/PizzaCard_20220616163313.scss create mode 100644 .history/styles/components/block/PizzaCard_20220616163316.scss create mode 100644 .history/styles/components/block/PizzaCard_20220616163731.scss create mode 100644 .history/styles/components/block/PizzaCard_20220616191205.scss create mode 100644 .history/styles/components/block/PizzaCard_20220617112736.scss create mode 100644 .history/styles/components/block/PizzaCard_20220617112819.scss create mode 100644 .history/styles/components/block/PizzaCard_20220618084530.scss create mode 100644 .history/styles/components/block/PizzaCard_20220618084848.scss create mode 100644 .history/styles/components/block/PizzaCard_20220618102309.scss create mode 100644 .history/styles/components/block/PizzaCart_20220618102308.scss create mode 100644 .history/styles/components/block/PizzaCart_20220618104326.scss create mode 100644 .history/styles/components/block/Pizza_20220530180958.scss create mode 100644 .history/styles/components/block/Pizza_20220530181203.scss create mode 100644 .history/styles/components/block/Pizza_20220530181410.scss create mode 100644 .history/styles/components/block/Pizza_20220530181411.scss create mode 100644 .history/styles/components/block/Pizza_20220530181536.scss create mode 100644 .history/styles/components/block/Pizza_20220530181537.scss create mode 100644 .history/styles/components/block/Pizza_20220531155859.scss create mode 100644 .history/styles/components/block/Pizza_20220531155906.scss create mode 100644 .history/styles/components/block/Pizza_20220531160035.scss create mode 100644 .history/styles/components/block/Pizza_20220531160041.scss create mode 100644 .history/styles/components/block/Pizza_20220531160042.scss create mode 100644 .history/styles/components/block/Pizza_20220531160107.scss create mode 100644 .history/styles/components/block/Pizza_20220531160108.scss create mode 100644 .history/styles/components/block/Pizza_20220531160133.scss create mode 100644 .history/styles/components/block/Pizza_20220531160136.scss create mode 100644 .history/styles/components/block/Pizza_20220531160137.scss create mode 100644 .history/styles/components/block/Pizza_20220531160139.scss create mode 100644 .history/styles/components/block/Pizza_20220531160147.scss create mode 100644 .history/styles/components/block/Pizza_20220616190627.scss create mode 100644 .history/styles/components/block/Pizza_20220616190636.scss create mode 100644 .history/styles/components/block/Pizza_20220616190708.scss create mode 100644 .history/styles/components/block/Pizza_20220616190818.scss create mode 100644 .history/styles/components/block/Pizza_20220617220120.scss create mode 100644 .history/styles/components/block/Pizza_20220617220200.scss create mode 100644 .history/styles/components/block/Pizza_20220617220209.scss create mode 100644 .history/styles/components/block/Pizza_20220617220219.scss create mode 100644 .history/styles/components/block/Pizza_20220617220309.scss create mode 100644 .history/styles/components/block/Pizza_20220617220326.scss create mode 100644 .history/styles/components/block/Pizza_20220618063013.scss create mode 100644 .history/styles/components/block/Pizza_20220618145015.scss create mode 100644 .history/styles/components/block/Pizza_20220618175438.scss create mode 100644 .history/styles/components/block/Stock_20220518142236.scss create mode 100644 .history/styles/components/block/Stock_20220530181135.scss create mode 100644 .history/styles/components/block/Stock_20220530181137.scss create mode 100644 .history/styles/components/container/ContainerTitle_20220530191331.scss create mode 100644 .history/styles/components/container/ContainerTitle_20220530191336.scss create mode 100644 .history/styles/globals_20220517170427.scss create mode 100644 .history/styles/globals_20220520132253.scss create mode 100644 .history/styles/globals_20220520132834.scss create mode 100644 .history/styles/globals_20220520132838.scss create mode 100644 .history/styles/globals_20220520132934.scss create mode 100644 .history/styles/globals_20220528233948.scss create mode 100644 .history/styles/globals_20220528233950.scss create mode 100644 .history/styles/globals_20220528233953.scss create mode 100644 .history/styles/globals_20220528233955.scss create mode 100644 .history/styles/globals_20220528233959.scss create mode 100644 .history/styles/globals_20220528235318.scss create mode 100644 .history/styles/globals_20220528235323.scss create mode 100644 .history/styles/globals_20220528235326.scss create mode 100644 .history/styles/globals_20220528235328.scss create mode 100644 .history/styles/globals_20220528235332.scss create mode 100644 .history/styles/globals_20220529002400.scss create mode 100644 .history/styles/globals_20220529002404.scss create mode 100644 .history/styles/globals_20220529002407.scss create mode 100644 .history/styles/globals_20220529002409.scss create mode 100644 .history/styles/globals_20220529002411.scss create mode 100644 .history/styles/globals_20220529002412.scss create mode 100644 .history/styles/globals_20220529134250.scss create mode 100644 .history/styles/globals_20220529134253.scss create mode 100644 .history/styles/globals_20220529134254.scss create mode 100644 .history/styles/globals_20220529134300.scss create mode 100644 .history/styles/globals_20220529134301.scss create mode 100644 .history/styles/globals_20220529134302.scss create mode 100644 .history/styles/globals_20220529143548.scss create mode 100644 .history/styles/globals_20220529143553.scss create mode 100644 .history/styles/globals_20220529143555.scss create mode 100644 .history/styles/globals_20220529143556.scss create mode 100644 .history/styles/globals_20220530181012.scss create mode 100644 .history/styles/globals_20220530181015.scss create mode 100644 .history/styles/globals_20220530181058.scss create mode 100644 .history/styles/globals_20220530181100.scss create mode 100644 .history/styles/globals_20220530181104.scss create mode 100644 .history/styles/globals_20220530181114.scss create mode 100644 .history/styles/globals_20220530191125.scss create mode 100644 .history/styles/globals_20220530191128.scss create mode 100644 .history/styles/globals_20220530191130.scss create mode 100644 .history/styles/globals_20220530191342.scss create mode 100644 .history/styles/globals_20220530191345.scss create mode 100644 .history/styles/globals_20220530191354.scss create mode 100644 .history/styles/globals_20220530191355.scss create mode 100644 .history/styles/globals_20220530191359.scss create mode 100644 .history/styles/globals_20220530191400.scss create mode 100644 .history/styles/globals_20220530193410.scss create mode 100644 .history/styles/globals_20220530193413.scss create mode 100644 .history/styles/globals_20220530193420.scss create mode 100644 .history/styles/globals_20220530193425.scss create mode 100644 .history/styles/globals_20220530193426.scss create mode 100644 .history/styles/globals_20220530193427.scss create mode 100644 .history/styles/globals_20220530193428.scss create mode 100644 .history/styles/globals_20220530193453.scss create mode 100644 .history/styles/globals_20220530193459.scss create mode 100644 .history/styles/globals_20220530193502.scss create mode 100644 .history/styles/globals_20220530193504.scss create mode 100644 .history/styles/globals_20220530193506.scss create mode 100644 .history/styles/globals_20220531135843.scss create mode 100644 .history/styles/globals_20220531135848.scss create mode 100644 .history/styles/globals_20220531135853.scss create mode 100644 .history/styles/globals_20220531135855.scss create mode 100644 .history/styles/globals_20220531135856.scss create mode 100644 .history/styles/globals_20220531135903.scss create mode 100644 .history/styles/globals_20220531135907.scss create mode 100644 .history/styles/globals_20220531135951.scss create mode 100644 .history/styles/globals_20220531135953.scss create mode 100644 .history/styles/globals_20220531135954.scss create mode 100644 .history/styles/globals_20220531161410.scss create mode 100644 .history/styles/globals_20220531161417.scss create mode 100644 .history/styles/globals_20220531161420.scss create mode 100644 .history/styles/globals_20220531161423.scss create mode 100644 .history/styles/globals_20220603174318.scss create mode 100644 .history/styles/globals_20220603175555.scss create mode 100644 .history/styles/globals_20220616135719.scss create mode 100644 .history/styles/globals_20220616135731.scss create mode 100644 .history/styles/globals_20220617161611.scss create mode 100644 .history/styles/globals_20220617161641.scss create mode 100644 .history/styles/globals_20220617161642.scss create mode 100644 .history/styles/globals_20220617162229.scss create mode 100644 .history/styles/globals_20220617162321.scss create mode 100644 .history/styles/globals_20220618081433.scss create mode 100644 .history/styles/globals_20220618083103.scss create mode 100644 .history/styles/globals_20220618104257.scss create mode 100644 .history/styles/globals_20220618150050.scss create mode 100644 .history/styles/globals_20220618150113.scss create mode 100644 .history/styles/globals_20220618150247.scss create mode 100644 .history/styles/globals_20220618150336.scss create mode 100644 .history/styles/globals_20220618151748.scss create mode 100644 .history/styles/globals_20220618154224.scss create mode 100644 .history/styles/globals_20220618154510.scss create mode 100644 .history/styles/globals_20220618175543.scss create mode 100644 .history/styles/globals_20220618175549.scss create mode 100644 .history/styles/libs/ResetCss_20220517155440.scss create mode 100644 .history/styles/libs/ResetCss_20220529151626.scss create mode 100644 .history/styles/libs/ResetCss_20220529151737.scss create mode 100644 .history/styles/libs/ResetCss_20220529152753.scss create mode 100644 .history/styles/libs/ResetCss_20220529155109.scss create mode 100644 .history/styles/libs/ResetCss_20220530180616.scss create mode 100644 .history/styles/libs/ResetCss_20220530180617.scss create mode 100644 .history/styles/libs/ResetCss_20220530180621.scss create mode 100644 .history/styles/libs/ResetCss_20220530180724.scss create mode 100644 .history/styles/libs/ResetCss_20220530180731.scss create mode 100644 .history/styles/libs/ResetCss_20220530180732.scss create mode 100644 .history/styles/libs/ResetCss_20220531140246.scss create mode 100644 .history/tsconfig_20220516191522.json create mode 100644 .history/tsconfig_20220525193046.json create mode 100644 .history/tsconfig_20220530174253.json create mode 100644 .history/tsconfig_20220530174812.json create mode 100644 .history/tsconfig_20220530174817.json create mode 100644 .history/tsconfig_20220530174823.json create mode 100644 .history/tsconfig_20220617165456.json create mode 100644 .history/utils/parse-user_20220525185227.ts create mode 100644 .history/utils/parse-user_20220525185325.ts create mode 100644 .history/utils/types_20220525185014.ts create mode 100644 .history/utils/types_20220525185048.ts create mode 100644 components/UI/Button.tsx create mode 100644 components/UI/ButtonImg.tsx create mode 100644 components/UI/Input.tsx create mode 100644 components/UI/InputRadio.tsx create mode 100644 components/UI/Label.tsx create mode 100644 components/UI/LinkButton.tsx create mode 100644 components/UI/Modal.tsx create mode 100644 components/UI/PictureText.tsx create mode 100644 components/UI/SmallText.tsx create mode 100644 components/UI/Title.tsx create mode 100644 components/UI/index.ts create mode 100644 components/admin/function/hashPassword.ts create mode 100644 components/admin/function/postData.ts create mode 100644 components/admin/function/useToken.ts create mode 100644 components/admin/pages/Root/Main.tsx create mode 100644 components/admin/pages/login/EnteringCode.js create mode 100644 components/admin/pages/login/EnteringMail.js create mode 100644 components/admin/pages/login/Entrance.tsx create mode 100644 components/admin/pages/login/Index.ts create mode 100644 components/admin/pages/login/NewPassword.js create mode 100644 components/admin/pages/login/useToken.js create mode 100644 components/customer/containers/Box.tsx create mode 100644 components/customer/containers/BoxScroll.tsx create mode 100644 components/customer/containers/ContainerInside.tsx create mode 100644 components/customer/containers/ContainerTitle.tsx create mode 100644 components/customer/containers/index.ts create mode 100644 components/customer/pages/index/block/Categories/Categories.tsx create mode 100644 components/customer/pages/index/block/Categories/Skeleton.tsx create mode 100644 components/customer/pages/index/block/Categories/index.ts create mode 100644 components/customer/pages/index/block/DeliveryArea/DeliveryArea.tsx create mode 100644 components/customer/pages/index/block/DeliveryArea/index.ts create mode 100644 components/customer/pages/index/block/Description/Description.tsx create mode 100644 components/customer/pages/index/block/Description/index.ts create mode 100644 components/customer/pages/index/block/Footer/Footer.tsx create mode 100644 components/customer/pages/index/block/Footer/FooterNav.tsx create mode 100644 components/customer/pages/index/block/Footer/index.ts create mode 100644 components/customer/pages/index/block/Header/Header.tsx create mode 100644 components/customer/pages/index/block/Header/index.ts create mode 100644 components/customer/pages/index/block/Motto/index.tsx create mode 100644 components/customer/pages/index/block/Pizza/Pizza.tsx create mode 100644 components/customer/pages/index/block/Pizza/Skeleton.tsx create mode 100644 components/customer/pages/index/block/Pizza/index.ts create mode 100644 components/customer/pages/index/block/Pizza/styles/index.scss create mode 100644 components/customer/pages/index/block/Stock/Skeleton.tsx create mode 100644 components/customer/pages/index/block/Stock/Stock.tsx create mode 100644 components/customer/pages/index/block/Stock/index.ts create mode 100644 components/customer/pages/index/block/index.ts create mode 100644 components/customer/pages/index/modals/cart/cardAdditionally.tsx create mode 100644 components/customer/pages/index/modals/cart/cardBasketProduct.tsx create mode 100644 components/customer/pages/index/modals/cart/content.tsx create mode 100644 components/customer/pages/index/modals/cart/index.ts create mode 100644 components/customer/pages/index/modals/cart/pizzaCart.tsx create mode 100644 components/customer/pages/index/modals/index.ts create mode 100644 components/customer/pages/index/modals/pizza/content.tsx create mode 100644 components/customer/pages/index/modals/pizza/index.ts create mode 100644 components/customer/pages/index/modals/pizza/pizzaCard.tsx create mode 100644 components/customer/pages/index/modals/pizza/styles/_block_selector.scss create mode 100644 components/customer/pages/index/modals/pizza/styles/_ingredients.scss create mode 100644 components/customer/pages/index/modals/pizza/styles/_products.scss create mode 100644 components/customer/pages/index/modals/pizza/styles/index.scss create mode 100644 components/customer/search/index.tsx create mode 100644 components/index.ts create mode 100644 layouts/Customer/MainLayout.tsx create mode 100644 layouts/Customer/index.ts create mode 100644 lib/session.js create mode 100644 next-env.d.ts create mode 100644 next.config.js create mode 100644 next.js create mode 100644 package-lock.json create mode 100644 package.json create mode 100644 pages/[pizza].tsx create mode 100644 pages/_app.tsx create mode 100644 pages/admin/index.tsx create mode 100644 pages/admin/login.tsx create mode 100644 pages/admin/main.tsx create mode 100644 pages/api/hello.ts create mode 100644 pages/api/loadingCategories.js create mode 100644 pages/api/loadingPizza.js create mode 100644 pages/api/loadingPizzaCard.js create mode 100644 pages/api/loadingPizzaInformation/[pid].js create mode 100644 pages/api/loadingStock.js create mode 100644 pages/api/login/index.ts create mode 100644 pages/api/sessions.js create mode 100644 pages/cart.tsx create mode 100644 pages/index.tsx create mode 100644 pages/private.txt create mode 100644 pages/signin.jsx create mode 100644 pizza_06_17.zip create mode 100644 public/asset/img/01.png create mode 100644 public/asset/img/02.png create mode 100644 public/asset/img/03.png create mode 100644 public/asset/img/04.png create mode 100644 public/asset/img/Frame 2159.png create mode 100644 public/asset/img/Screenshot_9.png create mode 100644 public/asset/img/bacon.png create mode 100644 public/asset/img/cheese.png create mode 100644 public/asset/img/coca.png create mode 100644 public/asset/img/fire.svg create mode 100644 public/asset/img/jalapeno.png create mode 100644 public/asset/img/moped.svg create mode 100644 public/asset/img/mushroom.png create mode 100644 public/asset/img/onion.png create mode 100644 public/asset/img/phone.svg create mode 100644 public/asset/img/pickles.png create mode 100644 public/asset/img/pineapple.png create mode 100644 public/asset/img/pizza.png create mode 100644 public/asset/img/rt_1.png create mode 100644 public/asset/img/rt_2.png create mode 100644 public/asset/img/rt_3.png create mode 100644 public/asset/img/smal_pizza.png create mode 100644 public/asset/img/tomato.png create mode 100644 public/asset/img/ton_1.png create mode 100644 public/asset/img/ton_2.png create mode 100644 public/asset/img/ton_3.png create mode 100644 public/asset/img/video.png create mode 100644 public/assets/Rubik/OFL.txt create mode 100644 public/assets/Rubik/README.txt create mode 100644 public/assets/Rubik/Rubik-Italic-VariableFont_wght.ttf create mode 100644 public/assets/Rubik/Rubik-VariableFont_wght.ttf create mode 100644 public/assets/Rubik/static/Rubik-Black.ttf create mode 100644 public/assets/Rubik/static/Rubik-BlackItalic.ttf create mode 100644 public/assets/Rubik/static/Rubik-Bold.ttf create mode 100644 public/assets/Rubik/static/Rubik-BoldItalic.ttf create mode 100644 public/assets/Rubik/static/Rubik-ExtraBold.ttf create mode 100644 public/assets/Rubik/static/Rubik-ExtraBoldItalic.ttf create mode 100644 public/assets/Rubik/static/Rubik-Italic.ttf create mode 100644 public/assets/Rubik/static/Rubik-Light.ttf create mode 100644 public/assets/Rubik/static/Rubik-LightItalic.ttf create mode 100644 public/assets/Rubik/static/Rubik-Medium.ttf create mode 100644 public/assets/Rubik/static/Rubik-MediumItalic.ttf create mode 100644 public/assets/Rubik/static/Rubik-Regular.ttf create mode 100644 public/assets/Rubik/static/Rubik-SemiBold.ttf create mode 100644 public/assets/Rubik/static/Rubik-SemiBoldItalic.ttf create mode 100644 public/assets/img/01.png create mode 100644 public/assets/img/02.png create mode 100644 public/assets/img/03.png create mode 100644 public/assets/img/04.png create mode 100644 public/assets/img/1.jpg create mode 100644 public/assets/img/10.jpg create mode 100644 public/assets/img/2.jpg create mode 100644 public/assets/img/3.jpg create mode 100644 public/assets/img/4.jpg create mode 100644 public/assets/img/5.jpg create mode 100644 public/assets/img/6.jpg create mode 100644 public/assets/img/7.jpg create mode 100644 public/assets/img/8.jpg create mode 100644 public/assets/img/9.jpg create mode 100644 public/assets/img/Frame 2159.png create mode 100644 public/assets/img/Screenshot_9.png create mode 100644 public/assets/img/bacon.png create mode 100644 public/assets/img/cheese.png create mode 100644 public/assets/img/coca.png create mode 100644 public/assets/img/fire.svg create mode 100644 public/assets/img/jalapeno.png create mode 100644 public/assets/img/minus.png create mode 100644 public/assets/img/moped.svg create mode 100644 public/assets/img/mushroom.png create mode 100644 public/assets/img/onion.png create mode 100644 public/assets/img/phone.svg create mode 100644 public/assets/img/pickles.png create mode 100644 public/assets/img/pineapple.png create mode 100644 public/assets/img/pizza-logo.svg create mode 100644 public/assets/img/pizza.png create mode 100644 public/assets/img/plus.png create mode 100644 public/assets/img/rt_1.png create mode 100644 public/assets/img/rt_2.png create mode 100644 public/assets/img/rt_3.png create mode 100644 public/assets/img/smal_pizza.png create mode 100644 public/assets/img/tomato.png create mode 100644 public/assets/img/ton_1.png create mode 100644 public/assets/img/ton_2.png create mode 100644 public/assets/img/ton_3.png create mode 100644 public/assets/img/video.png create mode 100644 public/favicon.ico create mode 100644 public/vercel.svg create mode 100644 redux/cart/selectors.ts create mode 100644 redux/cart/slice.ts create mode 100644 redux/cart/types.ts create mode 100644 redux/categories/index.ts create mode 100644 redux/categories/selectors.ts create mode 100644 redux/categories/slice.ts create mode 100644 redux/categories/stock.ts create mode 100644 redux/categories/types.ts create mode 100644 redux/login/asyncActions.ts create mode 100644 redux/login/selectors.ts create mode 100644 redux/login/slice.ts create mode 100644 redux/login/types.ts create mode 100644 redux/pizza/index.ts create mode 100644 redux/pizza/selectors.ts create mode 100644 redux/pizza/slice.ts create mode 100644 redux/pizza/stock.ts create mode 100644 redux/pizza/types.ts create mode 100644 redux/pizzaToCart/index.ts create mode 100644 redux/pizzaToCart/selectors.ts create mode 100644 redux/pizzaToCart/slice.ts create mode 100644 redux/pizzaToCart/stock.ts create mode 100644 redux/pizzaToCart/types.ts create mode 100644 redux/search/slice.ts create mode 100644 redux/search/types.ts create mode 100644 redux/stoke/index.ts create mode 100644 redux/stoke/selectors.ts create mode 100644 redux/stoke/slice.ts create mode 100644 redux/stoke/stock.ts create mode 100644 redux/stoke/types.ts create mode 100644 redux/store.ts create mode 100644 server/db/connect.ts create mode 100644 server/types/customer.ts create mode 100644 server/types/order.ts create mode 100644 server/types/product.ts create mode 100644 styles/Search.module.scss create mode 100644 styles/components/Box.scss create mode 100644 styles/components/Container.scss create mode 100644 styles/components/Header.scss create mode 100644 styles/components/Login.scss create mode 100644 styles/components/UX/Button.scss create mode 100644 styles/components/UX/ButtonImg.scss create mode 100644 styles/components/UX/Input.scss create mode 100644 styles/components/UX/PictureText.scss create mode 100644 styles/components/block/CardBasketProduct.scss create mode 100644 styles/components/block/Cart.scss create mode 100644 styles/components/block/Categories.scss create mode 100644 styles/components/block/DeliveryArea.scss create mode 100644 styles/components/block/Description.scss create mode 100644 styles/components/block/Footer.scss create mode 100644 styles/components/block/FooterNav.scss create mode 100644 styles/components/block/Motto.scss create mode 100644 styles/components/block/Stock.scss create mode 100644 styles/components/container/ContainerTitle.scss create mode 100644 styles/globals.scss create mode 100644 styles/libs/ResetCss.scss create mode 100644 styles/libs/_variables.scss create mode 100644 tsconfig.json create mode 100644 utils/calcTotalPrice.ts create mode 100644 utils/getCartFromLS.ts create mode 100644 utils/math.ts create mode 100644 utils/types.ts diff --git a/.env b/.env new file mode 100644 index 0000000..55fbf2e --- /dev/null +++ b/.env @@ -0,0 +1 @@ +REACT_APP_BASE_URL=http://localhost:8000 \ No newline at end of file diff --git a/.eslintrc.json b/.eslintrc.json new file mode 100644 index 0000000..bffb357 --- /dev/null +++ b/.eslintrc.json @@ -0,0 +1,3 @@ +{ + "extends": "next/core-web-vitals" +} diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..737d872 --- /dev/null +++ b/.gitignore @@ -0,0 +1,35 @@ +# See https://help.github.com/articles/ignoring-files/ for more about ignoring files. + +# dependencies +/node_modules +/.pnp +.pnp.js + +# testing +/coverage + +# next.js +/.next/ +/out/ + +# production +/build + +# misc +.DS_Store +*.pem + +# debug +npm-debug.log* +yarn-debug.log* +yarn-error.log* +.pnpm-debug.log* + +# local env files +.env*.local + +# vercel +.vercel + +# typescript +*.tsbuildinfo diff --git a/.history/.env_20220518143812 b/.history/.env_20220518143812 new file mode 100644 index 0000000..e69de29 diff --git a/.history/.env_20220518143858 b/.history/.env_20220518143858 new file mode 100644 index 0000000..55fbf2e --- /dev/null +++ b/.history/.env_20220518143858 @@ -0,0 +1 @@ +REACT_APP_BASE_URL=http://localhost:8000 \ No newline at end of file diff --git a/.history/.env_20220518144051 b/.history/.env_20220518144051 new file mode 100644 index 0000000..55fbf2e --- /dev/null +++ b/.history/.env_20220518144051 @@ -0,0 +1 @@ +REACT_APP_BASE_URL=http://localhost:8000 \ No newline at end of file diff --git a/.history/README_20220710205803.md b/.history/README_20220710205803.md new file mode 100644 index 0000000..c87e042 --- /dev/null +++ b/.history/README_20220710205803.md @@ -0,0 +1,34 @@ +This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app). + +## Getting Started + +First, run the development server: + +```bash +npm run dev +# or +yarn dev +``` + +Open [http://localhost:3000](http://localhost:3000) with your browser to see the result. + +You can start editing the page by modifying `pages/index.tsx`. The page auto-updates as you edit the file. + +[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.ts`. + +The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages. + +## Learn More + +To learn more about Next.js, take a look at the following resources: + +- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API. +- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial. + +You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome! + +## Deploy on Vercel + +The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js. + +Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details. diff --git a/.history/README_20220710210115.md b/.history/README_20220710210115.md new file mode 100644 index 0000000..471602a --- /dev/null +++ b/.history/README_20220710210115.md @@ -0,0 +1 @@ +Сайт для сервиса доставки пиццы. diff --git a/.history/components/Block/Pizza/index_20220516233309.tsx b/.history/components/Block/Pizza/index_20220516233309.tsx new file mode 100644 index 0000000..2694f9e --- /dev/null +++ b/.history/components/Block/Pizza/index_20220516233309.tsx @@ -0,0 +1,98 @@ +import React from 'react'; +import { Link } from 'react-router-dom'; +import { useDispatch, useSelector } from 'react-redux'; +import { selectCartItemById } from '../../redux/cart/selectors'; +import { CartItem } from '../../redux/cart/types'; +import { addItem } from '../../redux/cart/slice'; + +const typeNames = ['тонкое', 'традиционное']; + +type PizzaBlockProps = { + id: string; + title: string; + price: number; + imageUrl: string; + sizes: number[]; + types: number[]; + rating: number; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + price, + imageUrl, + sizes, + types, +}) => { + const dispatch = useDispatch(); + const cartItem = useSelector(selectCartItemById(id)); + const [activeType, setActiveType] = React.useState(0); + const [activeSize, setActiveSize] = React.useState(0); + + const addedCount = cartItem ? cartItem.count : 0; + + const onClickAdd = () => { + const item: CartItem = { + id, + title, + price, + imageUrl, + type: typeNames[activeType], + size: sizes[activeSize], + count: 0, + }; + dispatch(addItem(item)); + }; + + return ( +
+
+ + Pizza +

{title}

+ +
+
    + {types.map((typeId) => ( +
  • setActiveType(typeId)} + className={activeType === typeId ? 'active' : ''}> + {typeNames[typeId]} +
    • + ))} +
+
    + {sizes.map((size, i) => ( +
  • setActiveSize(i)} + className={activeSize === i ? 'active' : ''}> + {size} см. +
    • + ))} +
+
+
+
от {price} ₽
+ +
+
+
+ ); +}; diff --git a/.history/components/Block/Pizza/index_20220518134250.tsx b/.history/components/Block/Pizza/index_20220518134250.tsx new file mode 100644 index 0000000..c576de2 --- /dev/null +++ b/.history/components/Block/Pizza/index_20220518134250.tsx @@ -0,0 +1,98 @@ +import React from 'react'; +import { Link } from 'react-router-dom'; +import { useDispatch, useSelector } from 'react-redux'; +import { selectCartItemById } from '../../../redux/cart/selectors'; +import { CartItem } from '../../../redux/cart/types'; +import { addItem } from '../../../redux/cart/slice'; + +const typeNames = ['тонкое', 'традиционное']; + +type PizzaBlockProps = { + id: string; + title: string; + price: number; + imageUrl: string; + sizes: number[]; + types: number[]; + rating: number; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + price, + imageUrl, + sizes, + types, +}) => { + const dispatch = useDispatch(); + const cartItem = useSelector(selectCartItemById(id)); + const [activeType, setActiveType] = React.useState(0); + const [activeSize, setActiveSize] = React.useState(0); + + const addedCount = cartItem ? cartItem.count : 0; + + const onClickAdd = () => { + const item: CartItem = { + id, + title, + price, + imageUrl, + type: typeNames[activeType], + size: sizes[activeSize], + count: 0, + }; + dispatch(addItem(item)); + }; + + return ( +
+
+ + Pizza +

{title}

+ +
+
    + {types.map((typeId) => ( +
  • setActiveType(typeId)} + className={activeType === typeId ? 'active' : ''}> + {typeNames[typeId]} +
    • + ))} +
+
    + {sizes.map((size, i) => ( +
  • setActiveSize(i)} + className={activeSize === i ? 'active' : ''}> + {size} см. +
    • + ))} +
+
+
+
от {price} ₽
+ +
+
+
+ ); +}; diff --git a/.history/components/Block/Stock/Skeleton_20220518134317.tsx b/.history/components/Block/Stock/Skeleton_20220518134317.tsx new file mode 100644 index 0000000..a6410f2 --- /dev/null +++ b/.history/components/Block/Stock/Skeleton_20220518134317.tsx @@ -0,0 +1,19 @@ +import React from 'react'; +import ContentLoader from 'react-content-loader'; + +export const Skeleton = () => ( + + + + + + + +); diff --git a/.history/components/Block/Stock/Skeleton_20220518134633.tsx b/.history/components/Block/Stock/Skeleton_20220518134633.tsx new file mode 100644 index 0000000..bef630a --- /dev/null +++ b/.history/components/Block/Stock/Skeleton_20220518134633.tsx @@ -0,0 +1,19 @@ +import React from 'react'; +import ContentLoader from 'react-content-loader'; + +export const SkeletonStock = () => ( + + + + + + + +); diff --git a/.history/components/Block/Stock/Skeleton_20220518140827.tsx b/.history/components/Block/Stock/Skeleton_20220518140827.tsx new file mode 100644 index 0000000..846442a --- /dev/null +++ b/.history/components/Block/Stock/Skeleton_20220518140827.tsx @@ -0,0 +1,19 @@ +import React from 'react'; +import ContentLoader from 'react-content-loader'; + +export const SkeletonStock = () => ( + + + + + + + +); diff --git a/.history/components/Block/Stock/Skeleton_20220518140848.tsx b/.history/components/Block/Stock/Skeleton_20220518140848.tsx new file mode 100644 index 0000000..1ed08d5 --- /dev/null +++ b/.history/components/Block/Stock/Skeleton_20220518140848.tsx @@ -0,0 +1,15 @@ +import React from 'react'; +import ContentLoader from 'react-content-loader'; + +export const SkeletonStock = () => ( + + + +); diff --git a/.history/components/Block/Stock/Skeleton_20220518140912.tsx b/.history/components/Block/Stock/Skeleton_20220518140912.tsx new file mode 100644 index 0000000..5df8cf8 --- /dev/null +++ b/.history/components/Block/Stock/Skeleton_20220518140912.tsx @@ -0,0 +1,15 @@ +import React from 'react'; +import ContentLoader from 'react-content-loader'; + +export const SkeletonStock = () => ( + + + +); diff --git a/.history/components/Block/Stock/Skeleton_20220518141002.tsx b/.history/components/Block/Stock/Skeleton_20220518141002.tsx new file mode 100644 index 0000000..469632b --- /dev/null +++ b/.history/components/Block/Stock/Skeleton_20220518141002.tsx @@ -0,0 +1,15 @@ +import React from 'react'; +import ContentLoader from 'react-content-loader'; + +export const SkeletonStock = () => ( + + + +); diff --git a/.history/components/Block/Stock/Skeleton_20220518141016.tsx b/.history/components/Block/Stock/Skeleton_20220518141016.tsx new file mode 100644 index 0000000..c06bd00 --- /dev/null +++ b/.history/components/Block/Stock/Skeleton_20220518141016.tsx @@ -0,0 +1,15 @@ +import React from 'react'; +import ContentLoader from 'react-content-loader'; + +export const SkeletonStock = () => ( + + + +); diff --git a/.history/components/Block/Stock/Skeleton_20220518141117.tsx b/.history/components/Block/Stock/Skeleton_20220518141117.tsx new file mode 100644 index 0000000..7bcdd99 --- /dev/null +++ b/.history/components/Block/Stock/Skeleton_20220518141117.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import ContentLoader from 'react-content-loader'; + +export const SkeletonStock = () => ( + + + +); diff --git a/.history/components/Block/Stock/Skeleton_20220518141132.tsx b/.history/components/Block/Stock/Skeleton_20220518141132.tsx new file mode 100644 index 0000000..abe7781 --- /dev/null +++ b/.history/components/Block/Stock/Skeleton_20220518141132.tsx @@ -0,0 +1,15 @@ +import React from 'react'; +import ContentLoader from 'react-content-loader'; + +export const SkeletonStock = () => ( + + + +); diff --git a/.history/components/Block/Stock/Skeleton_20220518141143.tsx b/.history/components/Block/Stock/Skeleton_20220518141143.tsx new file mode 100644 index 0000000..168cc38 --- /dev/null +++ b/.history/components/Block/Stock/Skeleton_20220518141143.tsx @@ -0,0 +1,15 @@ +import React from 'react'; +import ContentLoader from 'react-content-loader'; + +export const SkeletonStock = () => ( + + + +); diff --git a/.history/components/Block/Stock/Skeleton_20220518141305.tsx b/.history/components/Block/Stock/Skeleton_20220518141305.tsx new file mode 100644 index 0000000..6a1d6a4 --- /dev/null +++ b/.history/components/Block/Stock/Skeleton_20220518141305.tsx @@ -0,0 +1,13 @@ +import React from 'react'; +import ContentLoader from 'react-content-loader'; + +export const SkeletonStock = () => ( + + + +); diff --git a/.history/components/Block/Stock/Skeleton_20220518141344.tsx b/.history/components/Block/Stock/Skeleton_20220518141344.tsx new file mode 100644 index 0000000..6a1d6a4 --- /dev/null +++ b/.history/components/Block/Stock/Skeleton_20220518141344.tsx @@ -0,0 +1,13 @@ +import React from 'react'; +import ContentLoader from 'react-content-loader'; + +export const SkeletonStock = () => ( + + + +); diff --git a/.history/components/Block/Stock/Skeleton_20220518141511.tsx b/.history/components/Block/Stock/Skeleton_20220518141511.tsx new file mode 100644 index 0000000..5b83597 --- /dev/null +++ b/.history/components/Block/Stock/Skeleton_20220518141511.tsx @@ -0,0 +1,12 @@ +import React from 'react'; +import ContentLoader from 'react-content-loader'; + +export const SkeletonStock = () => ( + + + +); diff --git a/.history/components/Block/Stock/Skeleton_20220518141527.tsx b/.history/components/Block/Stock/Skeleton_20220518141527.tsx new file mode 100644 index 0000000..154843c --- /dev/null +++ b/.history/components/Block/Stock/Skeleton_20220518141527.tsx @@ -0,0 +1,12 @@ +import React from 'react'; +import ContentLoader from 'react-content-loader'; + +export const SkeletonStock = () => ( + + + +); diff --git a/.history/components/Block/Stock/Skeleton_20220518141538.tsx b/.history/components/Block/Stock/Skeleton_20220518141538.tsx new file mode 100644 index 0000000..76aea59 --- /dev/null +++ b/.history/components/Block/Stock/Skeleton_20220518141538.tsx @@ -0,0 +1,12 @@ +import React from 'react'; +import ContentLoader from 'react-content-loader'; + +export const SkeletonStock = () => ( + + + +); diff --git a/.history/components/Block/Stock/Skeleton_20220518141558.tsx b/.history/components/Block/Stock/Skeleton_20220518141558.tsx new file mode 100644 index 0000000..9b78817 --- /dev/null +++ b/.history/components/Block/Stock/Skeleton_20220518141558.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import ContentLoader from 'react-content-loader'; + +export const SkeletonStock = () => ( + + + +); diff --git a/.history/components/Block/Stock/Skeleton_20220518141617.tsx b/.history/components/Block/Stock/Skeleton_20220518141617.tsx new file mode 100644 index 0000000..92de88b --- /dev/null +++ b/.history/components/Block/Stock/Skeleton_20220518141617.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import ContentLoader from 'react-content-loader'; + +export const SkeletonStock = () => ( + + + +); diff --git a/.history/components/Block/Stock/Skeleton_20220518141623.tsx b/.history/components/Block/Stock/Skeleton_20220518141623.tsx new file mode 100644 index 0000000..9b78817 --- /dev/null +++ b/.history/components/Block/Stock/Skeleton_20220518141623.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import ContentLoader from 'react-content-loader'; + +export const SkeletonStock = () => ( + + + +); diff --git a/.history/components/Block/Stock/Skeleton_20220518141626.tsx b/.history/components/Block/Stock/Skeleton_20220518141626.tsx new file mode 100644 index 0000000..c1e30a7 --- /dev/null +++ b/.history/components/Block/Stock/Skeleton_20220518141626.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import ContentLoader from 'react-content-loader'; + +export const SkeletonStock = () => ( + + + +); diff --git a/.history/components/Block/Stock/Skeleton_20220518141636.tsx b/.history/components/Block/Stock/Skeleton_20220518141636.tsx new file mode 100644 index 0000000..9b78817 --- /dev/null +++ b/.history/components/Block/Stock/Skeleton_20220518141636.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import ContentLoader from 'react-content-loader'; + +export const SkeletonStock = () => ( + + + +); diff --git a/.history/components/Block/Stock/Skeleton_20220518141647.tsx b/.history/components/Block/Stock/Skeleton_20220518141647.tsx new file mode 100644 index 0000000..43be022 --- /dev/null +++ b/.history/components/Block/Stock/Skeleton_20220518141647.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import ContentLoader from 'react-content-loader'; + +export const SkeletonStock = () => ( + + + +); diff --git a/.history/components/Block/Stock/Skeleton_20220518141658.tsx b/.history/components/Block/Stock/Skeleton_20220518141658.tsx new file mode 100644 index 0000000..82e383b --- /dev/null +++ b/.history/components/Block/Stock/Skeleton_20220518141658.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import ContentLoader from 'react-content-loader'; + +export const SkeletonStock = () => ( + + + +); diff --git a/.history/components/Block/Stock/Skeleton_20220518141705.tsx b/.history/components/Block/Stock/Skeleton_20220518141705.tsx new file mode 100644 index 0000000..f43035d --- /dev/null +++ b/.history/components/Block/Stock/Skeleton_20220518141705.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import ContentLoader from 'react-content-loader'; + +export const SkeletonStock = () => ( + + + +); diff --git a/.history/components/Block/Stock/Skeleton_20220518141713.tsx b/.history/components/Block/Stock/Skeleton_20220518141713.tsx new file mode 100644 index 0000000..25fb44c --- /dev/null +++ b/.history/components/Block/Stock/Skeleton_20220518141713.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import ContentLoader from 'react-content-loader'; + +export const SkeletonStock = () => ( + + + +); diff --git a/.history/components/Block/Stock/Skeleton_20220518141721.tsx b/.history/components/Block/Stock/Skeleton_20220518141721.tsx new file mode 100644 index 0000000..bd0a2b6 --- /dev/null +++ b/.history/components/Block/Stock/Skeleton_20220518141721.tsx @@ -0,0 +1,15 @@ +import React from 'react'; +import ContentLoader from 'react-content-loader'; + +export const SkeletonStock = () => ( + + + +); diff --git a/.history/components/Block/Stock/Skeleton_20220518141738.tsx b/.history/components/Block/Stock/Skeleton_20220518141738.tsx new file mode 100644 index 0000000..ddf6145 --- /dev/null +++ b/.history/components/Block/Stock/Skeleton_20220518141738.tsx @@ -0,0 +1,15 @@ +import React from 'react'; +import ContentLoader from 'react-content-loader'; + +export const SkeletonStock = () => ( + + + +); diff --git a/.history/components/Block/Stock/Skeleton_20220518141751.tsx b/.history/components/Block/Stock/Skeleton_20220518141751.tsx new file mode 100644 index 0000000..dd939c2 --- /dev/null +++ b/.history/components/Block/Stock/Skeleton_20220518141751.tsx @@ -0,0 +1,15 @@ +import React from 'react'; +import ContentLoader from 'react-content-loader'; + +export const SkeletonStock = () => ( + + + +); diff --git a/.history/components/Block/Stock/Skeleton_20220518141809.tsx b/.history/components/Block/Stock/Skeleton_20220518141809.tsx new file mode 100644 index 0000000..dd939c2 --- /dev/null +++ b/.history/components/Block/Stock/Skeleton_20220518141809.tsx @@ -0,0 +1,15 @@ +import React from 'react'; +import ContentLoader from 'react-content-loader'; + +export const SkeletonStock = () => ( + + + +); diff --git a/.history/components/Block/Stock/Skeleton_20220518141817.tsx b/.history/components/Block/Stock/Skeleton_20220518141817.tsx new file mode 100644 index 0000000..70580e0 --- /dev/null +++ b/.history/components/Block/Stock/Skeleton_20220518141817.tsx @@ -0,0 +1,16 @@ +import React from 'react'; +import ContentLoader from 'react-content-loader'; +import classNames from 'classnames'; + +export const SkeletonStock = () => ( + + + +); diff --git a/.history/components/Block/Stock/Skeleton_20220518141843.tsx b/.history/components/Block/Stock/Skeleton_20220518141843.tsx new file mode 100644 index 0000000..5ec2c59 --- /dev/null +++ b/.history/components/Block/Stock/Skeleton_20220518141843.tsx @@ -0,0 +1,16 @@ +import React from 'react'; +import ContentLoader from 'react-content-loader'; +import classNames from 'classnames'; + +export const SkeletonStock = () => ( + + + +); diff --git a/.history/components/Block/Stock/Skeleton_20220518141856.tsx b/.history/components/Block/Stock/Skeleton_20220518141856.tsx new file mode 100644 index 0000000..95695dc --- /dev/null +++ b/.history/components/Block/Stock/Skeleton_20220518141856.tsx @@ -0,0 +1,16 @@ +import React from 'react'; +import ContentLoader from 'react-content-loader'; +import classNames from 'classnames'; + +export const SkeletonStock = () => ( + + + +); diff --git a/.history/components/Block/Stock/Skeleton_20220518142016.tsx b/.history/components/Block/Stock/Skeleton_20220518142016.tsx new file mode 100644 index 0000000..92fee38 --- /dev/null +++ b/.history/components/Block/Stock/Skeleton_20220518142016.tsx @@ -0,0 +1,16 @@ +import React from 'react'; +import ContentLoader from 'react-content-loader'; +import classNames from 'classnames'; + +export const SkeletonStock = () => ( + + + +); diff --git a/.history/components/Block/Stock/Skeleton_20220518144636.tsx b/.history/components/Block/Stock/Skeleton_20220518144636.tsx new file mode 100644 index 0000000..79127e8 --- /dev/null +++ b/.history/components/Block/Stock/Skeleton_20220518144636.tsx @@ -0,0 +1,16 @@ +import React from 'react'; +import ContentLoader from 'react-content-loader'; +import classNames from 'classnames'; + +export const SkeletonStock = () => ( + + + +); diff --git a/.history/components/Block/Stock/Skeleton_20220518144700.tsx b/.history/components/Block/Stock/Skeleton_20220518144700.tsx new file mode 100644 index 0000000..4fb8343 --- /dev/null +++ b/.history/components/Block/Stock/Skeleton_20220518144700.tsx @@ -0,0 +1,7 @@ +import React from 'react'; +import ContentLoader from 'react-content-loader'; +import classNames from 'classnames'; + +export const SkeletonStock = () => ( + <> +); diff --git a/.history/components/Block/Stock/Skeleton_20220518144716.tsx b/.history/components/Block/Stock/Skeleton_20220518144716.tsx new file mode 100644 index 0000000..2078818 --- /dev/null +++ b/.history/components/Block/Stock/Skeleton_20220518144716.tsx @@ -0,0 +1,15 @@ +import React from 'react'; +import ContentLoader from 'react-content-loader'; +import classNames from 'classnames'; + +export const SkeletonStock = () => ( + + +); diff --git a/.history/components/Block/Stock/Skeleton_20220518144726.tsx b/.history/components/Block/Stock/Skeleton_20220518144726.tsx new file mode 100644 index 0000000..79127e8 --- /dev/null +++ b/.history/components/Block/Stock/Skeleton_20220518144726.tsx @@ -0,0 +1,16 @@ +import React from 'react'; +import ContentLoader from 'react-content-loader'; +import classNames from 'classnames'; + +export const SkeletonStock = () => ( + + + +); diff --git a/.history/components/Block/Stock/Skeleton_20220518144743.tsx b/.history/components/Block/Stock/Skeleton_20220518144743.tsx new file mode 100644 index 0000000..da736ce --- /dev/null +++ b/.history/components/Block/Stock/Skeleton_20220518144743.tsx @@ -0,0 +1,15 @@ +import React from 'react'; +import ContentLoader from 'react-content-loader'; +import classNames from 'classnames'; + +export const SkeletonStock = () => ( + + + +); diff --git a/.history/components/Block/Stock/Skeleton_20220518144754.tsx b/.history/components/Block/Stock/Skeleton_20220518144754.tsx new file mode 100644 index 0000000..58b04fc --- /dev/null +++ b/.history/components/Block/Stock/Skeleton_20220518144754.tsx @@ -0,0 +1,15 @@ +import React from 'react'; +import ContentLoader from 'react-content-loader'; +import classNames from 'classnames'; + +export const SkeletonStock = () => ( + + + +); diff --git a/.history/components/Block/Stock/Skeleton_20220518144829.tsx b/.history/components/Block/Stock/Skeleton_20220518144829.tsx new file mode 100644 index 0000000..5b145e4 --- /dev/null +++ b/.history/components/Block/Stock/Skeleton_20220518144829.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import ContentLoader from 'react-content-loader'; +import classNames from 'classnames'; + +export const SkeletonStock = () => ( + + +); diff --git a/.history/components/Block/Stock/Skeleton_20220518144838.tsx b/.history/components/Block/Stock/Skeleton_20220518144838.tsx new file mode 100644 index 0000000..4a47c01 --- /dev/null +++ b/.history/components/Block/Stock/Skeleton_20220518144838.tsx @@ -0,0 +1,13 @@ +import React from 'react'; +import ContentLoader from 'react-content-loader'; +import classNames from 'classnames'; + +export const SkeletonStock = () => ( + + +); diff --git a/.history/components/Block/Stock/Skeleton_20220518144904.tsx b/.history/components/Block/Stock/Skeleton_20220518144904.tsx new file mode 100644 index 0000000..0ed163b --- /dev/null +++ b/.history/components/Block/Stock/Skeleton_20220518144904.tsx @@ -0,0 +1,17 @@ +import React from 'react'; +import ContentLoader from 'react-content-loader'; +import classNames from 'classnames'; + +export const SkeletonStock = () => ( + + + +); diff --git a/.history/components/Block/Stock/Skeleton_20220518144928.tsx b/.history/components/Block/Stock/Skeleton_20220518144928.tsx new file mode 100644 index 0000000..abd511c --- /dev/null +++ b/.history/components/Block/Stock/Skeleton_20220518144928.tsx @@ -0,0 +1,17 @@ +import React from 'react'; +import ContentLoader from 'react-content-loader'; +import classNames from 'classnames'; + +export const SkeletonStock = () => ( + + + +); diff --git a/.history/components/Block/Stock/Skeleton_20220518144947.tsx b/.history/components/Block/Stock/Skeleton_20220518144947.tsx new file mode 100644 index 0000000..60ae2c8 --- /dev/null +++ b/.history/components/Block/Stock/Skeleton_20220518144947.tsx @@ -0,0 +1,16 @@ +import React from 'react'; +import ContentLoader from 'react-content-loader'; + +export const SkeletonStock = () => ( + + + +); diff --git a/.history/components/Block/Stock/Skeleton_20220518145011.tsx b/.history/components/Block/Stock/Skeleton_20220518145011.tsx new file mode 100644 index 0000000..60ae2c8 --- /dev/null +++ b/.history/components/Block/Stock/Skeleton_20220518145011.tsx @@ -0,0 +1,16 @@ +import React from 'react'; +import ContentLoader from 'react-content-loader'; + +export const SkeletonStock = () => ( + + + +); diff --git a/.history/components/Block/Stock/Skeleton_20220518145240.tsx b/.history/components/Block/Stock/Skeleton_20220518145240.tsx new file mode 100644 index 0000000..16bb75e --- /dev/null +++ b/.history/components/Block/Stock/Skeleton_20220518145240.tsx @@ -0,0 +1,17 @@ +import React from 'react'; +import ContentLoader from 'react-content-loader'; + +export const SkeletonStock = () => ( + + + + +); diff --git a/.history/components/Block/Stock/Skeleton_20220518145319.tsx b/.history/components/Block/Stock/Skeleton_20220518145319.tsx new file mode 100644 index 0000000..0a62aaf --- /dev/null +++ b/.history/components/Block/Stock/Skeleton_20220518145319.tsx @@ -0,0 +1,18 @@ +import React from 'react'; +import ContentLoader from 'react-content-loader'; + +export const SkeletonStock = () => ( + + + + + +); diff --git a/.history/components/Block/Stock/Skeleton_20220518145331.tsx b/.history/components/Block/Stock/Skeleton_20220518145331.tsx new file mode 100644 index 0000000..2cfff8a --- /dev/null +++ b/.history/components/Block/Stock/Skeleton_20220518145331.tsx @@ -0,0 +1,16 @@ +import React from 'react'; +import ContentLoader from 'react-content-loader'; + +export const SkeletonStock = () => ( + + + +); diff --git a/.history/components/Block/Stock/Skeleton_20220518145343.tsx b/.history/components/Block/Stock/Skeleton_20220518145343.tsx new file mode 100644 index 0000000..062da10 --- /dev/null +++ b/.history/components/Block/Stock/Skeleton_20220518145343.tsx @@ -0,0 +1,16 @@ +import React from 'react'; +import ContentLoader from 'react-content-loader'; + +export const SkeletonStock = () => ( + + + +); diff --git a/.history/components/Block/Stock/Skeleton_20220518145349.tsx b/.history/components/Block/Stock/Skeleton_20220518145349.tsx new file mode 100644 index 0000000..a2bff79 --- /dev/null +++ b/.history/components/Block/Stock/Skeleton_20220518145349.tsx @@ -0,0 +1,16 @@ +import React from 'react'; +import ContentLoader from 'react-content-loader'; + +export const SkeletonStock = () => ( + + + +); diff --git a/.history/components/Block/Stock/Skeleton_20220518145401.tsx b/.history/components/Block/Stock/Skeleton_20220518145401.tsx new file mode 100644 index 0000000..1b77afb --- /dev/null +++ b/.history/components/Block/Stock/Skeleton_20220518145401.tsx @@ -0,0 +1,16 @@ +import React from 'react'; +import ContentLoader from 'react-content-loader'; + +export const SkeletonStock = () => ( + + + +); diff --git a/.history/components/Block/Stock/Skeleton_20220518145408.tsx b/.history/components/Block/Stock/Skeleton_20220518145408.tsx new file mode 100644 index 0000000..a1cc0d3 --- /dev/null +++ b/.history/components/Block/Stock/Skeleton_20220518145408.tsx @@ -0,0 +1,16 @@ +import React from 'react'; +import ContentLoader from 'react-content-loader'; + +export const SkeletonStock = () => ( + + + +); diff --git a/.history/components/Block/Stock/Skeleton_20220518145422.tsx b/.history/components/Block/Stock/Skeleton_20220518145422.tsx new file mode 100644 index 0000000..56fcd43 --- /dev/null +++ b/.history/components/Block/Stock/Skeleton_20220518145422.tsx @@ -0,0 +1,16 @@ +import React from 'react'; +import ContentLoader from 'react-content-loader'; + +export const SkeletonStock = () => ( + + + +); diff --git a/.history/components/Block/Stock/Skeleton_20220518145444.tsx b/.history/components/Block/Stock/Skeleton_20220518145444.tsx new file mode 100644 index 0000000..c3151b1 --- /dev/null +++ b/.history/components/Block/Stock/Skeleton_20220518145444.tsx @@ -0,0 +1,16 @@ +import React from 'react'; +import ContentLoader from 'react-content-loader'; + +export const SkeletonStock = () => ( + + + +); diff --git a/.history/components/Block/Stock/Skeleton_20220518145458.tsx b/.history/components/Block/Stock/Skeleton_20220518145458.tsx new file mode 100644 index 0000000..8d0458f --- /dev/null +++ b/.history/components/Block/Stock/Skeleton_20220518145458.tsx @@ -0,0 +1,16 @@ +import React from 'react'; +import ContentLoader from 'react-content-loader'; + +export const SkeletonStock = () => ( + + + +); diff --git a/.history/components/Block/Stock/Skeleton_20220518145509.tsx b/.history/components/Block/Stock/Skeleton_20220518145509.tsx new file mode 100644 index 0000000..6cf00a4 --- /dev/null +++ b/.history/components/Block/Stock/Skeleton_20220518145509.tsx @@ -0,0 +1,16 @@ +import React from 'react'; +import ContentLoader from 'react-content-loader'; + +export const SkeletonStock = () => ( + + + +); diff --git a/.history/components/Block/Stock/Skeleton_20220518145642.tsx b/.history/components/Block/Stock/Skeleton_20220518145642.tsx new file mode 100644 index 0000000..5b3ba1f --- /dev/null +++ b/.history/components/Block/Stock/Skeleton_20220518145642.tsx @@ -0,0 +1,18 @@ +import React from 'react'; +import ContentLoader from 'react-content-loader'; + +export const SkeletonStock = () => ( + <> + + + + +); diff --git a/.history/components/Block/Stock/Skeleton_20220518145708.tsx b/.history/components/Block/Stock/Skeleton_20220518145708.tsx new file mode 100644 index 0000000..6cf00a4 --- /dev/null +++ b/.history/components/Block/Stock/Skeleton_20220518145708.tsx @@ -0,0 +1,16 @@ +import React from 'react'; +import ContentLoader from 'react-content-loader'; + +export const SkeletonStock = () => ( + + + +); diff --git a/.history/components/Block/Stock/Skeleton_20220518145737.tsx b/.history/components/Block/Stock/Skeleton_20220518145737.tsx new file mode 100644 index 0000000..35bd15e --- /dev/null +++ b/.history/components/Block/Stock/Skeleton_20220518145737.tsx @@ -0,0 +1,16 @@ +import React from 'react'; +import ContentLoader from 'react-content-loader'; + +export const SkeletonStock = () => ( + + + +); diff --git a/.history/components/Block/Stock/Skeleton_20220518145757.tsx b/.history/components/Block/Stock/Skeleton_20220518145757.tsx new file mode 100644 index 0000000..5cdbf2b --- /dev/null +++ b/.history/components/Block/Stock/Skeleton_20220518145757.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import ContentLoader from 'react-content-loader'; + +export const SkeletonStock = () => ( + + + +); diff --git a/.history/components/Block/Stock/Stock_20220517171533.tsx b/.history/components/Block/Stock/Stock_20220517171533.tsx new file mode 100644 index 0000000..8504ccc --- /dev/null +++ b/.history/components/Block/Stock/Stock_20220517171533.tsx @@ -0,0 +1,25 @@ +import React from 'react'; +import classNames from 'classnames'; + +type Props = { + color: string; + title_one: string; + title_two: string; + img: string; + sale: string; + }; + + export const CardStock: React.FC = ({color, title_one, title_two, img, sale}) => { + return( +
+
+

{title_one}

+

{title_two}

+
+
+
+

{sale}

+
+
+ ) +} \ No newline at end of file diff --git a/.history/components/Block/Stock/Stock_20220518142538.tsx b/.history/components/Block/Stock/Stock_20220518142538.tsx new file mode 100644 index 0000000..be2146d --- /dev/null +++ b/.history/components/Block/Stock/Stock_20220518142538.tsx @@ -0,0 +1,26 @@ +import React from 'react'; +import classNames from 'classnames'; + +type Props = { + id: number; + color: string; + title_one: string; + title_two: string; + img: string; + sale: string; + }; + + export const CardStock: React.FC = ({color, title_one, title_two, img, sale}) => { + return( +
+
+

{title_one}

+

{title_two}

+
+
+
+

{sale}

+
+
+ ) +} \ No newline at end of file diff --git a/.history/components/Block/Stock/skeleton_20220518134307.tsx b/.history/components/Block/Stock/skeleton_20220518134307.tsx new file mode 100644 index 0000000..e69de29 diff --git a/.history/components/Block/Stock/skeleton_20220518134318.tsx b/.history/components/Block/Stock/skeleton_20220518134318.tsx new file mode 100644 index 0000000..a6410f2 --- /dev/null +++ b/.history/components/Block/Stock/skeleton_20220518134318.tsx @@ -0,0 +1,19 @@ +import React from 'react'; +import ContentLoader from 'react-content-loader'; + +export const Skeleton = () => ( + + + + + + + +); diff --git a/.history/components/Customer/Header_20220518151433.tsx b/.history/components/Customer/Header_20220518151433.tsx new file mode 100644 index 0000000..f01ca2b --- /dev/null +++ b/.history/components/Customer/Header_20220518151433.tsx @@ -0,0 +1,85 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './Customer/Search'; +import { selectCart } from '../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+ Logo +
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/Customer/Header_20220518151447.tsx b/.history/components/Customer/Header_20220518151447.tsx new file mode 100644 index 0000000..d150df2 --- /dev/null +++ b/.history/components/Customer/Header_20220518151447.tsx @@ -0,0 +1,85 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './Search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+ Logo +
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/Customer/Search/index_20220516232008.tsx b/.history/components/Customer/Search/index_20220516232008.tsx new file mode 100644 index 0000000..0a963b1 --- /dev/null +++ b/.history/components/Customer/Search/index_20220516232008.tsx @@ -0,0 +1,83 @@ +import React from 'react'; +import { useDispatch } from 'react-redux'; +import { debounce } from "lodash" + +import { setSearchValue } from '../../redux/search/slice'; + +export const Search: React.FC = () => { + const dispatch = useDispatch(); + const [value, setValue] = React.useState(''); + const inputRef = React.useRef(null); + + const onClickClear = () => { + dispatch(setSearchValue('')); + setValue(''); + inputRef.current?.focus(); + }; + + const updateSearchValue = React.useCallback( + debounce((str: string) => { + dispatch(setSearchValue(str)); + }, 150), + [], + ); + + const onChangeInput = (event: React.ChangeEvent) => { + setValue(event.target.value); + updateSearchValue(event.target.value); + }; + + return ( +
+ + + + + + {value && ( + + + + )} +
+ ); +}; diff --git a/.history/components/Customer/Search/index_20220518151434.tsx b/.history/components/Customer/Search/index_20220518151434.tsx new file mode 100644 index 0000000..7cbd19b --- /dev/null +++ b/.history/components/Customer/Search/index_20220518151434.tsx @@ -0,0 +1,83 @@ +import React from 'react'; +import { useDispatch } from 'react-redux'; +import { debounce } from "lodash" + +import { setSearchValue } from '../../../redux/search/slice'; + +export const Search: React.FC = () => { + const dispatch = useDispatch(); + const [value, setValue] = React.useState(''); + const inputRef = React.useRef(null); + + const onClickClear = () => { + dispatch(setSearchValue('')); + setValue(''); + inputRef.current?.focus(); + }; + + const updateSearchValue = React.useCallback( + debounce((str: string) => { + dispatch(setSearchValue(str)); + }, 150), + [], + ); + + const onChangeInput = (event: React.ChangeEvent) => { + setValue(event.target.value); + updateSearchValue(event.target.value); + }; + + return ( +
+ + + + + + {value && ( + + + + )} +
+ ); +}; diff --git a/.history/components/Header_20220517160019.tsx b/.history/components/Header_20220517160019.tsx new file mode 100644 index 0000000..c808132 --- /dev/null +++ b/.history/components/Header_20220517160019.tsx @@ -0,0 +1,85 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './Search'; +import { selectCart } from '../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+ Logo +
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/Header_20220518151434.tsx b/.history/components/Header_20220518151434.tsx new file mode 100644 index 0000000..f01ca2b --- /dev/null +++ b/.history/components/Header_20220518151434.tsx @@ -0,0 +1,85 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './Customer/Search'; +import { selectCart } from '../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+ Logo +
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/UI/ButtonImg_20220529001126.tsx b/.history/components/UI/ButtonImg_20220529001126.tsx new file mode 100644 index 0000000..e69de29 diff --git a/.history/components/UI/ButtonImg_20220529001133.tsx b/.history/components/UI/ButtonImg_20220529001133.tsx new file mode 100644 index 0000000..7066ce8 --- /dev/null +++ b/.history/components/UI/ButtonImg_20220529001133.tsx @@ -0,0 +1,17 @@ +import React from 'react'; +import classNames from 'classnames'; + +interface Props { + align: string; + styles: string; + children?: React.ReactNode; + onClick: () => void; + } + +export const Button: React.FC = ({onClick, align, styles, children}) => { + return( +
+ +
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/ButtonImg_20220529001136.tsx b/.history/components/UI/ButtonImg_20220529001136.tsx new file mode 100644 index 0000000..30c115e --- /dev/null +++ b/.history/components/UI/ButtonImg_20220529001136.tsx @@ -0,0 +1,17 @@ +import React from 'react'; +import classNames from 'classnames'; + +interface Props { + align: string; + styles: string; + children?: React.ReactNode; + onClick: () => void; + } + +export const ButtonImg: React.FC = ({onClick, align, styles, children}) => { + return( +
+ +
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/ButtonImg_20220529001137.tsx b/.history/components/UI/ButtonImg_20220529001137.tsx new file mode 100644 index 0000000..30c115e --- /dev/null +++ b/.history/components/UI/ButtonImg_20220529001137.tsx @@ -0,0 +1,17 @@ +import React from 'react'; +import classNames from 'classnames'; + +interface Props { + align: string; + styles: string; + children?: React.ReactNode; + onClick: () => void; + } + +export const ButtonImg: React.FC = ({onClick, align, styles, children}) => { + return( +
+ +
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/ButtonImg_20220529001155.tsx b/.history/components/UI/ButtonImg_20220529001155.tsx new file mode 100644 index 0000000..5b87aa7 --- /dev/null +++ b/.history/components/UI/ButtonImg_20220529001155.tsx @@ -0,0 +1,17 @@ +import React from 'react'; +import classNames from 'classnames'; + +interface Props { + align: string; + styles: string; + children?: React.ReactNode; + onClick: () => void; + } + +export const ButtonImg: React.FC = ({onClick, align, styles, children}) => { + return( +
+ +
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/ButtonImg_20220529001202.tsx b/.history/components/UI/ButtonImg_20220529001202.tsx new file mode 100644 index 0000000..4321114 --- /dev/null +++ b/.history/components/UI/ButtonImg_20220529001202.tsx @@ -0,0 +1,17 @@ +import React from 'react'; +import classNames from 'classnames'; + +interface Props { + align: string; + styles: string; + children?: React.ReactNode; + onClick: () => void; + } + +export const ButtonImg: React.FC = ({onClick, img, styles, children}) => { + return( +
+ +
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/ButtonImg_20220529001207.tsx b/.history/components/UI/ButtonImg_20220529001207.tsx new file mode 100644 index 0000000..eb8bf0a --- /dev/null +++ b/.history/components/UI/ButtonImg_20220529001207.tsx @@ -0,0 +1,17 @@ +import React from 'react'; +import classNames from 'classnames'; + +interface Props { + align: string; + styles: string; + children?: React.ReactNode; + onClick: () => void; + } + +export const ButtonImg: React.FC = ({onClick, img,children}) => { + return( +
+ +
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/ButtonImg_20220529001213.tsx b/.history/components/UI/ButtonImg_20220529001213.tsx new file mode 100644 index 0000000..39b69be --- /dev/null +++ b/.history/components/UI/ButtonImg_20220529001213.tsx @@ -0,0 +1,17 @@ +import React from 'react'; +import classNames from 'classnames'; + +interface Props { + align: string; + img: string; + children?: React.ReactNode; + onClick: () => void; + } + +export const ButtonImg: React.FC = ({onClick, img,children}) => { + return( +
+ +
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/ButtonImg_20220529001217.tsx b/.history/components/UI/ButtonImg_20220529001217.tsx new file mode 100644 index 0000000..c71bf35 --- /dev/null +++ b/.history/components/UI/ButtonImg_20220529001217.tsx @@ -0,0 +1,17 @@ +import React from 'react'; +import classNames from 'classnames'; + +interface Props { + align: string; + img: string; + children?: React.ReactNode; + onClick: () => void; + } + +export const ButtonImg: React.FC = ({onClick, img, children}) => { + return( +
+ +
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/ButtonImg_20220529001222.tsx b/.history/components/UI/ButtonImg_20220529001222.tsx new file mode 100644 index 0000000..5e94386 --- /dev/null +++ b/.history/components/UI/ButtonImg_20220529001222.tsx @@ -0,0 +1,16 @@ +import React from 'react'; +import classNames from 'classnames'; + +interface Props { + img: string; + children?: React.ReactNode; + onClick: () => void; + } + +export const ButtonImg: React.FC = ({onClick, img, children}) => { + return( +
+ +
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/ButtonImg_20220529001224.tsx b/.history/components/UI/ButtonImg_20220529001224.tsx new file mode 100644 index 0000000..5e94386 --- /dev/null +++ b/.history/components/UI/ButtonImg_20220529001224.tsx @@ -0,0 +1,16 @@ +import React from 'react'; +import classNames from 'classnames'; + +interface Props { + img: string; + children?: React.ReactNode; + onClick: () => void; + } + +export const ButtonImg: React.FC = ({onClick, img, children}) => { + return( +
+ +
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/ButtonImg_20220529001348.tsx b/.history/components/UI/ButtonImg_20220529001348.tsx new file mode 100644 index 0000000..e745281 --- /dev/null +++ b/.history/components/UI/ButtonImg_20220529001348.tsx @@ -0,0 +1,16 @@ +import React from 'react'; +import classNames from 'classnames'; + +interface Props { + img: string; + children?: React.ReactNode; + onClick: () => void; + } + +export const ButtonImg: React.FC = ({onClick, img, children}) => { + return( +
+ +
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/ButtonImg_20220529001412.tsx b/.history/components/UI/ButtonImg_20220529001412.tsx new file mode 100644 index 0000000..e745281 --- /dev/null +++ b/.history/components/UI/ButtonImg_20220529001412.tsx @@ -0,0 +1,16 @@ +import React from 'react'; +import classNames from 'classnames'; + +interface Props { + img: string; + children?: React.ReactNode; + onClick: () => void; + } + +export const ButtonImg: React.FC = ({onClick, img, children}) => { + return( +
+ +
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/ButtonImg_20220529142855.tsx b/.history/components/UI/ButtonImg_20220529142855.tsx new file mode 100644 index 0000000..e745281 --- /dev/null +++ b/.history/components/UI/ButtonImg_20220529142855.tsx @@ -0,0 +1,16 @@ +import React from 'react'; +import classNames from 'classnames'; + +interface Props { + img: string; + children?: React.ReactNode; + onClick: () => void; + } + +export const ButtonImg: React.FC = ({onClick, img, children}) => { + return( +
+ +
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/Button_20220518152339.tsx b/.history/components/UI/Button_20220518152339.tsx new file mode 100644 index 0000000..e69de29 diff --git a/.history/components/UI/Button_20220518152348.tsx b/.history/components/UI/Button_20220518152348.tsx new file mode 100644 index 0000000..e9b39d8 --- /dev/null +++ b/.history/components/UI/Button_20220518152348.tsx @@ -0,0 +1,17 @@ +import React from 'react'; +import PropTypes from 'prop-types'; +import classNames from 'classnames'; + +const Button = ({onClick, align, styles, children}) => { + return( +
+ +
+ ) +} + +Button.propTypes = { + onClick: PropTypes.func, +}; + +export default Button; diff --git a/.history/components/UI/Button_20220518152711.tsx b/.history/components/UI/Button_20220518152711.tsx new file mode 100644 index 0000000..791d2c6 --- /dev/null +++ b/.history/components/UI/Button_20220518152711.tsx @@ -0,0 +1,17 @@ +import React from 'react'; +import PropTypes from 'prop-types'; +import classNames from 'classnames'; + +export const Button: React.FC = () => (({onClick, align, styles, children}) => { + return( +
+ +
+ ) +} + +Button.propTypes = { + onClick: PropTypes.func, +}; + +export default Button; diff --git a/.history/components/UI/Button_20220518152806.tsx b/.history/components/UI/Button_20220518152806.tsx new file mode 100644 index 0000000..fdd9087 --- /dev/null +++ b/.history/components/UI/Button_20220518152806.tsx @@ -0,0 +1,15 @@ +import React from 'react'; +import PropTypes from 'prop-types'; +import classNames from 'classnames'; + +export const Button: React.FC = () => (({onClick, align, styles, children}) => { + return( +
+ +
+ ) +} + +Button.propTypes = { + onClick: PropTypes.func, +}; diff --git a/.history/components/UI/Button_20220518152920.tsx b/.history/components/UI/Button_20220518152920.tsx new file mode 100644 index 0000000..91af155 --- /dev/null +++ b/.history/components/UI/Button_20220518152920.tsx @@ -0,0 +1,15 @@ +import React from 'react'; +import PropTypes from 'prop-types'; +import classNames from 'classnames'; + +export const Button: React.FC = () => (({onClick, align, styles, children}) => { + return( +
+ +
+ ) +} + +Button.propTypes = { + onClick: PropTypes.func, +}; diff --git a/.history/components/UI/Button_20220518152939.tsx b/.history/components/UI/Button_20220518152939.tsx new file mode 100644 index 0000000..522fd06 --- /dev/null +++ b/.history/components/UI/Button_20220518152939.tsx @@ -0,0 +1,15 @@ +import React from 'react'; +import PropTypes from 'prop-types'; +import classNames from 'classnames'; + +export const Button: React.FC = (({onClick, align, styles, children}) => { + return( +
+ +
+ ) +} + +Button.propTypes = { + onClick: PropTypes.func, +}; diff --git a/.history/components/UI/Button_20220518153013.tsx b/.history/components/UI/Button_20220518153013.tsx new file mode 100644 index 0000000..f634dcd --- /dev/null +++ b/.history/components/UI/Button_20220518153013.tsx @@ -0,0 +1,18 @@ +import React from 'react'; +import PropTypes from 'prop-types'; +import classNames from 'classnames'; + +interface Props { + align: string; + styles: string; + children?: React.ReactNode; + onClick: () => void; + } + +export const Button: React.FC = (({onClick, align, styles, children}) => { + return( +
+ +
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/Button_20220518153019.tsx b/.history/components/UI/Button_20220518153019.tsx new file mode 100644 index 0000000..54d2d09 --- /dev/null +++ b/.history/components/UI/Button_20220518153019.tsx @@ -0,0 +1,18 @@ +import React from 'react'; +import PropTypes from 'prop-types'; +import classNames from 'classnames'; + +interface Props { + align: string; + styles: string; + children?: React.ReactNode; + onClick: () => void; + } + +export const Button: React.FC = ({onClick, align, styles, children}) => { + return( +
+ +
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/Button_20220518153025.tsx b/.history/components/UI/Button_20220518153025.tsx new file mode 100644 index 0000000..54d2d09 --- /dev/null +++ b/.history/components/UI/Button_20220518153025.tsx @@ -0,0 +1,18 @@ +import React from 'react'; +import PropTypes from 'prop-types'; +import classNames from 'classnames'; + +interface Props { + align: string; + styles: string; + children?: React.ReactNode; + onClick: () => void; + } + +export const Button: React.FC = ({onClick, align, styles, children}) => { + return( +
+ +
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/Button_20220518154104.tsx b/.history/components/UI/Button_20220518154104.tsx new file mode 100644 index 0000000..89fdf86 --- /dev/null +++ b/.history/components/UI/Button_20220518154104.tsx @@ -0,0 +1,17 @@ +import React from 'react'; +import classNames from 'classnames'; + +interface Props { + align: string; + styles: string; + children?: React.ReactNode; + onClick: () => void; + } + +export const Button: React.FC = ({onClick, align, styles, children}) => { + return( +
+ +
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/Button_20220518155731.tsx b/.history/components/UI/Button_20220518155731.tsx new file mode 100644 index 0000000..2a290c9 --- /dev/null +++ b/.history/components/UI/Button_20220518155731.tsx @@ -0,0 +1,17 @@ +import React from 'react'; +import classNames from 'classnames'; + +interface Props { + align: string; + styles: string; + children?: React.ReactNode; + onClick: any; + } + +export const Button: React.FC = ({onClick, align, styles, children}) => { + return( +
+ +
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/Button_20220518155848.tsx b/.history/components/UI/Button_20220518155848.tsx new file mode 100644 index 0000000..89fdf86 --- /dev/null +++ b/.history/components/UI/Button_20220518155848.tsx @@ -0,0 +1,17 @@ +import React from 'react'; +import classNames from 'classnames'; + +interface Props { + align: string; + styles: string; + children?: React.ReactNode; + onClick: () => void; + } + +export const Button: React.FC = ({onClick, align, styles, children}) => { + return( +
+ +
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/Button_20220518160852.tsx b/.history/components/UI/Button_20220518160852.tsx new file mode 100644 index 0000000..f486084 --- /dev/null +++ b/.history/components/UI/Button_20220518160852.tsx @@ -0,0 +1,17 @@ +import React from 'react'; +import classNames from 'classnames'; + +interface Props { + align: string; + styles: string; + children?: React.ReactNode; + onClick: (event) => void; + } + +export const Button: React.FC = ({onClick, align, styles, children}) => { + return( +
+ +
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/Button_20220518160937.tsx b/.history/components/UI/Button_20220518160937.tsx new file mode 100644 index 0000000..a6a5332 --- /dev/null +++ b/.history/components/UI/Button_20220518160937.tsx @@ -0,0 +1,18 @@ +import React from 'react'; +import classNames from 'classnames'; + +interface Props { + align: string; + styles: string; + children?: React.ReactNode; + onClick: {(event: KonvaMouseEvent) => { + makeMove(ownMark, event.target.index)}; + } + +export const Button: React.FC = ({onClick, align, styles, children}) => { + return( +
+ +
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/Button_20220518160952.tsx b/.history/components/UI/Button_20220518160952.tsx new file mode 100644 index 0000000..50e7195 --- /dev/null +++ b/.history/components/UI/Button_20220518160952.tsx @@ -0,0 +1,22 @@ +import React from 'react'; +import classNames from 'classnames'; + +interface KonvaMouseEvent extends React.MouseEvent { + target: KonvaTextEventTarget + } + +interface Props { + align: string; + styles: string; + children?: React.ReactNode; + onClick: {(event: KonvaMouseEvent) => { + makeMove(ownMark, event.target.index)}; + } + +export const Button: React.FC = ({onClick, align, styles, children}) => { + return( +
+ +
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/Button_20220518161030.tsx b/.history/components/UI/Button_20220518161030.tsx new file mode 100644 index 0000000..ada1f65 --- /dev/null +++ b/.history/components/UI/Button_20220518161030.tsx @@ -0,0 +1,17 @@ +import React from 'react'; +import classNames from 'classnames'; + +interface Props { + align: string; + styles: string; + children?: React.ReactNode; + onClick: () => void; + } + +export const Button: React.FC = ({onClick, align, styles, children}) => { + return( +
+ +
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/Button_20220518161206.tsx b/.history/components/UI/Button_20220518161206.tsx new file mode 100644 index 0000000..0d589a1 --- /dev/null +++ b/.history/components/UI/Button_20220518161206.tsx @@ -0,0 +1,17 @@ +import React from 'react'; +import classNames from 'classnames'; + +interface Props { + align: string; + styles: string; + children?: React.ReactNode; + onClick: () => void; + } + +export const Button: React.FC = ({onClick, align, styles, children}) => { + return( +
+ +
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/Button_20220518161209.tsx b/.history/components/UI/Button_20220518161209.tsx new file mode 100644 index 0000000..4133ff5 --- /dev/null +++ b/.history/components/UI/Button_20220518161209.tsx @@ -0,0 +1,17 @@ +import React from 'react'; +import classNames from 'classnames'; + +interface Props { + align: string; + styles: string; + children?: React.ReactNode; + onClick: () => void; + } + +export const Button: React.FC = ({onClick, align, styles, children}) => { + return( +
+ +
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/Button_20220520133457.tsx b/.history/components/UI/Button_20220520133457.tsx new file mode 100644 index 0000000..7066ce8 --- /dev/null +++ b/.history/components/UI/Button_20220520133457.tsx @@ -0,0 +1,17 @@ +import React from 'react'; +import classNames from 'classnames'; + +interface Props { + align: string; + styles: string; + children?: React.ReactNode; + onClick: () => void; + } + +export const Button: React.FC = ({onClick, align, styles, children}) => { + return( +
+ +
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/Button_20220520133516.tsx b/.history/components/UI/Button_20220520133516.tsx new file mode 100644 index 0000000..7066ce8 --- /dev/null +++ b/.history/components/UI/Button_20220520133516.tsx @@ -0,0 +1,17 @@ +import React from 'react'; +import classNames from 'classnames'; + +interface Props { + align: string; + styles: string; + children?: React.ReactNode; + onClick: () => void; + } + +export const Button: React.FC = ({onClick, align, styles, children}) => { + return( +
+ +
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/Button_20220602163434.tsx b/.history/components/UI/Button_20220602163434.tsx new file mode 100644 index 0000000..80b1a59 --- /dev/null +++ b/.history/components/UI/Button_20220602163434.tsx @@ -0,0 +1,16 @@ +import React from 'react'; +import classNames from 'classnames'; + +interface Props { + align: string; + styles: string; + children?: React.ReactNode; + } + +export const Button: React.FC = ({align, styles, children}) => { + return( +
+ +
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/Button_20220604083650.tsx b/.history/components/UI/Button_20220604083650.tsx new file mode 100644 index 0000000..8e0d2d4 --- /dev/null +++ b/.history/components/UI/Button_20220604083650.tsx @@ -0,0 +1,17 @@ +import React from 'react'; +import classNames from 'classnames'; + +interface Props { + align: string; + styles: string; + children?: React.ReactNode; + onClick:() => void; + } + +export const Button: React.FC = ({align, styles, children, onClick}) => { + return( +
+ +
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/Button_20220604130939.tsx b/.history/components/UI/Button_20220604130939.tsx new file mode 100644 index 0000000..8e0d2d4 --- /dev/null +++ b/.history/components/UI/Button_20220604130939.tsx @@ -0,0 +1,17 @@ +import React from 'react'; +import classNames from 'classnames'; + +interface Props { + align: string; + styles: string; + children?: React.ReactNode; + onClick:() => void; + } + +export const Button: React.FC = ({align, styles, children, onClick}) => { + return( +
+ +
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/Button_20220604131539.tsx b/.history/components/UI/Button_20220604131539.tsx new file mode 100644 index 0000000..915f126 --- /dev/null +++ b/.history/components/UI/Button_20220604131539.tsx @@ -0,0 +1,17 @@ +import React from 'react'; +import classNames from 'classnames'; + +type Props = { + align: string; + styles: string; + children?: React.ReactNode; + onClick: () => void; + } + +export const Button: React.FC = ({align, styles, children, onClick}) => { + return( +
+ +
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/Icon_20220528173840.tsx b/.history/components/UI/Icon_20220528173840.tsx new file mode 100644 index 0000000..e69de29 diff --git a/.history/components/UI/Icon_20220528173852.tsx b/.history/components/UI/Icon_20220528173852.tsx new file mode 100644 index 0000000..38e2ad5 --- /dev/null +++ b/.history/components/UI/Icon_20220528173852.tsx @@ -0,0 +1,17 @@ +import React from 'react'; +import classNames from 'classnames'; + +interface Props { + align: string; + styles: string; + children?: React.ReactNode; + onClick: () => void; + } + +export const Icon: React.FC = ({onClick, align, styles, children}) => { + return( +
+ +
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/Icon_20220528173940.tsx b/.history/components/UI/Icon_20220528173940.tsx new file mode 100644 index 0000000..c5e9682 --- /dev/null +++ b/.history/components/UI/Icon_20220528173940.tsx @@ -0,0 +1,24 @@ +import React from 'react'; +import classNames from 'classnames'; + +export const Icon: React.FC = ({onClick, align, styles, children}) => { + return( +
+ +
+ ) +} + + +export const IconMoped = (props) => { + return( +

+ ) +} + +export const IconFire = (props) => { + return( +

+ ) +} + diff --git a/.history/components/UI/Icon_20220528174512.tsx b/.history/components/UI/Icon_20220528174512.tsx new file mode 100644 index 0000000..e69de29 diff --git a/.history/components/UI/InputRadio_20220531231307.tsx b/.history/components/UI/InputRadio_20220531231307.tsx new file mode 100644 index 0000000..e69de29 diff --git a/.history/components/UI/InputRadio_20220531231427.tsx b/.history/components/UI/InputRadio_20220531231427.tsx new file mode 100644 index 0000000..7326f1a --- /dev/null +++ b/.history/components/UI/InputRadio_20220531231427.tsx @@ -0,0 +1,24 @@ +import React from 'react' +import classNames from 'classnames'; + +interface Props { + onChange: (name: string, value: string,) => void; + num: number, + variable: number, + label: string, + value: string, + } + + export const Input: React.FC = ({num, variable, onChange }) => { + return( + + ) +} + diff --git a/.history/components/UI/InputRadio_20220531231621.tsx b/.history/components/UI/InputRadio_20220531231621.tsx new file mode 100644 index 0000000..489fc5c --- /dev/null +++ b/.history/components/UI/InputRadio_20220531231621.tsx @@ -0,0 +1,24 @@ +import React from 'react' +import classNames from 'classnames'; + +interface Props { + onChange: (e: React.ChangeEvent) => void; + num: number, + variable: number, + label: string, + value: string, + } + + export const Input: React.FC = ({num, variable, onChange }) => { + return( + + ) +} + diff --git a/.history/components/UI/InputRadio_20220531231629.tsx b/.history/components/UI/InputRadio_20220531231629.tsx new file mode 100644 index 0000000..7a3f285 --- /dev/null +++ b/.history/components/UI/InputRadio_20220531231629.tsx @@ -0,0 +1,23 @@ +import React from 'react' + +interface Props { + onChange: (e: React.ChangeEvent) => void; + num: number, + variable: number, + label: string, + value: string, + } + + export const Input: React.FC = ({num, variable, onChange }) => { + return( + + ) +} + diff --git a/.history/components/UI/InputRadio_20220531231657.tsx b/.history/components/UI/InputRadio_20220531231657.tsx new file mode 100644 index 0000000..76d8e22 --- /dev/null +++ b/.history/components/UI/InputRadio_20220531231657.tsx @@ -0,0 +1,23 @@ +import React from 'react' + +interface Props { + onChange: (e: React.ChangeEvent) => void; + num: number, + variable: number, + label: string, + value: string, + } + + export const InputRadio: React.FC = ({num, variable, onChange }) => { + return( + + ) +} + diff --git a/.history/components/UI/InputRadio_20220531232713.tsx b/.history/components/UI/InputRadio_20220531232713.tsx new file mode 100644 index 0000000..16d080c --- /dev/null +++ b/.history/components/UI/InputRadio_20220531232713.tsx @@ -0,0 +1,23 @@ +import React from 'react' + +interface Props { + onChange: (value: string, checked: boolean) => void, + num: number, + variable: number, + label: string, + value: number, + } + + export const InputRadio: React.FC = ({num, variable, onChange }) => { + return( + onChange(event.target.value, event.target.checked)} + checked={variable == num} + /> + ) +} + diff --git a/.history/components/UI/InputRadio_20220531233007.tsx b/.history/components/UI/InputRadio_20220531233007.tsx new file mode 100644 index 0000000..9e513a3 --- /dev/null +++ b/.history/components/UI/InputRadio_20220531233007.tsx @@ -0,0 +1,24 @@ +import React from 'react' + +interface Props { + onChange: (value: string, checked: boolean) => void, + num: number, + variable: number, + label: string, + value: number, + key: number, + } + + export const InputRadio: React.FC = ({key, num, variable, onChange }) => { + return( + onChange(event.target.value, event.target.checked)} + checked={variable == num} + /> + ) +} + diff --git a/.history/components/UI/InputRadio_20220531233038.tsx b/.history/components/UI/InputRadio_20220531233038.tsx new file mode 100644 index 0000000..f6ce7a5 --- /dev/null +++ b/.history/components/UI/InputRadio_20220531233038.tsx @@ -0,0 +1,24 @@ +import React from 'react' + +interface Props { + onChange: (value: string, checked: boolean) => void, + num: number, + variable: number, + label: string, + value: number, + key: string, + } + + export const InputRadio: React.FC = ({key, num, variable, onChange }) => { + return( + onChange(event.target.value, event.target.checked)} + checked={variable == num} + /> + ) +} + diff --git a/.history/components/UI/InputRadio_20220531234646.tsx b/.history/components/UI/InputRadio_20220531234646.tsx new file mode 100644 index 0000000..f6ce7a5 --- /dev/null +++ b/.history/components/UI/InputRadio_20220531234646.tsx @@ -0,0 +1,24 @@ +import React from 'react' + +interface Props { + onChange: (value: string, checked: boolean) => void, + num: number, + variable: number, + label: string, + value: number, + key: string, + } + + export const InputRadio: React.FC = ({key, num, variable, onChange }) => { + return( + onChange(event.target.value, event.target.checked)} + checked={variable == num} + /> + ) +} + diff --git a/.history/components/UI/InputRadio_20220601000052.tsx b/.history/components/UI/InputRadio_20220601000052.tsx new file mode 100644 index 0000000..b8c8cb7 --- /dev/null +++ b/.history/components/UI/InputRadio_20220601000052.tsx @@ -0,0 +1,24 @@ +import React from 'react' + +interface Props { + onChange: () => void, + num: number, + variable: number, + label: string, + value: number, + key: string, + } + + export const InputRadio: React.FC = ({key, num, variable, onChange }) => { + return( + onChange()} + checked={variable == num} + /> + ) +} + diff --git a/.history/components/UI/InputRadio_20220601000722.tsx b/.history/components/UI/InputRadio_20220601000722.tsx new file mode 100644 index 0000000..f6ce7a5 --- /dev/null +++ b/.history/components/UI/InputRadio_20220601000722.tsx @@ -0,0 +1,24 @@ +import React from 'react' + +interface Props { + onChange: (value: string, checked: boolean) => void, + num: number, + variable: number, + label: string, + value: number, + key: string, + } + + export const InputRadio: React.FC = ({key, num, variable, onChange }) => { + return( + onChange(event.target.value, event.target.checked)} + checked={variable == num} + /> + ) +} + diff --git a/.history/components/UI/InputRadio_20220601001235.tsx b/.history/components/UI/InputRadio_20220601001235.tsx new file mode 100644 index 0000000..15ded1b --- /dev/null +++ b/.history/components/UI/InputRadio_20220601001235.tsx @@ -0,0 +1,24 @@ +import React from 'react' + +interface Props { + onChange: (value: number, checked: boolean) => void, + num: number, + variable: number, + label: string, + value: number, + key: string, + } + + export const InputRadio: React.FC = ({key, num, variable, onChange }) => { + return( + onChange(event.target.value, event.target.checked)} + checked={variable == num} + /> + ) +} + diff --git a/.history/components/UI/InputRadio_20220601001655.tsx b/.history/components/UI/InputRadio_20220601001655.tsx new file mode 100644 index 0000000..1b46828 --- /dev/null +++ b/.history/components/UI/InputRadio_20220601001655.tsx @@ -0,0 +1,24 @@ +import React from 'react' + +type Props = { + onChange: (value: number, checked: boolean) => void, + num: number, + variable: number, + label: string, + value: number, + key: string, + } + + export const InputRadio: React.FC = ({key, num, variable, onChange }) => { + return( + onChange(event.target.value, event.target.checked)} + checked={variable == num} + /> + ) +} + diff --git a/.history/components/UI/InputRadio_20220601085439.tsx b/.history/components/UI/InputRadio_20220601085439.tsx new file mode 100644 index 0000000..ea0e1c0 --- /dev/null +++ b/.history/components/UI/InputRadio_20220601085439.tsx @@ -0,0 +1,24 @@ +import React from 'react' + +type Props = { + onChange: (value: string, checked: boolean) => void, + num: number, + variable: number, + label: string, + value: number, + key: string, + } + + export const InputRadio: React.FC = ({key, num, variable, onChange }) => { + return( + onChange(event.target.value, event.target.checked)} + checked={variable == num} + /> + ) +} + diff --git a/.history/components/UI/InputRadio_20220601090521.tsx b/.history/components/UI/InputRadio_20220601090521.tsx new file mode 100644 index 0000000..44f93f6 --- /dev/null +++ b/.history/components/UI/InputRadio_20220601090521.tsx @@ -0,0 +1,23 @@ +import React from 'react' + +type Props = { + onChange: (value: string, checked: boolean) => void, + num: number, + variable: number, + label: string, + value: number, + } + + export const InputRadio: React.FC = ({num, variable, onChange }) => { + return( + onChange(event.target.value, event.target.checked)} + checked={variable == num} + /> + ) +} + diff --git a/.history/components/UI/InputRadio_20220601090715.tsx b/.history/components/UI/InputRadio_20220601090715.tsx new file mode 100644 index 0000000..fde5fca --- /dev/null +++ b/.history/components/UI/InputRadio_20220601090715.tsx @@ -0,0 +1,24 @@ +import React from 'react' + +type Props = { + onChange: (value: string, checked: boolean) => void, + num: number, + variable: number, + label: string, + value: number, + } + + export const InputRadio: React.FC = ({num, variable, onChange }) => { + console.log(num, variable); + return( + onChange(event.target.value, event.target.checked)} + checked={variable == num} + /> + ) +} + diff --git a/.history/components/UI/Input_20220518153618.tsx b/.history/components/UI/Input_20220518153618.tsx new file mode 100644 index 0000000..e69de29 diff --git a/.history/components/UI/Input_20220518154055.tsx b/.history/components/UI/Input_20220518154055.tsx new file mode 100644 index 0000000..48774c1 --- /dev/null +++ b/.history/components/UI/Input_20220518154055.tsx @@ -0,0 +1,26 @@ +import React from 'react' +import PropTypes from 'prop-types'; +import classNames from 'classnames'; + + const Input = ({type, name, label, onChange, value }) => { + return( +
+ + + + +
+ ) +} + +Input.propTypes = { + onChange: PropTypes.func, + type: PropTypes.string, + name: PropTypes.string, + label: PropTypes.string, + value: PropTypes.string, +}; + +export default Input; diff --git a/.history/components/UI/Input_20220518154112.tsx b/.history/components/UI/Input_20220518154112.tsx new file mode 100644 index 0000000..fc1d182 --- /dev/null +++ b/.history/components/UI/Input_20220518154112.tsx @@ -0,0 +1,33 @@ +import React from 'react' +import PropTypes from 'prop-types'; +import classNames from 'classnames'; + +interface Props { + align: string; + styles: string; + children?: React.ReactNode; + onClick: () => void; + } + + const Input = ({type, name, label, onChange, value }) => { + return( +
+ + + + +
+ ) +} + +Input.propTypes = { + onChange: PropTypes.func, + type: PropTypes.string, + name: PropTypes.string, + label: PropTypes.string, + value: PropTypes.string, +}; + +export default Input; diff --git a/.history/components/UI/Input_20220518154156.tsx b/.history/components/UI/Input_20220518154156.tsx new file mode 100644 index 0000000..7f0f986 --- /dev/null +++ b/.history/components/UI/Input_20220518154156.tsx @@ -0,0 +1,25 @@ +import React from 'react' +import PropTypes from 'prop-types'; +import classNames from 'classnames'; + +interface Props { + onChange: PropTypes.func, + type: PropTypes.string, + name: PropTypes.string, + label: PropTypes.string, + value: PropTypes.string, + } + + export const Input: React.FC = ({type, name, label, onChange, value }) => { + return( +
+ + + + +
+ ) +} + diff --git a/.history/components/UI/Input_20220518154211.tsx b/.history/components/UI/Input_20220518154211.tsx new file mode 100644 index 0000000..50977ff --- /dev/null +++ b/.history/components/UI/Input_20220518154211.tsx @@ -0,0 +1,25 @@ +import React from 'react' +import PropTypes from 'prop-types'; +import classNames from 'classnames'; + +interface Props { + onChange: () => void, + type: PropTypes.string, + name: PropTypes.string, + label: PropTypes.string, + value: PropTypes.string, + } + + export const Input: React.FC = ({type, name, label, onChange, value }) => { + return( +
+ + + + +
+ ) +} + diff --git a/.history/components/UI/Input_20220518154240.tsx b/.history/components/UI/Input_20220518154240.tsx new file mode 100644 index 0000000..b632510 --- /dev/null +++ b/.history/components/UI/Input_20220518154240.tsx @@ -0,0 +1,25 @@ +import React from 'react' +import PropTypes from 'prop-types'; +import classNames from 'classnames'; + +interface Props { + onChange: () => void, + type: string, + name: string, + label: string, + value: string, + } + + export const Input: React.FC = ({type, name, label, onChange, value }) => { + return( +
+ + + + +
+ ) +} + diff --git a/.history/components/UI/Input_20220518160030.tsx b/.history/components/UI/Input_20220518160030.tsx new file mode 100644 index 0000000..b632510 --- /dev/null +++ b/.history/components/UI/Input_20220518160030.tsx @@ -0,0 +1,25 @@ +import React from 'react' +import PropTypes from 'prop-types'; +import classNames from 'classnames'; + +interface Props { + onChange: () => void, + type: string, + name: string, + label: string, + value: string, + } + + export const Input: React.FC = ({type, name, label, onChange, value }) => { + return( +
+ + + + +
+ ) +} + diff --git a/.history/components/UI/Input_20220518160405.tsx b/.history/components/UI/Input_20220518160405.tsx new file mode 100644 index 0000000..634aad0 --- /dev/null +++ b/.history/components/UI/Input_20220518160405.tsx @@ -0,0 +1,25 @@ +import React from 'react' +import PropTypes from 'prop-types'; +import classNames from 'classnames'; + +interface Props { + onChange: (event) => onChangePage(e ), + type: string, + name: string, + label: string, + value: string, + } + + export const Input: React.FC = ({type, name, label, onChange, value }) => { + return( +
+ + + + +
+ ) +} + diff --git a/.history/components/UI/Input_20220518160427.tsx b/.history/components/UI/Input_20220518160427.tsx new file mode 100644 index 0000000..255c1ff --- /dev/null +++ b/.history/components/UI/Input_20220518160427.tsx @@ -0,0 +1,25 @@ +import React from 'react' +import PropTypes from 'prop-types'; +import classNames from 'classnames'; + +interface Props { + onChange: (e) => void, + type: string, + name: string, + label: string, + value: string, + } + + export const Input: React.FC = ({type, name, label, onChange, value }) => { + return( +
+ + + + +
+ ) +} + diff --git a/.history/components/UI/Input_20220518160441.tsx b/.history/components/UI/Input_20220518160441.tsx new file mode 100644 index 0000000..6d8f943 --- /dev/null +++ b/.history/components/UI/Input_20220518160441.tsx @@ -0,0 +1,25 @@ +import React from 'react' +import PropTypes from 'prop-types'; +import classNames from 'classnames'; + +interface Props { + onChange: (e) => void, + type: string, + name: string, + label: string, + value: string, + } + + export const Input: React.FC = ({type, name, label, onChange, value }) => { + return( +
+ + onChange} value={value}/> + + +
+ ) +} + diff --git a/.history/components/UI/Input_20220518160541.tsx b/.history/components/UI/Input_20220518160541.tsx new file mode 100644 index 0000000..456b701 --- /dev/null +++ b/.history/components/UI/Input_20220518160541.tsx @@ -0,0 +1,25 @@ +import React from 'react' +import PropTypes from 'prop-types'; +import classNames from 'classnames'; + +interface Props { + onChange: (e) => void, + type: string, + name: string, + label: string, + value: string, + } + + export const Input: React.FC = ({type, name, label, onChange, value }) => { + return( +
+ + onChange(e)} value={value}/> + + +
+ ) +} + diff --git a/.history/components/UI/Input_20220518160658.tsx b/.history/components/UI/Input_20220518160658.tsx new file mode 100644 index 0000000..72109c6 --- /dev/null +++ b/.history/components/UI/Input_20220518160658.tsx @@ -0,0 +1,25 @@ +import React from 'react' +import PropTypes from 'prop-types'; +import classNames from 'classnames'; + +interface Props { + onChange: () => void, + type: string, + name: string, + label: string, + value: string, + } + + export const Input: React.FC = ({type, name, label, onChange, value }) => { + return( +
+ + onChange(e)} value={value}/> + + +
+ ) +} + diff --git a/.history/components/UI/Input_20220518161150.tsx b/.history/components/UI/Input_20220518161150.tsx new file mode 100644 index 0000000..7c9afb2 --- /dev/null +++ b/.history/components/UI/Input_20220518161150.tsx @@ -0,0 +1,25 @@ +import React from 'react' +import PropTypes from 'prop-types'; +import classNames from 'classnames'; + +interface Props { + onChange: () => void, + type: string, + name: string, + label: string, + value: string, + } + + export const Input: React.FC = ({type, name, label, onChange, value }) => { + return( +
+ + onChange()} value={value}/> + + +
+ ) +} + diff --git a/.history/components/UI/Input_20220518162057.tsx b/.history/components/UI/Input_20220518162057.tsx new file mode 100644 index 0000000..e4ccdc2 --- /dev/null +++ b/.history/components/UI/Input_20220518162057.tsx @@ -0,0 +1,25 @@ +import React from 'react' +import PropTypes from 'prop-types'; +import classNames from 'classnames'; + +interface Props { + onChange: (str: string) => void; + type: string, + name: string, + label: string, + value: string, + } + + export const Input: React.FC = ({type, name, label, onChange, value }) => { + return( +
+ + onChange()} value={value}/> + + +
+ ) +} + diff --git a/.history/components/UI/Input_20220518162231.tsx b/.history/components/UI/Input_20220518162231.tsx new file mode 100644 index 0000000..1823255 --- /dev/null +++ b/.history/components/UI/Input_20220518162231.tsx @@ -0,0 +1,29 @@ +import React from 'react' +import PropTypes from 'prop-types'; +import classNames from 'classnames'; + +interface Props { + onChange: (str: string) => void; + type: string, + name: string, + label: string, + value: string, + } + + export const Input: React.FC = ({type, name, label, onChange, value }) => { + return( +
+ + onChange({value:event.target.value, } }/> + + +
+ ) +} + diff --git a/.history/components/UI/Input_20220518162331.tsx b/.history/components/UI/Input_20220518162331.tsx new file mode 100644 index 0000000..cea5a44 --- /dev/null +++ b/.history/components/UI/Input_20220518162331.tsx @@ -0,0 +1,29 @@ +import React from 'react' +import PropTypes from 'prop-types'; +import classNames from 'classnames'; + +interface Props { + onChange: (str: string) => void; + type: string, + name: string, + label: string, + value: string, + } + + export const Input: React.FC = ({type, name, label, onChange, value }) => { + return( +
+ + + + +
+ ) +} + diff --git a/.history/components/UI/Input_20220518162409.tsx b/.history/components/UI/Input_20220518162409.tsx new file mode 100644 index 0000000..58b4a14 --- /dev/null +++ b/.history/components/UI/Input_20220518162409.tsx @@ -0,0 +1,29 @@ +import React from 'react' +import PropTypes from 'prop-types'; +import classNames from 'classnames'; + +interface Props { + onChange: onChange; + type: string, + name: string, + label: string, + value: string, + } + + export const Input: React.FC = ({type, name, label, onChange, value }) => { + return( +
+ + + + +
+ ) +} + diff --git a/.history/components/UI/Input_20220518162416.tsx b/.history/components/UI/Input_20220518162416.tsx new file mode 100644 index 0000000..cea5a44 --- /dev/null +++ b/.history/components/UI/Input_20220518162416.tsx @@ -0,0 +1,29 @@ +import React from 'react' +import PropTypes from 'prop-types'; +import classNames from 'classnames'; + +interface Props { + onChange: (str: string) => void; + type: string, + name: string, + label: string, + value: string, + } + + export const Input: React.FC = ({type, name, label, onChange, value }) => { + return( +
+ + + + +
+ ) +} + diff --git a/.history/components/UI/Input_20220518162550.tsx b/.history/components/UI/Input_20220518162550.tsx new file mode 100644 index 0000000..6ddcc33 --- /dev/null +++ b/.history/components/UI/Input_20220518162550.tsx @@ -0,0 +1,28 @@ +import React from 'react' +import classNames from 'classnames'; + +interface Props { + onChange: (str: string) => void; + type: string, + name: string, + label: string, + value: string, + } + + export const Input: React.FC = ({type, name, label, onChange, value }) => { + return( +
+ + onChange(event.target.value)} + type={type} + name={name} + value={value}/> + + +
+ ) +} + diff --git a/.history/components/UI/Input_20220518162705.tsx b/.history/components/UI/Input_20220518162705.tsx new file mode 100644 index 0000000..b121b03 --- /dev/null +++ b/.history/components/UI/Input_20220518162705.tsx @@ -0,0 +1,28 @@ +import React from 'react' +import classNames from 'classnames'; + +interface Props { + onChange: (value: string, name: string) => void; + type: string, + name: string, + label: string, + value: string, + } + + export const Input: React.FC = ({type, name, label, onChange, value }) => { + return( +
+ + onChange(event.target.value, event.target.name)} + type={type} + name={name} + value={value}/> + + +
+ ) +} + diff --git a/.history/components/UI/Input_20220518162855.tsx b/.history/components/UI/Input_20220518162855.tsx new file mode 100644 index 0000000..abaf6e0 --- /dev/null +++ b/.history/components/UI/Input_20220518162855.tsx @@ -0,0 +1,28 @@ +import React from 'react' +import classNames from 'classnames'; + +interface Props { + onChange: (name: string, value: string,) => void; + type: string, + name: string, + label: string, + value: string, + } + + export const Input: React.FC = ({type, name, label, onChange, value }) => { + return( +
+ + onChange(event.target.name, event.target.value)} + type={type} + name={name} + value={value}/> + + +
+ ) +} + diff --git a/.history/components/UI/Input_20220518162935.tsx b/.history/components/UI/Input_20220518162935.tsx new file mode 100644 index 0000000..abaf6e0 --- /dev/null +++ b/.history/components/UI/Input_20220518162935.tsx @@ -0,0 +1,28 @@ +import React from 'react' +import classNames from 'classnames'; + +interface Props { + onChange: (name: string, value: string,) => void; + type: string, + name: string, + label: string, + value: string, + } + + export const Input: React.FC = ({type, name, label, onChange, value }) => { + return( +
+ + onChange(event.target.name, event.target.value)} + type={type} + name={name} + value={value}/> + + +
+ ) +} + diff --git a/.history/components/UI/Input_20220531163847.tsx b/.history/components/UI/Input_20220531163847.tsx new file mode 100644 index 0000000..abaf6e0 --- /dev/null +++ b/.history/components/UI/Input_20220531163847.tsx @@ -0,0 +1,28 @@ +import React from 'react' +import classNames from 'classnames'; + +interface Props { + onChange: (name: string, value: string,) => void; + type: string, + name: string, + label: string, + value: string, + } + + export const Input: React.FC = ({type, name, label, onChange, value }) => { + return( +
+ + onChange(event.target.name, event.target.value)} + type={type} + name={name} + value={value}/> + + +
+ ) +} + diff --git a/.history/components/UI/Label_20220518154328.tsx b/.history/components/UI/Label_20220518154328.tsx new file mode 100644 index 0000000..e69de29 diff --git a/.history/components/UI/Label_20220518154341.tsx b/.history/components/UI/Label_20220518154341.tsx new file mode 100644 index 0000000..ded488e --- /dev/null +++ b/.history/components/UI/Label_20220518154341.tsx @@ -0,0 +1,11 @@ +import React from 'react' + + const Label = ({...props}) => { + return( +
+ +
+ ) +} + +export default Label; \ No newline at end of file diff --git a/.history/components/UI/Label_20220518154410.tsx b/.history/components/UI/Label_20220518154410.tsx new file mode 100644 index 0000000..da4b0f9 --- /dev/null +++ b/.history/components/UI/Label_20220518154410.tsx @@ -0,0 +1,12 @@ +import React from 'react' + +export const Label: React.FC = ({type, name, label, onChange, value }) => { + const Label = ({...props}) => { + return( +
+ +
+ ) +} + +export default Label; \ No newline at end of file diff --git a/.history/components/UI/Label_20220518154429.tsx b/.history/components/UI/Label_20220518154429.tsx new file mode 100644 index 0000000..78c2137 --- /dev/null +++ b/.history/components/UI/Label_20220518154429.tsx @@ -0,0 +1,11 @@ +import React from 'react' + +export const Label: React.FC = ({children }) => { + return( +
+ +
+ ) +} + +export default Label; \ No newline at end of file diff --git a/.history/components/UI/Label_20220518154510.tsx b/.history/components/UI/Label_20220518154510.tsx new file mode 100644 index 0000000..b1d3da1 --- /dev/null +++ b/.history/components/UI/Label_20220518154510.tsx @@ -0,0 +1,13 @@ +import React from 'react' + +interface Props { + children?: React.ReactNode; + } + +export const Label: React.FC = ({children }) => { + return( +
+ +
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/LinkButton_20220518154850.tsx b/.history/components/UI/LinkButton_20220518154850.tsx new file mode 100644 index 0000000..e69de29 diff --git a/.history/components/UI/LinkButton_20220518154900.tsx b/.history/components/UI/LinkButton_20220518154900.tsx new file mode 100644 index 0000000..a905326 --- /dev/null +++ b/.history/components/UI/LinkButton_20220518154900.tsx @@ -0,0 +1,11 @@ +import React from 'react' + + const LinkButton = ({...props}) => { + return( +
+ +
+ ) +} + +export default LinkButton; \ No newline at end of file diff --git a/.history/components/UI/LinkButton_20220518154942.tsx b/.history/components/UI/LinkButton_20220518154942.tsx new file mode 100644 index 0000000..1cd561c --- /dev/null +++ b/.history/components/UI/LinkButton_20220518154942.tsx @@ -0,0 +1,18 @@ +import React from 'react' + +interface Props { + align: string; + styles: string; + children?: React.ReactNode; + onClick: () => void; + } + +export const LinkButton: React.FC = ({onClick, color, styles, children}) => { + return( +
+ +
+ ) +} + +export default LinkButton; \ No newline at end of file diff --git a/.history/components/UI/LinkButton_20220518154957.tsx b/.history/components/UI/LinkButton_20220518154957.tsx new file mode 100644 index 0000000..472e25b --- /dev/null +++ b/.history/components/UI/LinkButton_20220518154957.tsx @@ -0,0 +1,18 @@ +import React from 'react' + +interface Props { + align: string; + styles: string; + children?: React.ReactNode; + onClick: () => void; + } + +export const LinkButton: React.FC = ({onClick, color, styles, children}) => { + return( +
+ +
+ ) +} + +export default LinkButton; \ No newline at end of file diff --git a/.history/components/UI/LinkButton_20220518155013.tsx b/.history/components/UI/LinkButton_20220518155013.tsx new file mode 100644 index 0000000..e5f0d7b --- /dev/null +++ b/.history/components/UI/LinkButton_20220518155013.tsx @@ -0,0 +1,19 @@ +import React from 'react' +import classNames from 'classnames'; + +interface Props { + align: string; + styles: string; + children?: React.ReactNode; + onClick: () => void; + } + +export const LinkButton: React.FC = ({onClick, color, styles, children}) => { + return( +
+ +
+ ) +} + +export default LinkButton; \ No newline at end of file diff --git a/.history/components/UI/LinkButton_20220518155030.tsx b/.history/components/UI/LinkButton_20220518155030.tsx new file mode 100644 index 0000000..f7bd461 --- /dev/null +++ b/.history/components/UI/LinkButton_20220518155030.tsx @@ -0,0 +1,19 @@ +import React from 'react' +import classNames from 'classnames'; + +interface Props { + align: string; + styles: string; + children?: React.ReactNode; + onClick: () => void; + } + +export const LinkButton: React.FC = ({onClick, styles, children}) => { + return( +
+ +
+ ) +} + +export default LinkButton; \ No newline at end of file diff --git a/.history/components/UI/LinkButton_20220518155108.tsx b/.history/components/UI/LinkButton_20220518155108.tsx new file mode 100644 index 0000000..b54f1bb --- /dev/null +++ b/.history/components/UI/LinkButton_20220518155108.tsx @@ -0,0 +1,16 @@ +import React from 'react' +import classNames from 'classnames'; + +interface Props { + styles: string; + children?: React.ReactNode; + onClick: () => void; + } + +export const LinkButton: React.FC = ({onClick, styles, children}) => { + return( +
+ +
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/LinkButton_20220518155950.tsx b/.history/components/UI/LinkButton_20220518155950.tsx new file mode 100644 index 0000000..52eccf9 --- /dev/null +++ b/.history/components/UI/LinkButton_20220518155950.tsx @@ -0,0 +1,15 @@ +import React from 'react' +import classNames from 'classnames'; + +interface Props { + children?: React.ReactNode; + onClick: () => void; + } + +export const LinkButton: React.FC = ({onClick, children}) => { + return( +
+ +
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/LinkButton_20220518163041.tsx b/.history/components/UI/LinkButton_20220518163041.tsx new file mode 100644 index 0000000..6dc8dbd --- /dev/null +++ b/.history/components/UI/LinkButton_20220518163041.tsx @@ -0,0 +1,15 @@ +import React from 'react' +import classNames from 'classnames'; + +interface Props { + children?: React.ReactNode; + onClick: () => void; + } + +export const LinkButton: React.FC = ({onClick, children}) => { + return( +
+ +
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/Modal_20220531163311.tsx b/.history/components/UI/Modal_20220531163311.tsx new file mode 100644 index 0000000..e69de29 diff --git a/.history/components/UI/Modal_20220531163315.tsx b/.history/components/UI/Modal_20220531163315.tsx new file mode 100644 index 0000000..6148637 --- /dev/null +++ b/.history/components/UI/Modal_20220531163315.tsx @@ -0,0 +1,16 @@ +import React from 'react'; +const Modal = ({...props}) => { + return( +
+
+
+
+ {props.children} +
+
+
+
+ ) +} + +export default Modal; \ No newline at end of file diff --git a/.history/components/UI/Modal_20220531163323.tsx b/.history/components/UI/Modal_20220531163323.tsx new file mode 100644 index 0000000..c441ed9 --- /dev/null +++ b/.history/components/UI/Modal_20220531163323.tsx @@ -0,0 +1,17 @@ +import React from 'react'; + +const Modal = ({...props}) => { + return( +
+
+
+
+ {props.children} +
+
+
+
+ ) +} + +export default Modal; \ No newline at end of file diff --git a/.history/components/UI/Modal_20220531163408.tsx b/.history/components/UI/Modal_20220531163408.tsx new file mode 100644 index 0000000..fade33a --- /dev/null +++ b/.history/components/UI/Modal_20220531163408.tsx @@ -0,0 +1,18 @@ +import React from 'react'; +import classNames from 'classnames'; + +const Modal = ({...props}) => { + return( +
+
+
+
+ {props.children} +
+
+
+
+ ) +} + +export default Modal; \ No newline at end of file diff --git a/.history/components/UI/Modal_20220531163415.tsx b/.history/components/UI/Modal_20220531163415.tsx new file mode 100644 index 0000000..054a006 --- /dev/null +++ b/.history/components/UI/Modal_20220531163415.tsx @@ -0,0 +1,18 @@ +import React from 'react'; +import classNames from 'classnames'; + +const Modal = ({...props}) => { + return( +
+
+
+
+ {props.children} +
+
+
+
+ ) +} + +export default Modal; \ No newline at end of file diff --git a/.history/components/UI/Modal_20220531163419.tsx b/.history/components/UI/Modal_20220531163419.tsx new file mode 100644 index 0000000..bd269a9 --- /dev/null +++ b/.history/components/UI/Modal_20220531163419.tsx @@ -0,0 +1,18 @@ +import React from 'react'; +import classNames from 'classnames'; + +const Modal = ({...props}) => { + return( +
+
+
+
+ {props.children} +
+
+
+
+ ) +} + +export default Modal; \ No newline at end of file diff --git a/.history/components/UI/Modal_20220531163421.tsx b/.history/components/UI/Modal_20220531163421.tsx new file mode 100644 index 0000000..df65799 --- /dev/null +++ b/.history/components/UI/Modal_20220531163421.tsx @@ -0,0 +1,18 @@ +import React from 'react'; +import classNames from 'classnames'; + +const Modal = ({...props}) => { + return( +
+
+
+
+ {props.children} +
+
+
+
+ ) +} + +export default Modal; \ No newline at end of file diff --git a/.history/components/UI/Modal_20220531163423.tsx b/.history/components/UI/Modal_20220531163423.tsx new file mode 100644 index 0000000..b391c4b --- /dev/null +++ b/.history/components/UI/Modal_20220531163423.tsx @@ -0,0 +1,18 @@ +import React from 'react'; +import classNames from 'classnames'; + +const Modal = ({...props}) => { + return( +
+
+
+
+ {props.children} +
+
+
+
+ ) +} + +export default Modal; \ No newline at end of file diff --git a/.history/components/UI/Modal_20220531163425.tsx b/.history/components/UI/Modal_20220531163425.tsx new file mode 100644 index 0000000..d290907 --- /dev/null +++ b/.history/components/UI/Modal_20220531163425.tsx @@ -0,0 +1,18 @@ +import React from 'react'; +import classNames from 'classnames'; + +const Modal = ({...props}) => { + return( +
+
+
+
+ {props.children} +
+
+
+
+ ) +} + +export default Modal; \ No newline at end of file diff --git a/.history/components/UI/Modal_20220531163429.tsx b/.history/components/UI/Modal_20220531163429.tsx new file mode 100644 index 0000000..5ee2d88 --- /dev/null +++ b/.history/components/UI/Modal_20220531163429.tsx @@ -0,0 +1,18 @@ +import React from 'react'; +import classNames from 'classnames'; + +const Modal = ({...props}) => { + return( +
+
+
+
+ {props.children} +
+
+
+
+ ) +} + +export default Modal; \ No newline at end of file diff --git a/.history/components/UI/Modal_20220531163432.tsx b/.history/components/UI/Modal_20220531163432.tsx new file mode 100644 index 0000000..42ced7f --- /dev/null +++ b/.history/components/UI/Modal_20220531163432.tsx @@ -0,0 +1,18 @@ +import React from 'react'; +import classNames from 'classnames'; + +const Modal = ({...props}) => { + return( +
+
+
+
+ {props.children} +
+
+
+
+ ) +} + +export default Modal; \ No newline at end of file diff --git a/.history/components/UI/Modal_20220531163434.tsx b/.history/components/UI/Modal_20220531163434.tsx new file mode 100644 index 0000000..49594cd --- /dev/null +++ b/.history/components/UI/Modal_20220531163434.tsx @@ -0,0 +1,18 @@ +import React from 'react'; +import classNames from 'classnames'; + +const Modal = ({...props}) => { + return( +
+
+
+
+ {props.children} +
+
+
+
+ ) +} + +export default Modal; \ No newline at end of file diff --git a/.history/components/UI/Modal_20220531163437.tsx b/.history/components/UI/Modal_20220531163437.tsx new file mode 100644 index 0000000..d1391b1 --- /dev/null +++ b/.history/components/UI/Modal_20220531163437.tsx @@ -0,0 +1,18 @@ +import React from 'react'; +import classNames from 'classnames'; + +const Modal = ({...props}) => { + return( +
+
+
+
+ {props.children} +
+
+
+
+ ) +} + +export default Modal; \ No newline at end of file diff --git a/.history/components/UI/Modal_20220531163439.tsx b/.history/components/UI/Modal_20220531163439.tsx new file mode 100644 index 0000000..81bf62d --- /dev/null +++ b/.history/components/UI/Modal_20220531163439.tsx @@ -0,0 +1,18 @@ +import React from 'react'; +import classNames from 'classnames'; + +const Modal = ({...props}) => { + return( +
+
+
+
+ {props.children} +
+
+
+
+ ) +} + +export default Modal; \ No newline at end of file diff --git a/.history/components/UI/Modal_20220531163441.tsx b/.history/components/UI/Modal_20220531163441.tsx new file mode 100644 index 0000000..c34232c --- /dev/null +++ b/.history/components/UI/Modal_20220531163441.tsx @@ -0,0 +1,18 @@ +import React from 'react'; +import classNames from 'classnames'; + +const Modal = ({...props}) => { + return( +
+
+
+
+ {props.children} +
+
+
+
+ ) +} + +export default Modal; \ No newline at end of file diff --git a/.history/components/UI/Modal_20220531163443.tsx b/.history/components/UI/Modal_20220531163443.tsx new file mode 100644 index 0000000..0bb12d0 --- /dev/null +++ b/.history/components/UI/Modal_20220531163443.tsx @@ -0,0 +1,18 @@ +import React from 'react'; +import classNames from 'classnames'; + +const Modal = ({...props}) => { + return( +
+
+
+
+ {props.children} +
+
+
+
+ ) +} + +export default Modal; \ No newline at end of file diff --git a/.history/components/UI/Modal_20220531163446.tsx b/.history/components/UI/Modal_20220531163446.tsx new file mode 100644 index 0000000..7c8864d --- /dev/null +++ b/.history/components/UI/Modal_20220531163446.tsx @@ -0,0 +1,18 @@ +import React from 'react'; +import classNames from 'classnames'; + +const Modal = ({...props}) => { + return( +
+
+
+
+ {props.children} +
+
+
+
+ ) +} + +export default Modal; \ No newline at end of file diff --git a/.history/components/UI/Modal_20220531163448.tsx b/.history/components/UI/Modal_20220531163448.tsx new file mode 100644 index 0000000..cd24f7b --- /dev/null +++ b/.history/components/UI/Modal_20220531163448.tsx @@ -0,0 +1,18 @@ +import React from 'react'; +import classNames from 'classnames'; + +const Modal = ({...props}) => { + return( +
+
+
+
+ {props.children} +
+
+
+
+ ) +} + +export default Modal; \ No newline at end of file diff --git a/.history/components/UI/Modal_20220531163450.tsx b/.history/components/UI/Modal_20220531163450.tsx new file mode 100644 index 0000000..51c8eba --- /dev/null +++ b/.history/components/UI/Modal_20220531163450.tsx @@ -0,0 +1,18 @@ +import React from 'react'; +import classNames from 'classnames'; + +const Modal = ({...props}) => { + return( +
+
+
+
+ {props.children} +
+
+
+
+ ) +} + +export default Modal; \ No newline at end of file diff --git a/.history/components/UI/Modal_20220531163452.tsx b/.history/components/UI/Modal_20220531163452.tsx new file mode 100644 index 0000000..2442bc4 --- /dev/null +++ b/.history/components/UI/Modal_20220531163452.tsx @@ -0,0 +1,18 @@ +import React from 'react'; +import classNames from 'classnames'; + +const Modal = ({...props}) => { + return( +
+
+
+
+ {props.children} +
+
+
+
+ ) +} + +export default Modal; \ No newline at end of file diff --git a/.history/components/UI/Modal_20220531163454.tsx b/.history/components/UI/Modal_20220531163454.tsx new file mode 100644 index 0000000..73c258d --- /dev/null +++ b/.history/components/UI/Modal_20220531163454.tsx @@ -0,0 +1,18 @@ +import React from 'react'; +import classNames from 'classnames'; + +const Modal = ({...props}) => { + return( +
+
+
+
+
+
+
+ {props.children} +
+
+
+
+ ) +} + +export default Modal; \ No newline at end of file diff --git a/.history/components/UI/Modal_20220531163511.tsx b/.history/components/UI/Modal_20220531163511.tsx new file mode 100644 index 0000000..904cc15 --- /dev/null +++ b/.history/components/UI/Modal_20220531163511.tsx @@ -0,0 +1,20 @@ +import React from 'react'; +import classNames from 'classnames'; + +type Props = { children: React.ReactNode }; + +export const PizzaCard: React.FC = ({children}) + return( +
+
+
+
+ {props.children} +
+
+
+
+ ) +} + +export default Modal; \ No newline at end of file diff --git a/.history/components/UI/Modal_20220531163514.tsx b/.history/components/UI/Modal_20220531163514.tsx new file mode 100644 index 0000000..50a293f --- /dev/null +++ b/.history/components/UI/Modal_20220531163514.tsx @@ -0,0 +1,20 @@ +import React from 'react'; +import classNames from 'classnames'; + +type Props = { children: React.ReactNode }; + +export const Modals: React.FC = ({children}) + return( +
+
+
+
+ {props.children} +
+
+
+
+ ) +} + +export default Modal; \ No newline at end of file diff --git a/.history/components/UI/Modal_20220531163523.tsx b/.history/components/UI/Modal_20220531163523.tsx new file mode 100644 index 0000000..ce11d60 --- /dev/null +++ b/.history/components/UI/Modal_20220531163523.tsx @@ -0,0 +1,20 @@ +import React from 'react'; +import classNames from 'classnames'; + +type Props = { position: React.ReactNode }; + +export const Modals: React.FC = ({children}) + return( +
+
+
+
+ {props.children} +
+
+
+
+ ) +} + +export default Modal; \ No newline at end of file diff --git a/.history/components/UI/Modal_20220531163527.tsx b/.history/components/UI/Modal_20220531163527.tsx new file mode 100644 index 0000000..65d3889 --- /dev/null +++ b/.history/components/UI/Modal_20220531163527.tsx @@ -0,0 +1,20 @@ +import React from 'react'; +import classNames from 'classnames'; + +type Props = { position: st }; + +export const Modals: React.FC = ({children}) + return( +
+
+
+
+ {props.children} +
+
+
+
+ ) +} + +export default Modal; \ No newline at end of file diff --git a/.history/components/UI/Modal_20220531163528.tsx b/.history/components/UI/Modal_20220531163528.tsx new file mode 100644 index 0000000..b6cfb68 --- /dev/null +++ b/.history/components/UI/Modal_20220531163528.tsx @@ -0,0 +1,20 @@ +import React from 'react'; +import classNames from 'classnames'; + +type Props = { position: string }; + +export const Modals: React.FC = ({children}) + return( +
+
+
+
+ {props.children} +
+
+
+
+ ) +} + +export default Modal; \ No newline at end of file diff --git a/.history/components/UI/Modal_20220531163530.tsx b/.history/components/UI/Modal_20220531163530.tsx new file mode 100644 index 0000000..7e0c517 --- /dev/null +++ b/.history/components/UI/Modal_20220531163530.tsx @@ -0,0 +1,21 @@ +import React from 'react'; +import classNames from 'classnames'; + +type Props = { position: string; + }; + +export const Modals: React.FC = ({children}) + return( +
+
+
+
+ {props.children} +
+
+
+
+ ) +} + +export default Modal; \ No newline at end of file diff --git a/.history/components/UI/Modal_20220531163537.tsx b/.history/components/UI/Modal_20220531163537.tsx new file mode 100644 index 0000000..8590154 --- /dev/null +++ b/.history/components/UI/Modal_20220531163537.tsx @@ -0,0 +1,21 @@ +import React from 'react'; +import classNames from 'classnames'; + +type Props = { position: string; + styles: }; + +export const Modals: React.FC = ({children}) + return( +
+
+
+
+ {props.children} +
+
+
+
+ ) +} + +export default Modal; \ No newline at end of file diff --git a/.history/components/UI/Modal_20220531163540.tsx b/.history/components/UI/Modal_20220531163540.tsx new file mode 100644 index 0000000..763b134 --- /dev/null +++ b/.history/components/UI/Modal_20220531163540.tsx @@ -0,0 +1,21 @@ +import React from 'react'; +import classNames from 'classnames'; + +type Props = { position: string; + styles: }; + +export const Modals: React.FC = ({children}) + return( +
+
+
+
+ {props.children} +
+
+
+
+ ) +} + +export default Modal; \ No newline at end of file diff --git a/.history/components/UI/Modal_20220531163541.tsx b/.history/components/UI/Modal_20220531163541.tsx new file mode 100644 index 0000000..729d246 --- /dev/null +++ b/.history/components/UI/Modal_20220531163541.tsx @@ -0,0 +1,21 @@ +import React from 'react'; +import classNames from 'classnames'; + +type Props = { position: string; + styles: }; + +export const Modals: React.FC = ({children}) + return( +
+
+
+
+ {props.children} +
+
+
+
+ ) +} + +export default Modal; \ No newline at end of file diff --git a/.history/components/UI/Modal_20220531163544.tsx b/.history/components/UI/Modal_20220531163544.tsx new file mode 100644 index 0000000..9110c7e --- /dev/null +++ b/.history/components/UI/Modal_20220531163544.tsx @@ -0,0 +1,21 @@ +import React from 'react'; +import classNames from 'classnames'; + +type Props = { position: string; + styles: string }; + +export const Modals: React.FC = ({children}) + return( +
+
+
+
+ {props.children} +
+
+
+
+ ) +} + +export default Modal; \ No newline at end of file diff --git a/.history/components/UI/Modal_20220531163550.tsx b/.history/components/UI/Modal_20220531163550.tsx new file mode 100644 index 0000000..098d2f6 --- /dev/null +++ b/.history/components/UI/Modal_20220531163550.tsx @@ -0,0 +1,21 @@ +import React from 'react'; +import classNames from 'classnames'; + +type Props = { position: string; + styles: string }; + +export const Modals: React.FC = ({position, }) + return( +
+
+
+
+ {props.children} +
+
+
+
+ ) +} + +export default Modal; \ No newline at end of file diff --git a/.history/components/UI/Modal_20220531163554.tsx b/.history/components/UI/Modal_20220531163554.tsx new file mode 100644 index 0000000..a70a0db --- /dev/null +++ b/.history/components/UI/Modal_20220531163554.tsx @@ -0,0 +1,21 @@ +import React from 'react'; +import classNames from 'classnames'; + +type Props = { position: string; + styles: string }; + +export const Modals: React.FC = ({position, styles }) + return( +
+
+
+
+ {props.children} +
+
+
+
+ ) +} + +export default Modal; \ No newline at end of file diff --git a/.history/components/UI/Modal_20220531163556.tsx b/.history/components/UI/Modal_20220531163556.tsx new file mode 100644 index 0000000..ca0125e --- /dev/null +++ b/.history/components/UI/Modal_20220531163556.tsx @@ -0,0 +1,21 @@ +import React from 'react'; +import classNames from 'classnames'; + +type Props = { position: string; + styles: string }; + +export const Modals: React.FC = ({position, styles}) + return( +
+
+
+
+ {props.children} +
+
+
+
+ ) +} + +export default Modal; \ No newline at end of file diff --git a/.history/components/UI/Modal_20220531163600.tsx b/.history/components/UI/Modal_20220531163600.tsx new file mode 100644 index 0000000..38bc808 --- /dev/null +++ b/.history/components/UI/Modal_20220531163600.tsx @@ -0,0 +1,21 @@ +import React from 'react'; +import classNames from 'classnames'; + +type Props = { position: string; + styles: string } + +export const Modals: React.FC = ({position, styles}) + return( +
+
+
+
+ {props.children} +
+
+
+
+ ) +} + +export default Modal; \ No newline at end of file diff --git a/.history/components/UI/Modal_20220531163601.tsx b/.history/components/UI/Modal_20220531163601.tsx new file mode 100644 index 0000000..cb176b8 --- /dev/null +++ b/.history/components/UI/Modal_20220531163601.tsx @@ -0,0 +1,21 @@ +import React from 'react'; +import classNames from 'classnames'; + +type Props = { position: string; + styles: string; } + +export const Modals: React.FC = ({position, styles}) + return( +
+
+
+
+ {props.children} +
+
+
+
+ ) +} + +export default Modal; \ No newline at end of file diff --git a/.history/components/UI/Modal_20220531163622.tsx b/.history/components/UI/Modal_20220531163622.tsx new file mode 100644 index 0000000..c22c45d --- /dev/null +++ b/.history/components/UI/Modal_20220531163622.tsx @@ -0,0 +1,21 @@ +import React from 'react'; +import classNames from 'classnames'; + +type Props = { position: string + styles: string; } + +export const Modals: React.FC = ({position, styles}) + return( +
+
+
+
+ {props.children} +
+
+
+
+ ) +} + +export default Modal; \ No newline at end of file diff --git a/.history/components/UI/Modal_20220531163624.tsx b/.history/components/UI/Modal_20220531163624.tsx new file mode 100644 index 0000000..2476f3b --- /dev/null +++ b/.history/components/UI/Modal_20220531163624.tsx @@ -0,0 +1,21 @@ +import React from 'react'; +import classNames from 'classnames'; + +type Props = { position: string, + styles: string; } + +export const Modals: React.FC = ({position, styles}) + return( +
+
+
+
+ {props.children} +
+
+
+
+ ) +} + +export default Modal; \ No newline at end of file diff --git a/.history/components/UI/Modal_20220531163626.tsx b/.history/components/UI/Modal_20220531163626.tsx new file mode 100644 index 0000000..34a07a2 --- /dev/null +++ b/.history/components/UI/Modal_20220531163626.tsx @@ -0,0 +1,21 @@ +import React from 'react'; +import classNames from 'classnames'; + +type Props = { position: string, + styles: string, } + +export const Modals: React.FC = ({position, styles}) + return( +
+
+
+
+ {props.children} +
+
+
+
+ ) +} + +export default Modal; \ No newline at end of file diff --git a/.history/components/UI/Modal_20220531163636.tsx b/.history/components/UI/Modal_20220531163636.tsx new file mode 100644 index 0000000..482afbb --- /dev/null +++ b/.history/components/UI/Modal_20220531163636.tsx @@ -0,0 +1,21 @@ +import React from 'react'; +import classNames from 'classnames'; + +interface Props = { position: string, + styles: string, } + +export const Modals: React.FC = ({position, styles}) + return( +
+
+
+
+ {props.children} +
+
+
+
+ ) +} + +export default Modal; \ No newline at end of file diff --git a/.history/components/UI/Modal_20220531163651.tsx b/.history/components/UI/Modal_20220531163651.tsx new file mode 100644 index 0000000..94342d2 --- /dev/null +++ b/.history/components/UI/Modal_20220531163651.tsx @@ -0,0 +1,21 @@ +import React from 'react'; +import classNames from 'classnames'; + +interface Props = { position: string, + styles: string, } + +export const Modals: React.FC = ({position, styles}) => + return( +
+
+
+
+ {props.children} +
+
+
+
+ ) +} + +export default Modal; \ No newline at end of file diff --git a/.history/components/UI/Modal_20220531163700.tsx b/.history/components/UI/Modal_20220531163700.tsx new file mode 100644 index 0000000..5a13408 --- /dev/null +++ b/.history/components/UI/Modal_20220531163700.tsx @@ -0,0 +1,22 @@ +import React from 'react'; +import classNames from 'classnames'; + +interface Props = { position: string, + styles: string, } + + +export const Modals: React.FC = ({position, styles}) => + return( +
+
+
+
+ {props.children} +
+
+
+
+ ) +} + +export default Modal; \ No newline at end of file diff --git a/.history/components/UI/Modal_20220531163702.tsx b/.history/components/UI/Modal_20220531163702.tsx new file mode 100644 index 0000000..2edaa9f --- /dev/null +++ b/.history/components/UI/Modal_20220531163702.tsx @@ -0,0 +1,23 @@ +import React from 'react'; +import classNames from 'classnames'; + +interface Props = { position: string, + styles: string, } + + export const Input: React.FC = ({type, name, label, onChange, value }) => { + return( +export const Modals: React.FC = ({position, styles}) => + return( +
+
+
+
+ {props.children} +
+
+
+
+ ) +} + +export default Modal; \ No newline at end of file diff --git a/.history/components/UI/Modal_20220531163714.tsx b/.history/components/UI/Modal_20220531163714.tsx new file mode 100644 index 0000000..5fef8d4 --- /dev/null +++ b/.history/components/UI/Modal_20220531163714.tsx @@ -0,0 +1,23 @@ +import React from 'react'; +import classNames from 'classnames'; + +interface Props = { position: string, + styles: string, } + + export const Input: React.FC = ({type, name, label, onChange, value }) => { + return( +export const Modals: React.FC = ({position, styles}) => { + return( +
+
+
+
+ {props.children} +
+
+
+
+ ) +} + +export default Modal; \ No newline at end of file diff --git a/.history/components/UI/Modal_20220531163723.tsx b/.history/components/UI/Modal_20220531163723.tsx new file mode 100644 index 0000000..2d0c725 --- /dev/null +++ b/.history/components/UI/Modal_20220531163723.tsx @@ -0,0 +1,22 @@ +import React from 'react'; +import classNames from 'classnames'; + +interface Props = { position: string, + styles: string, } + + +export const Modals: React.FC = ({position, styles}) => { + return( +
+
+
+
+ {props.children} +
+
+
+
+ ) +} + +export default Modal; \ No newline at end of file diff --git a/.history/components/UI/Modal_20220531163725.tsx b/.history/components/UI/Modal_20220531163725.tsx new file mode 100644 index 0000000..b58e156 --- /dev/null +++ b/.history/components/UI/Modal_20220531163725.tsx @@ -0,0 +1,21 @@ +import React from 'react'; +import classNames from 'classnames'; + +interface Props = { position: string, + styles: string, } + +export const Modals: React.FC = ({position, styles}) => { + return( +
+
+
+
+ {props.children} +
+
+
+
+ ) +} + +export default Modal; \ No newline at end of file diff --git a/.history/components/UI/Modal_20220531163727.tsx b/.history/components/UI/Modal_20220531163727.tsx new file mode 100644 index 0000000..b2c4f62 --- /dev/null +++ b/.history/components/UI/Modal_20220531163727.tsx @@ -0,0 +1,21 @@ +import React from 'react'; +import classNames from 'classnames'; + +interface Props = { position: string, + styles: string, } + +export const Modals: React.FC = ({position, styles}) => { + return( +
+
+
+
+ {children} +
+
+
+
+ ) +} + +export default Modal; \ No newline at end of file diff --git a/.history/components/UI/Modal_20220531163732.tsx b/.history/components/UI/Modal_20220531163732.tsx new file mode 100644 index 0000000..68908b9 --- /dev/null +++ b/.history/components/UI/Modal_20220531163732.tsx @@ -0,0 +1,21 @@ +import React from 'react'; +import classNames from 'classnames'; + +interface Props = { position: string, + styles: string, } + +export const Modals: React.FC = ({position, styles, children}) => { + return( +
+
+
+
+ {children} +
+
+
+
+ ) +} + +export default Modal; \ No newline at end of file diff --git a/.history/components/UI/Modal_20220531163748.tsx b/.history/components/UI/Modal_20220531163748.tsx new file mode 100644 index 0000000..00807e5 --- /dev/null +++ b/.history/components/UI/Modal_20220531163748.tsx @@ -0,0 +1,21 @@ +import React from 'react'; +import classNames from 'classnames'; + +interface Props = { position: string, + styles: string, children: React.ReactNode } + +export const Modals: React.FC = ({position, styles, children}) => { + return( +
+
+
+
+ {children} +
+
+
+
+ ) +} + +export default Modal; \ No newline at end of file diff --git a/.history/components/UI/Modal_20220531163834.tsx b/.history/components/UI/Modal_20220531163834.tsx new file mode 100644 index 0000000..8947abe --- /dev/null +++ b/.history/components/UI/Modal_20220531163834.tsx @@ -0,0 +1,19 @@ +import React from 'react'; +import classNames from 'classnames'; + +interface Props = { position: string, + styles: string, children: React.ReactNode } + +export const Modals: React.FC = ({position, styles, children}) => { + return( +
+
+
+
+ {children} +
+
+
+
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/Modal_20220531164804.tsx b/.history/components/UI/Modal_20220531164804.tsx new file mode 100644 index 0000000..18feebd --- /dev/null +++ b/.history/components/UI/Modal_20220531164804.tsx @@ -0,0 +1,20 @@ +import React from 'react'; +import classNames from 'classnames'; + +interface Props = { + position: string, + styles: string, children: React.ReactNode } + +export const Modals: React.FC = ({position, styles, children}) => { + return( +
+
+
+
+ {children} +
+
+
+
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/Modal_20220531164806.tsx b/.history/components/UI/Modal_20220531164806.tsx new file mode 100644 index 0000000..26a912a --- /dev/null +++ b/.history/components/UI/Modal_20220531164806.tsx @@ -0,0 +1,20 @@ +import React from 'react'; +import classNames from 'classnames'; + +interface Props = { + position: string, + styles: string, children: React.ReactNode } + +export const Modals: React.FC = ({position, styles, children}) => { + return( +
+
+
+
+ {children} +
+
+
+
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/Modal_20220531164808.tsx b/.history/components/UI/Modal_20220531164808.tsx new file mode 100644 index 0000000..17a6034 --- /dev/null +++ b/.history/components/UI/Modal_20220531164808.tsx @@ -0,0 +1,21 @@ +import React from 'react'; +import classNames from 'classnames'; + +interface Props = { + position: string, + styles: string, + children: React.ReactNode } + +export const Modals: React.FC = ({position, styles, children}) => { + return( +
+
+
+
+ {children} +
+
+
+
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/Modal_20220531164810.tsx b/.history/components/UI/Modal_20220531164810.tsx new file mode 100644 index 0000000..8d912a0 --- /dev/null +++ b/.history/components/UI/Modal_20220531164810.tsx @@ -0,0 +1,21 @@ +import React from 'react'; +import classNames from 'classnames'; + +interface Props = { + position: string, + styles: string, + children: React.ReactNode } + +export const Modals: React.FC = ({position, styles, children}) => { + return( +
+
+
+
+ {children} +
+
+
+
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/Modal_20220531164811.tsx b/.history/components/UI/Modal_20220531164811.tsx new file mode 100644 index 0000000..8d912a0 --- /dev/null +++ b/.history/components/UI/Modal_20220531164811.tsx @@ -0,0 +1,21 @@ +import React from 'react'; +import classNames from 'classnames'; + +interface Props = { + position: string, + styles: string, + children: React.ReactNode } + +export const Modals: React.FC = ({position, styles, children}) => { + return( +
+
+
+
+ {children} +
+
+
+
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/Modal_20220531164821.tsx b/.history/components/UI/Modal_20220531164821.tsx new file mode 100644 index 0000000..138f295 --- /dev/null +++ b/.history/components/UI/Modal_20220531164821.tsx @@ -0,0 +1,21 @@ +import React from 'react'; +import classNames from 'classnames'; + +interface Props = { + position: string, + styles: string, + children: React.ReactNode } + +export const Modals: React.FC = ({position, styles, children}) => { + return( +
+
+
+
+ {children} +
+
+
+
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/Modal_20220531165029.tsx b/.history/components/UI/Modal_20220531165029.tsx new file mode 100644 index 0000000..c68218d --- /dev/null +++ b/.history/components/UI/Modal_20220531165029.tsx @@ -0,0 +1,21 @@ +import React from 'react'; +import classNames from 'classnames'; + +interface Props = { + position: string, + styles: string, + children: React.ReactNode } + +export const Modals: React.FC = ({position, styles, children}) => { + return( +
+
+
+
+ {children} +
+
+
+
+ ) +}э \ No newline at end of file diff --git a/.history/components/UI/Modal_20220531214657.tsx b/.history/components/UI/Modal_20220531214657.tsx new file mode 100644 index 0000000..138f295 --- /dev/null +++ b/.history/components/UI/Modal_20220531214657.tsx @@ -0,0 +1,21 @@ +import React from 'react'; +import classNames from 'classnames'; + +interface Props = { + position: string, + styles: string, + children: React.ReactNode } + +export const Modals: React.FC = ({position, styles, children}) => { + return( +
+
+
+
+ {children} +
+
+
+
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/Modal_20220531214747.tsx b/.history/components/UI/Modal_20220531214747.tsx new file mode 100644 index 0000000..679dfd7 --- /dev/null +++ b/.history/components/UI/Modal_20220531214747.tsx @@ -0,0 +1,21 @@ +import React from 'react'; +import classNames from 'classnames'; + +interface Props = { + position: string, + styles: string, + children: React.ReactNode } + +export const Modals: React.FC = ({position, styles, children}) => { + return( +
+
+
+
+ {children} +
+
+
+
+ ) +}; \ No newline at end of file diff --git a/.history/components/UI/Modal_20220531214755.tsx b/.history/components/UI/Modal_20220531214755.tsx new file mode 100644 index 0000000..9acd35d --- /dev/null +++ b/.history/components/UI/Modal_20220531214755.tsx @@ -0,0 +1,21 @@ +import React from 'react'; +import classNames from 'classnames'; + +interface Props = { + position: string, + styles: string, + children: React.ReactNode }; + +export const Modals: React.FC = ({position, styles, children}) => { + return( +
+
+
+
+ {children} +
+
+
+
+ ) +}; \ No newline at end of file diff --git a/.history/components/UI/Modal_20220531214802.tsx b/.history/components/UI/Modal_20220531214802.tsx new file mode 100644 index 0000000..97fdd7e --- /dev/null +++ b/.history/components/UI/Modal_20220531214802.tsx @@ -0,0 +1,21 @@ +import React from 'react'; +import classNames from 'classnames'; + +type Props = { + position: string, + styles: string, + children: React.ReactNode }; + +export const Modals: React.FC = ({position, styles, children}) => { + return( +
+
+
+
+ {children} +
+
+
+
+ ) +}; \ No newline at end of file diff --git a/.history/components/UI/Modal_20220531214807.tsx b/.history/components/UI/Modal_20220531214807.tsx new file mode 100644 index 0000000..df75f2f --- /dev/null +++ b/.history/components/UI/Modal_20220531214807.tsx @@ -0,0 +1,21 @@ +import React from 'react'; +import classNames from 'classnames'; + +type Props = { + position: string, + styles: string, + children: React.ReactNode }; + +export const Modals: React.FC = ({position, styles, children}) => { + return( +
+
+
+
+ {children} +
+
+
+
+ ) +}; \ No newline at end of file diff --git a/.history/components/UI/Modal_20220531214808.tsx b/.history/components/UI/Modal_20220531214808.tsx new file mode 100644 index 0000000..bfbb3d8 --- /dev/null +++ b/.history/components/UI/Modal_20220531214808.tsx @@ -0,0 +1,21 @@ +import React from 'react'; +import classNames from 'classnames'; + +type Props = { + position: string, + styles: string, + children: React.ReactNode }; + +export const Modals: React.FC = ({position, styles, children}) => { + return( +
+
+
+
+ {children} +
+
+
+
+ ) +}; \ No newline at end of file diff --git a/.history/components/UI/Modal_20220531214810.tsx b/.history/components/UI/Modal_20220531214810.tsx new file mode 100644 index 0000000..ca54919 --- /dev/null +++ b/.history/components/UI/Modal_20220531214810.tsx @@ -0,0 +1,21 @@ +import React from 'react'; +import classNames from 'classnames'; + +type Props = { + position: string, + styles: string, + children: React.ReactNode }; + +export const Modals: React.FC = ({position, styles, children}) => { + return( +
+
+
+
+ {children} +
+
+
+
+ ) +}; \ No newline at end of file diff --git a/.history/components/UI/Modal_20220531214815.tsx b/.history/components/UI/Modal_20220531214815.tsx new file mode 100644 index 0000000..ca54919 --- /dev/null +++ b/.history/components/UI/Modal_20220531214815.tsx @@ -0,0 +1,21 @@ +import React from 'react'; +import classNames from 'classnames'; + +type Props = { + position: string, + styles: string, + children: React.ReactNode }; + +export const Modals: React.FC = ({position, styles, children}) => { + return( +
+
+
+
+ {children} +
+
+
+
+ ) +}; \ No newline at end of file diff --git a/.history/components/UI/Modal_20220531215624.tsx b/.history/components/UI/Modal_20220531215624.tsx new file mode 100644 index 0000000..c0f2932 --- /dev/null +++ b/.history/components/UI/Modal_20220531215624.tsx @@ -0,0 +1,21 @@ +import React from 'react'; +import classNames from 'classnames'; + +type Props = { + position: string, + styles: string, + children: React.ReactNode }; + +export const Modal: React.FC = ({position, styles, children}) => { + return( +
+
+
+
+ {children} +
+
+
+
+ ) +}; \ No newline at end of file diff --git a/.history/components/UI/PictureText_20220530185557.tsx b/.history/components/UI/PictureText_20220530185557.tsx new file mode 100644 index 0000000..e69de29 diff --git a/.history/components/UI/PictureText_20220530185603.tsx b/.history/components/UI/PictureText_20220530185603.tsx new file mode 100644 index 0000000..6dc8dbd --- /dev/null +++ b/.history/components/UI/PictureText_20220530185603.tsx @@ -0,0 +1,15 @@ +import React from 'react' +import classNames from 'classnames'; + +interface Props { + children?: React.ReactNode; + onClick: () => void; + } + +export const LinkButton: React.FC = ({onClick, children}) => { + return( +
+ +
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/PictureText_20220530185607.tsx b/.history/components/UI/PictureText_20220530185607.tsx new file mode 100644 index 0000000..ba39daa --- /dev/null +++ b/.history/components/UI/PictureText_20220530185607.tsx @@ -0,0 +1,15 @@ +import React from 'react' +import classNames from 'classnames'; + +interface Props { + children?: React.ReactNode; + onClick: () => void; + } + +export const PictureText: React.FC = ({onClick, children}) => { + return( +
+ +
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/PictureText_20220530185618.tsx b/.history/components/UI/PictureText_20220530185618.tsx new file mode 100644 index 0000000..7a84956 --- /dev/null +++ b/.history/components/UI/PictureText_20220530185618.tsx @@ -0,0 +1,24 @@ +import React from 'react' +import classNames from 'classnames'; + +interface Props { + children?: React.ReactNode; + onClick: () => void; + } + +export const PictureText: React.FC = ({onClick, children}) => { + return( +
+ {props.alt} +
+

{props.children}

+
+
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/PictureText_20220530185630.tsx b/.history/components/UI/PictureText_20220530185630.tsx new file mode 100644 index 0000000..85f33bb --- /dev/null +++ b/.history/components/UI/PictureText_20220530185630.tsx @@ -0,0 +1,24 @@ +import React from 'react' +import Image from 'next/image'; + +interface Props { + children?: React.ReactNode; + onClick: () => void; + } + +export const PictureText: React.FC = ({onClick, children}) => { + return( +
+ {props.alt} +
+

{props.children}

+
+
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/PictureText_20220530185642.tsx b/.history/components/UI/PictureText_20220530185642.tsx new file mode 100644 index 0000000..2375b73 --- /dev/null +++ b/.history/components/UI/PictureText_20220530185642.tsx @@ -0,0 +1,24 @@ +import React from 'react' +import Image from 'next/image'; + +interface Props { + children?: React.ReactNode; + onClick: () => void; + } + +export const PictureText: React.FC = ({src, children}) => { + return( +
+ {props.alt} +
+

{props.children}

+
+
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/PictureText_20220530185646.tsx b/.history/components/UI/PictureText_20220530185646.tsx new file mode 100644 index 0000000..18489fc --- /dev/null +++ b/.history/components/UI/PictureText_20220530185646.tsx @@ -0,0 +1,24 @@ +import React from 'react' +import Image from 'next/image'; + +interface Props { + children?: React.ReactNode; + onClick: () => void; + } + +export const PictureText: React.FC = ({src,alt, children}) => { + return( +
+ {props.alt} +
+

{props.children}

+
+
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/PictureText_20220530185647.tsx b/.history/components/UI/PictureText_20220530185647.tsx new file mode 100644 index 0000000..1c80325 --- /dev/null +++ b/.history/components/UI/PictureText_20220530185647.tsx @@ -0,0 +1,24 @@ +import React from 'react' +import Image from 'next/image'; + +interface Props { + children?: React.ReactNode; + onClick: () => void; + } + +export const PictureText: React.FC = ({src, alt, children}) => { + return( +
+ {props.alt} +
+

{props.children}

+
+
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/PictureText_20220530185651.tsx b/.history/components/UI/PictureText_20220530185651.tsx new file mode 100644 index 0000000..9caf876 --- /dev/null +++ b/.history/components/UI/PictureText_20220530185651.tsx @@ -0,0 +1,24 @@ +import React from 'react' +import Image from 'next/image'; + +interface Props { + children?: React.ReactNode; + onClick: () => void; + } + +export const PictureText: React.FC = ({src, alt, width, children}) => { + return( +
+ {props.alt} +
+

{props.children}

+
+
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/PictureText_20220530185655.tsx b/.history/components/UI/PictureText_20220530185655.tsx new file mode 100644 index 0000000..28e2b37 --- /dev/null +++ b/.history/components/UI/PictureText_20220530185655.tsx @@ -0,0 +1,24 @@ +import React from 'react' +import Image from 'next/image'; + +interface Props { + children?: React.ReactNode; + onClick: () => void; + } + +export const PictureText: React.FC = ({src, alt, width, height, children}) => { + return( +
+ {props.alt} +
+

{props.children}

+
+
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/PictureText_20220530185701.tsx b/.history/components/UI/PictureText_20220530185701.tsx new file mode 100644 index 0000000..9f223b0 --- /dev/null +++ b/.history/components/UI/PictureText_20220530185701.tsx @@ -0,0 +1,24 @@ +import React from 'react' +import Image from 'next/image'; + +interface Props { + children?: React.ReactNode; + onClick: () => void; + } + +export const PictureText: React.FC = ({src, alt, width, height, children}) => { + return( +
+ {alt} +
+

{props.children}

+
+
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/PictureText_20220530185708.tsx b/.history/components/UI/PictureText_20220530185708.tsx new file mode 100644 index 0000000..f9ab205 --- /dev/null +++ b/.history/components/UI/PictureText_20220530185708.tsx @@ -0,0 +1,23 @@ +import React from 'react' +import Image from 'next/image'; + +interface Props { + children?: React.ReactNode; + } + +export const PictureText: React.FC = ({src, alt, width, height, children}) => { + return( +
+ {alt} +
+

{props.children}

+
+
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/PictureText_20220530185719.tsx b/.history/components/UI/PictureText_20220530185719.tsx new file mode 100644 index 0000000..5385608 --- /dev/null +++ b/.history/components/UI/PictureText_20220530185719.tsx @@ -0,0 +1,23 @@ +import React from 'react' +import Image from 'next/image'; + +interface Props { + children: React.ReactNode; + } + +export const PictureText: React.FC = ({src, alt, width, height, children}) => { + return( +
+ {alt} +
+

{props.children}

+
+
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/PictureText_20220530185723.tsx b/.history/components/UI/PictureText_20220530185723.tsx new file mode 100644 index 0000000..b8c185e --- /dev/null +++ b/.history/components/UI/PictureText_20220530185723.tsx @@ -0,0 +1,24 @@ +import React from 'react' +import Image from 'next/image'; + +interface Props { + children: React.ReactNode; + src: + } + +export const PictureText: React.FC = ({src, alt, width, height, children}) => { + return( +
+ {alt} +
+

{props.children}

+
+
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/PictureText_20220530185728.tsx b/.history/components/UI/PictureText_20220530185728.tsx new file mode 100644 index 0000000..f9fa622 --- /dev/null +++ b/.history/components/UI/PictureText_20220530185728.tsx @@ -0,0 +1,25 @@ +import React from 'react' +import Image from 'next/image'; + +interface Props { + children: React.ReactNode; + src: string; + + } + +export const PictureText: React.FC = ({src, alt, width, height, children}) => { + return( +
+ {alt} +
+

{props.children}

+
+
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/PictureText_20220530185735.tsx b/.history/components/UI/PictureText_20220530185735.tsx new file mode 100644 index 0000000..a47df6d --- /dev/null +++ b/.history/components/UI/PictureText_20220530185735.tsx @@ -0,0 +1,25 @@ +import React from 'react' +import Image from 'next/image'; + +interface Props { + children: React.ReactNode; + src: string; + alt: string; + } + +export const PictureText: React.FC = ({src, alt, width, height, children}) => { + return( +
+ {alt} +
+

{props.children}

+
+
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/PictureText_20220530185740.tsx b/.history/components/UI/PictureText_20220530185740.tsx new file mode 100644 index 0000000..b475fec --- /dev/null +++ b/.history/components/UI/PictureText_20220530185740.tsx @@ -0,0 +1,26 @@ +import React from 'react' +import Image from 'next/image'; + +interface Props { + children: React.ReactNode; + src: string; + alt: string; + width: + } + +export const PictureText: React.FC = ({src, alt, width, height, children}) => { + return( +
+ {alt} +
+

{props.children}

+
+
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/PictureText_20220530185742.tsx b/.history/components/UI/PictureText_20220530185742.tsx new file mode 100644 index 0000000..f590e3d --- /dev/null +++ b/.history/components/UI/PictureText_20220530185742.tsx @@ -0,0 +1,26 @@ +import React from 'react' +import Image from 'next/image'; + +interface Props { + children: React.ReactNode; + src: string; + alt: string; + width: in + } + +export const PictureText: React.FC = ({src, alt, width, height, children}) => { + return( +
+ {alt} +
+

{props.children}

+
+
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/PictureText_20220530185750.tsx b/.history/components/UI/PictureText_20220530185750.tsx new file mode 100644 index 0000000..dc04ee7 --- /dev/null +++ b/.history/components/UI/PictureText_20220530185750.tsx @@ -0,0 +1,26 @@ +import React from 'react' +import Image from 'next/image'; + +interface Props { + children: React.ReactNode; + src: string; + alt: string; + width: number; + } + +export const PictureText: React.FC = ({src, alt, width, height, children}) => { + return( +
+ {alt} +
+

{props.children}

+
+
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/PictureText_20220530185754.tsx b/.history/components/UI/PictureText_20220530185754.tsx new file mode 100644 index 0000000..d8bf577 --- /dev/null +++ b/.history/components/UI/PictureText_20220530185754.tsx @@ -0,0 +1,27 @@ +import React from 'react' +import Image from 'next/image'; + +interface Props { + children: React.ReactNode; + src: string; + alt: string; + width: number; + width: number; + } + +export const PictureText: React.FC = ({src, alt, width, height, children}) => { + return( +
+ {alt} +
+

{props.children}

+
+
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/PictureText_20220530185756.tsx b/.history/components/UI/PictureText_20220530185756.tsx new file mode 100644 index 0000000..8d01871 --- /dev/null +++ b/.history/components/UI/PictureText_20220530185756.tsx @@ -0,0 +1,27 @@ +import React from 'react' +import Image from 'next/image'; + +interface Props { + children: React.ReactNode; + src: string; + alt: string; + width: number; + height: number; + } + +export const PictureText: React.FC = ({src, alt, width, height, children}) => { + return( +
+ {alt} +
+

{props.children}

+
+
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/PictureText_20220530185759.tsx b/.history/components/UI/PictureText_20220530185759.tsx new file mode 100644 index 0000000..c1cf7dd --- /dev/null +++ b/.history/components/UI/PictureText_20220530185759.tsx @@ -0,0 +1,27 @@ +import React from 'react' +import Image from 'next/image'; + +interface Props { + children: React.ReactNode; + src: string; + alt: string; + width: number; + height: number; + } + +export const PictureText: React.FC = ({src, alt, width, height, children}) => { + return( +
+ {alt} +
+

{children}

+
+
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/PictureText_20220530185800.tsx b/.history/components/UI/PictureText_20220530185800.tsx new file mode 100644 index 0000000..c1cf7dd --- /dev/null +++ b/.history/components/UI/PictureText_20220530185800.tsx @@ -0,0 +1,27 @@ +import React from 'react' +import Image from 'next/image'; + +interface Props { + children: React.ReactNode; + src: string; + alt: string; + width: number; + height: number; + } + +export const PictureText: React.FC = ({src, alt, width, height, children}) => { + return( +
+ {alt} +
+

{children}

+
+
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/PictureText_20220530185931.tsx b/.history/components/UI/PictureText_20220530185931.tsx new file mode 100644 index 0000000..84d5a4d --- /dev/null +++ b/.history/components/UI/PictureText_20220530185931.tsx @@ -0,0 +1,26 @@ +import React from 'react' +import Image from 'next/image'; + +interface Props { + children: React.ReactNode; + src: string; + width: number; + height: number; + } + +export const PictureText: React.FC = ({src, alt, width, height, children}) => { + return( +
+ {alt} +
+

{children}

+
+
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/PictureText_20220530185935.tsx b/.history/components/UI/PictureText_20220530185935.tsx new file mode 100644 index 0000000..27fcd32 --- /dev/null +++ b/.history/components/UI/PictureText_20220530185935.tsx @@ -0,0 +1,26 @@ +import React from 'react' +import Image from 'next/image'; + +interface Props { + children: React.ReactNode; + src: string; + width: number; + height: number; + } + +export const PictureText: React.FC = ({src, alt, width, height, children}) => { + return( +
+ {children} +
+

{children}

+
+
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/PictureText_20220530185936.tsx b/.history/components/UI/PictureText_20220530185936.tsx new file mode 100644 index 0000000..84d5a4d --- /dev/null +++ b/.history/components/UI/PictureText_20220530185936.tsx @@ -0,0 +1,26 @@ +import React from 'react' +import Image from 'next/image'; + +interface Props { + children: React.ReactNode; + src: string; + width: number; + height: number; + } + +export const PictureText: React.FC = ({src, alt, width, height, children}) => { + return( +
+ {alt} +
+

{children}

+
+
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/PictureText_20220530185938.tsx b/.history/components/UI/PictureText_20220530185938.tsx new file mode 100644 index 0000000..e0ded32 --- /dev/null +++ b/.history/components/UI/PictureText_20220530185938.tsx @@ -0,0 +1,26 @@ +import React from 'react' +import Image from 'next/image'; + +interface Props { + children: React.ReactNode; + src: string; + width: number; + height: number; + } + +export const PictureText: React.FC = ({src, alt, width, height, children}) => { + return( +
+ {''} +
+

{children}

+
+
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/PictureText_20220530185940.tsx b/.history/components/UI/PictureText_20220530185940.tsx new file mode 100644 index 0000000..e40222d --- /dev/null +++ b/.history/components/UI/PictureText_20220530185940.tsx @@ -0,0 +1,26 @@ +import React from 'react' +import Image from 'next/image'; + +interface Props { + children: React.ReactNode; + src: string; + width: number; + height: number; + } + +export const PictureText: React.FC = ({src, alt, width, height, children}) => { + return( +
+ {'pizza'} +
+

{children}

+
+
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/PictureText_20220530185944.tsx b/.history/components/UI/PictureText_20220530185944.tsx new file mode 100644 index 0000000..9b1c3f7 --- /dev/null +++ b/.history/components/UI/PictureText_20220530185944.tsx @@ -0,0 +1,26 @@ +import React from 'react' +import Image from 'next/image'; + +interface Props { + children: React.ReactNode; + src: string; + width: number; + height: number; + } + +export const PictureText: React.FC = ({src, width, height, children}) => { + return( +
+ {'pizza'} +
+

{children}

+
+
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/PictureText_20220530185945.tsx b/.history/components/UI/PictureText_20220530185945.tsx new file mode 100644 index 0000000..9b1c3f7 --- /dev/null +++ b/.history/components/UI/PictureText_20220530185945.tsx @@ -0,0 +1,26 @@ +import React from 'react' +import Image from 'next/image'; + +interface Props { + children: React.ReactNode; + src: string; + width: number; + height: number; + } + +export const PictureText: React.FC = ({src, width, height, children}) => { + return( +
+ {'pizza'} +
+

{children}

+
+
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/PictureText_20220530191651.tsx b/.history/components/UI/PictureText_20220530191651.tsx new file mode 100644 index 0000000..d8688b1 --- /dev/null +++ b/.history/components/UI/PictureText_20220530191651.tsx @@ -0,0 +1,26 @@ +import React from 'react' +import Image from 'next/image'; + +interface Props { + children: React.ReactNode; + src: string; + width: number; + height: number; + } + +export const PictureText: React.FC = ({src, width, height, children}) => { + return( +
+ {'pizza'} + +

{children}

+
+
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/PictureText_20220530191652.tsx b/.history/components/UI/PictureText_20220530191652.tsx new file mode 100644 index 0000000..945718d --- /dev/null +++ b/.history/components/UI/PictureText_20220530191652.tsx @@ -0,0 +1,26 @@ +import React from 'react' +import Image from 'next/image'; + +interface Props { + children: React.ReactNode; + src: string; + width: number; + height: number; + } + +export const PictureText: React.FC = ({src, width, height, children}) => { + return( +
+ {'pizza'} + +

{children}

+ +
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/PictureText_20220530191653.tsx b/.history/components/UI/PictureText_20220530191653.tsx new file mode 100644 index 0000000..945718d --- /dev/null +++ b/.history/components/UI/PictureText_20220530191653.tsx @@ -0,0 +1,26 @@ +import React from 'react' +import Image from 'next/image'; + +interface Props { + children: React.ReactNode; + src: string; + width: number; + height: number; + } + +export const PictureText: React.FC = ({src, width, height, children}) => { + return( +
+ {'pizza'} + +

{children}

+ +
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/PictureText_20220530192338.tsx b/.history/components/UI/PictureText_20220530192338.tsx new file mode 100644 index 0000000..574facc --- /dev/null +++ b/.history/components/UI/PictureText_20220530192338.tsx @@ -0,0 +1,26 @@ +import React from 'react' +import Image from 'next/image'; + +interface Props { + children: React.ReactNode; + src: string; + width: number; + height: number; + } + +export const PictureText: React.FC = ({src, width, height, children}) => { + return( +
+ {'pizza'} + +

{children}

+ +
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/PictureText_20220530192339.tsx b/.history/components/UI/PictureText_20220530192339.tsx new file mode 100644 index 0000000..163886f --- /dev/null +++ b/.history/components/UI/PictureText_20220530192339.tsx @@ -0,0 +1,25 @@ +import React from 'react' +import Image from 'next/image'; + +interface Props { + children: React.ReactNode; + src: string; + width: number; + height: number; + } + +export const PictureText: React.FC = ({src, width, height, children}) => { + return( +
+ {'pizza'} +

{children}

+ +
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/PictureText_20220530192342.tsx b/.history/components/UI/PictureText_20220530192342.tsx new file mode 100644 index 0000000..18982b5 --- /dev/null +++ b/.history/components/UI/PictureText_20220530192342.tsx @@ -0,0 +1,24 @@ +import React from 'react' +import Image from 'next/image'; + +interface Props { + children: React.ReactNode; + src: string; + width: number; + height: number; + } + +export const PictureText: React.FC = ({src, width, height, children}) => { + return( +
+ {'pizza'} +

{children}

+
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/RadioButton_20220531215938.tsx b/.history/components/UI/RadioButton_20220531215938.tsx new file mode 100644 index 0000000..e69de29 diff --git a/.history/components/UI/RadioButton_20220531215944.tsx b/.history/components/UI/RadioButton_20220531215944.tsx new file mode 100644 index 0000000..fc00e30 --- /dev/null +++ b/.history/components/UI/RadioButton_20220531215944.tsx @@ -0,0 +1,25 @@ +import React, { useState, useEffect } from 'react'; + +const RadioButton = ({...props}) => { + const [variable, setVariable] = useState(0); + const change = (e) => { + setVariable(e.target.value); + props.updateData(e.target.value); + } + return( +
+ {props.masImg.map((name, num) => <> + change(e) } + checked={variable == num} + /> + )} +
+ ) +} + +export default RadioButton; \ No newline at end of file diff --git a/.history/components/UI/RadioButton_20220531220104.tsx b/.history/components/UI/RadioButton_20220531220104.tsx new file mode 100644 index 0000000..0e332a7 --- /dev/null +++ b/.history/components/UI/RadioButton_20220531220104.tsx @@ -0,0 +1,27 @@ +import React, { useState, useEffect } from 'react'; + +export const Input: React.FC = ({type, name, label, onChange, value }) => { + +const RadioButton = ({...props}) => { + const [variable, setVariable] = useState(0); + const change = (e) => { + setVariable(e.target.value); + props.updateData(e.target.value); + } + return( +
+ {props.masImg.map((name, num) => <> + change(e) } + checked={variable == num} + /> + )} +
+ ) +} + +export default RadioButton; \ No newline at end of file diff --git a/.history/components/UI/RadioButton_20220531220108.tsx b/.history/components/UI/RadioButton_20220531220108.tsx new file mode 100644 index 0000000..ef1a886 --- /dev/null +++ b/.history/components/UI/RadioButton_20220531220108.tsx @@ -0,0 +1,27 @@ +import React, { useState, useEffect } from 'react'; + +export const RadioButton: React.FC = ({type, name, label, onChange, value }) => { + +const RadioButton = ({...props}) => { + const [variable, setVariable] = useState(0); + const change = (e) => { + setVariable(e.target.value); + props.updateData(e.target.value); + } + return( +
+ {props.masImg.map((name, num) => <> + change(e) } + checked={variable == num} + /> + )} +
+ ) +} + +export default RadioButton; \ No newline at end of file diff --git a/.history/components/UI/RadioButton_20220531220112.tsx b/.history/components/UI/RadioButton_20220531220112.tsx new file mode 100644 index 0000000..acdc85d --- /dev/null +++ b/.history/components/UI/RadioButton_20220531220112.tsx @@ -0,0 +1,25 @@ +import React, { useState, useEffect } from 'react'; + +export const RadioButton: React.FC = ({type, name, label, onChange, value }) => { + const [variable, setVariable] = useState(0); + const change = (e) => { + setVariable(e.target.value); + props.updateData(e.target.value); + } + return( +
+ {props.masImg.map((name, num) => <> + change(e) } + checked={variable == num} + /> + )} +
+ ) +} + +export default RadioButton; \ No newline at end of file diff --git a/.history/components/UI/RadioButton_20220531220124.tsx b/.history/components/UI/RadioButton_20220531220124.tsx new file mode 100644 index 0000000..a8bdf8a --- /dev/null +++ b/.history/components/UI/RadioButton_20220531220124.tsx @@ -0,0 +1,33 @@ +import React, { useState, useEffect } from 'react'; + +interface Props { + onChange: (name: string, value: string,) => void; + type: string, + name: string, + label: string, + value: string, + } + +export const RadioButton: React.FC = ({type, name, label, onChange, value }) => { + const [variable, setVariable] = useState(0); + const change = (e) => { + setVariable(e.target.value); + props.updateData(e.target.value); + } + return( +
+ {props.masImg.map((name, num) => <> + change(e) } + checked={variable == num} + /> + )} +
+ ) +} + +export default RadioButton; \ No newline at end of file diff --git a/.history/components/UI/RadioButton_20220531220241.tsx b/.history/components/UI/RadioButton_20220531220241.tsx new file mode 100644 index 0000000..74ef7ac --- /dev/null +++ b/.history/components/UI/RadioButton_20220531220241.tsx @@ -0,0 +1,33 @@ +import React, { useState, useEffect } from 'react'; + +interface Props { + onChange: (name: string, value: string,) => void; + type: string, + name: string, + label: string, + value: string, + } + +export const RadioButton: React.FC = ({type, name, label, onChange, value }) => { + const [variable, setVariable] = useState(0); + const change = (e) => { + setVariable(e.target.value); + props.updateData(e.target.value); + } + return( +
+ {masImg.map((name, num) => <> + change(e) } + checked={variable == num} + /> + )} +
+ ) +} + +export default RadioButton; \ No newline at end of file diff --git a/.history/components/UI/RadioButton_20220531220245.tsx b/.history/components/UI/RadioButton_20220531220245.tsx new file mode 100644 index 0000000..2bfa7ec --- /dev/null +++ b/.history/components/UI/RadioButton_20220531220245.tsx @@ -0,0 +1,33 @@ +import React, { useState, useEffect } from 'react'; + +interface Props { + onChange: (name: string, value: string,) => void; + masImg: string, + name: string, + label: string, + value: string, + } + +export const RadioButton: React.FC = ({type, name, label, onChange, value }) => { + const [variable, setVariable] = useState(0); + const change = (e) => { + setVariable(e.target.value); + props.updateData(e.target.value); + } + return( +
+ {masImg.map((name, num) => <> + change(e) } + checked={variable == num} + /> + )} +
+ ) +} + +export default RadioButton; \ No newline at end of file diff --git a/.history/components/UI/RadioButton_20220531220247.tsx b/.history/components/UI/RadioButton_20220531220247.tsx new file mode 100644 index 0000000..2cfc4bb --- /dev/null +++ b/.history/components/UI/RadioButton_20220531220247.tsx @@ -0,0 +1,33 @@ +import React, { useState, useEffect } from 'react'; + +interface Props { + onChange: (name: string, value: string,) => void; + masImg: string, + name: string, + label: string, + value: string, + } + +export const RadioButton: React.FC = ({masImg, name, label, onChange, value }) => { + const [variable, setVariable] = useState(0); + const change = (e) => { + setVariable(e.target.value); + props.updateData(e.target.value); + } + return( +
+ {masImg.map((name, num) => <> + change(e) } + checked={variable == num} + /> + )} +
+ ) +} + +export default RadioButton; \ No newline at end of file diff --git a/.history/components/UI/RadioButton_20220531220311.tsx b/.history/components/UI/RadioButton_20220531220311.tsx new file mode 100644 index 0000000..83b1ec1 --- /dev/null +++ b/.history/components/UI/RadioButton_20220531220311.tsx @@ -0,0 +1,31 @@ +import React, { useState, useEffect } from 'react'; + +interface Props { + onChange: (name: string, value: string,) => void; + masImg: string, + name: string, + label: string, + value: string, + } + +export const RadioButton: React.FC = ({masImg, name, label, onChange, value }) => { + const [variable, setVariable] = useState(0); + const change = (e) => { + setVariable(e.target.value); + props.updateData(e.target.value); + } + return( +
+ {masImg.map((name, num) => <> + change(e) } + checked={variable == num} + /> + )} +
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/RadioButton_20220531220552.tsx b/.history/components/UI/RadioButton_20220531220552.tsx new file mode 100644 index 0000000..f68280b --- /dev/null +++ b/.history/components/UI/RadioButton_20220531220552.tsx @@ -0,0 +1,31 @@ +import React, { useState, useEffect } from 'react'; + +interface Props { + onChange: (name: string, value: string,) => void; + masImg: string[], + name: string, + label: string, + value: string, + } + +export const RadioButton: React.FC = ({masImg, name, label, onChange, value }) => { + const [variable, setVariable] = useState(0); + const change = (e) => { + setVariable(e.target.value); + props.updateData(e.target.value); + } + return( +
+ {masImg.map((name, num) => <> + change(e) } + checked={variable == num} + /> + )} +
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/RadioButton_20220531220635.tsx b/.history/components/UI/RadioButton_20220531220635.tsx new file mode 100644 index 0000000..251f5fa --- /dev/null +++ b/.history/components/UI/RadioButton_20220531220635.tsx @@ -0,0 +1,31 @@ +import React, { useState, useEffect } from 'react'; + +interface Props { + onChange: (name: string, value: string,) => void; + masImg: string[], + name: string, + label: string, + value: string, + } + +export const RadioButton: React.FC = ({masImg, name, label, onChange, value }) => { + const [variable, setVariable] = useState(0); + const change = (e) => { + setVariable(e.target.value); + updateData(e.target.value); + } + return( +
+ {masImg.map((name, num) => <> + change(e) } + checked={variable == num} + /> + )} +
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/RadioButton_20220531220640.tsx b/.history/components/UI/RadioButton_20220531220640.tsx new file mode 100644 index 0000000..5b1f7d3 --- /dev/null +++ b/.history/components/UI/RadioButton_20220531220640.tsx @@ -0,0 +1,31 @@ +import React, { useState, useEffect } from 'react'; + +interface Props { + updateData: (name: string, value: string,) => void; + masImg: string[], + name: string, + label: string, + value: string, + } + +export const RadioButton: React.FC = ({masImg, name, label, onChange, value }) => { + const [variable, setVariable] = useState(0); + const change = (e) => { + setVariable(e.target.value); + updateData(e.target.value); + } + return( +
+ {masImg.map((name, num) => <> + change(e) } + checked={variable == num} + /> + )} +
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/RadioButton_20220531220644.tsx b/.history/components/UI/RadioButton_20220531220644.tsx new file mode 100644 index 0000000..5dd9177 --- /dev/null +++ b/.history/components/UI/RadioButton_20220531220644.tsx @@ -0,0 +1,31 @@ +import React, { useState, useEffect } from 'react'; + +interface Props { + updateData: (name: string, value: string,) => void; + masImg: string[], + name: string, + label: string, + value: string, + } + +export const RadioButton: React.FC = ({masImg, name, label, updateData, value }) => { + const [variable, setVariable] = useState(0); + const change = (e) => { + setVariable(e.target.value); + updateData(e.target.value); + } + return( +
+ {masImg.map((name, num) => <> + change(e) } + checked={variable == num} + /> + )} +
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/RadioButton_20220531220650.tsx b/.history/components/UI/RadioButton_20220531220650.tsx new file mode 100644 index 0000000..27220d8 --- /dev/null +++ b/.history/components/UI/RadioButton_20220531220650.tsx @@ -0,0 +1,31 @@ +import React, { useState, useEffect } from 'react'; + +interface Props { + updateData: () => void; + masImg: string[], + name: string, + label: string, + value: string, + } + +export const RadioButton: React.FC = ({masImg, name, label, updateData, value }) => { + const [variable, setVariable] = useState(0); + const change = (e) => { + setVariable(e.target.value); + updateData(e.target.value); + } + return( +
+ {masImg.map((name, num) => <> + change(e) } + checked={variable == num} + /> + )} +
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/RadioButton_20220531220705.tsx b/.history/components/UI/RadioButton_20220531220705.tsx new file mode 100644 index 0000000..d90da8d --- /dev/null +++ b/.history/components/UI/RadioButton_20220531220705.tsx @@ -0,0 +1,31 @@ +import React, { useState, useEffect } from 'react'; + +interface Props { + updateData: () => void; + masImg: string[], + name: string, + label: string, + value: string, + } + +export const RadioButton: React.FC = ({masImg, updateData, value }) => { + const [variable, setVariable] = useState(0); + const change = (e) => { + setVariable(e.target.value); + updateData(e.target.value); + } + return( +
+ {masImg.map((name, num) => <> + change(e) } + checked={variable == num} + /> + )} +
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/RadioButton_20220531220707.tsx b/.history/components/UI/RadioButton_20220531220707.tsx new file mode 100644 index 0000000..7c4e601 --- /dev/null +++ b/.history/components/UI/RadioButton_20220531220707.tsx @@ -0,0 +1,31 @@ +import React, { useState, useEffect } from 'react'; + +interface Props { + updateData: () => void; + masImg: string[], + name: string, + label: string, + value: string, + } + +export const RadioButton: React.FC = ({masImg, updateData }) => { + const [variable, setVariable] = useState(0); + const change = (e) => { + setVariable(e.target.value); + updateData(e.target.value); + } + return( +
+ {masImg.map((name, num) => <> + change(e) } + checked={variable == num} + /> + )} +
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/RadioButton_20220531220729.tsx b/.history/components/UI/RadioButton_20220531220729.tsx new file mode 100644 index 0000000..c9e3d4f --- /dev/null +++ b/.history/components/UI/RadioButton_20220531220729.tsx @@ -0,0 +1,32 @@ +import React, { useState, useEffect } from 'react'; + +interface Props { + updateData: () => void; + masImg: string[], + name: string, + label: string, + value: string, + } + +export const RadioButton: React.FC = ({masImg, updateData }) => { + const [variable, setVariable] = useState(0); + + const change = (e) => { + setVariable(e.target.value); + updateData(e.target.value); + } + return( +
+ {masImg.map((name, num) => <> + change(e) } + checked={variable == num} + /> + )} +
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/RadioButton_20220531220733.tsx b/.history/components/UI/RadioButton_20220531220733.tsx new file mode 100644 index 0000000..6409153 --- /dev/null +++ b/.history/components/UI/RadioButton_20220531220733.tsx @@ -0,0 +1,32 @@ +import React, { useState, useEffect } from 'react'; + +interface Props { + updateData: () => void; + masImg: string[], + name: string, + label: string, + value: string, + } + +export const RadioButton: React.FC = ({masImg, updateData }) => { + const [variable, setVariable] = useState(0); + type + const change = (e) => { + setVariable(e.target.value); + updateData(e.target.value); + } + return( +
+ {masImg.map((name, num) => <> + change(e) } + checked={variable == num} + /> + )} +
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/RadioButton_20220531220738.tsx b/.history/components/UI/RadioButton_20220531220738.tsx new file mode 100644 index 0000000..6409153 --- /dev/null +++ b/.history/components/UI/RadioButton_20220531220738.tsx @@ -0,0 +1,32 @@ +import React, { useState, useEffect } from 'react'; + +interface Props { + updateData: () => void; + masImg: string[], + name: string, + label: string, + value: string, + } + +export const RadioButton: React.FC = ({masImg, updateData }) => { + const [variable, setVariable] = useState(0); + type + const change = (e) => { + setVariable(e.target.value); + updateData(e.target.value); + } + return( +
+ {masImg.map((name, num) => <> + change(e) } + checked={variable == num} + /> + )} +
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/RadioButton_20220531220739.tsx b/.history/components/UI/RadioButton_20220531220739.tsx new file mode 100644 index 0000000..8bcb55e --- /dev/null +++ b/.history/components/UI/RadioButton_20220531220739.tsx @@ -0,0 +1,32 @@ +import React, { useState, useEffect } from 'react'; + +interface Props { + updateData: () => void; + masImg: string[], + name: string, + label: string, + value: string, + } + +export const RadioButton: React.FC = ({masImg, updateData }) => { + const [variable, setVariable] = useState(0); + type Ch + const change = (e) => { + setVariable(e.target.value); + updateData(e.target.value); + } + return( +
+ {masImg.map((name, num) => <> + change(e) } + checked={variable == num} + /> + )} +
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/RadioButton_20220531220741.tsx b/.history/components/UI/RadioButton_20220531220741.tsx new file mode 100644 index 0000000..48d8522 --- /dev/null +++ b/.history/components/UI/RadioButton_20220531220741.tsx @@ -0,0 +1,32 @@ +import React, { useState, useEffect } from 'react'; + +interface Props { + updateData: () => void; + masImg: string[], + name: string, + label: string, + value: string, + } + +export const RadioButton: React.FC = ({masImg, updateData }) => { + const [variable, setVariable] = useState(0); + type Cha + const change = (e) => { + setVariable(e.target.value); + updateData(e.target.value); + } + return( +
+ {masImg.map((name, num) => <> + change(e) } + checked={variable == num} + /> + )} +
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/RadioButton_20220531220747.tsx b/.history/components/UI/RadioButton_20220531220747.tsx new file mode 100644 index 0000000..aeaef74 --- /dev/null +++ b/.history/components/UI/RadioButton_20220531220747.tsx @@ -0,0 +1,32 @@ +import React, { useState, useEffect } from 'react'; + +interface Props { + updateData: () => void; + masImg: string[], + name: string, + label: string, + value: string, + } + +export const RadioButton: React.FC = ({masImg, updateData }) => { + const [variable, setVariable] = useState(0); + type ChangeProps + const change = (e) => { + setVariable(e.target.value); + updateData(e.target.value); + } + return( +
+ {masImg.map((name, num) => <> + change(e) } + checked={variable == num} + /> + )} +
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/RadioButton_20220531220753.tsx b/.history/components/UI/RadioButton_20220531220753.tsx new file mode 100644 index 0000000..2cfe585 --- /dev/null +++ b/.history/components/UI/RadioButton_20220531220753.tsx @@ -0,0 +1,34 @@ +import React, { useState, useEffect } from 'react'; + +interface Props { + updateData: () => void; + masImg: string[], + name: string, + label: string, + value: string, + } + +export const RadioButton: React.FC = ({masImg, updateData }) => { + const [variable, setVariable] = useState(0); + type ChangeProps { + + } + const change = (e) => { + setVariable(e.target.value); + updateData(e.target.value); + } + return( +
+ {masImg.map((name, num) => <> + change(e) } + checked={variable == num} + /> + )} +
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/RadioButton_20220531220758.tsx b/.history/components/UI/RadioButton_20220531220758.tsx new file mode 100644 index 0000000..08fe8bb --- /dev/null +++ b/.history/components/UI/RadioButton_20220531220758.tsx @@ -0,0 +1,34 @@ +import React, { useState, useEffect } from 'react'; + +interface Props { + updateData: () => void; + masImg: string[], + name: string, + label: string, + value: string, + } + +export const RadioButton: React.FC = ({masImg, updateData }) => { + const [variable, setVariable] = useState(0); + type ChangeProps { + e: st + } + const change = (e) => { + setVariable(e.target.value); + updateData(e.target.value); + } + return( +
+ {masImg.map((name, num) => <> + change(e) } + checked={variable == num} + /> + )} +
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/RadioButton_20220531220801.tsx b/.history/components/UI/RadioButton_20220531220801.tsx new file mode 100644 index 0000000..68fbeb6 --- /dev/null +++ b/.history/components/UI/RadioButton_20220531220801.tsx @@ -0,0 +1,34 @@ +import React, { useState, useEffect } from 'react'; + +interface Props { + updateData: () => void; + masImg: string[], + name: string, + label: string, + value: string, + } + +export const RadioButton: React.FC = ({masImg, updateData }) => { + const [variable, setVariable] = useState(0); + type ChangeProps { + e: string + } + const change = (e) => { + setVariable(e.target.value); + updateData(e.target.value); + } + return( +
+ {masImg.map((name, num) => <> + change(e) } + checked={variable == num} + /> + )} +
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/RadioButton_20220531220802.tsx b/.history/components/UI/RadioButton_20220531220802.tsx new file mode 100644 index 0000000..17b9613 --- /dev/null +++ b/.history/components/UI/RadioButton_20220531220802.tsx @@ -0,0 +1,34 @@ +import React, { useState, useEffect } from 'react'; + +interface Props { + updateData: () => void; + masImg: string[], + name: string, + label: string, + value: string, + } + +export const RadioButton: React.FC = ({masImg, updateData }) => { + const [variable, setVariable] = useState(0); + type ChangeProps { + e: string; + } + const change = (e) => { + setVariable(e.target.value); + updateData(e.target.value); + } + return( +
+ {masImg.map((name, num) => <> + change(e) } + checked={variable == num} + /> + )} +
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/RadioButton_20220531220808.tsx b/.history/components/UI/RadioButton_20220531220808.tsx new file mode 100644 index 0000000..c636a81 --- /dev/null +++ b/.history/components/UI/RadioButton_20220531220808.tsx @@ -0,0 +1,35 @@ +import React, { useState, useEffect } from 'react'; + +interface Props { + updateData: () => void; + masImg: string[], + name: string, + label: string, + value: string, + } + +export const RadioButton: React.FC = ({masImg, updateData }) => { + const [variable, setVariable] = useState(0); + + type ChangeProps { + e: string; + } + const change = (e) => { + setVariable(e.target.value); + updateData(e.target.value); + } + return( +
+ {masImg.map((name, num) => <> + change(e) } + checked={variable == num} + /> + )} +
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/RadioButton_20220531220809.tsx b/.history/components/UI/RadioButton_20220531220809.tsx new file mode 100644 index 0000000..a6db9f0 --- /dev/null +++ b/.history/components/UI/RadioButton_20220531220809.tsx @@ -0,0 +1,36 @@ +import React, { useState, useEffect } from 'react'; + +interface Props { + updateData: () => void; + masImg: string[], + name: string, + label: string, + value: string, + } + +export const RadioButton: React.FC = ({masImg, updateData }) => { + const [variable, setVariable] = useState(0); + + type ChangeProps { + e: string; + } + + const change = (e) => { + setVariable(e.target.value); + updateData(e.target.value); + } + return( +
+ {masImg.map((name, num) => <> + change(e) } + checked={variable == num} + /> + )} +
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/RadioButton_20220531220828.tsx b/.history/components/UI/RadioButton_20220531220828.tsx new file mode 100644 index 0000000..1a9978d --- /dev/null +++ b/.history/components/UI/RadioButton_20220531220828.tsx @@ -0,0 +1,36 @@ +import React, { useState, useEffect } from 'react'; + +interface Props { + updateData: () => void; + masImg: string[], + name: string, + label: string, + value: string, + } + +export const RadioButton: React.FC = ({masImg, updateData }) => { + const [variable, setVariable] = useState(0); + + type ChangeProps { + e: string; + } + + const change: React.FC = (e) => { + setVariable(e.target.value); + updateData(e.target.value); + } + return( +
+ {masImg.map((name, num) => <> + change(e) } + checked={variable == num} + /> + )} +
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/RadioButton_20220531220832.tsx b/.history/components/UI/RadioButton_20220531220832.tsx new file mode 100644 index 0000000..b77bae8 --- /dev/null +++ b/.history/components/UI/RadioButton_20220531220832.tsx @@ -0,0 +1,36 @@ +import React, { useState, useEffect } from 'react'; + +interface Props { + updateData: () => void; + masImg: string[], + name: string, + label: string, + value: string, + } + +export const RadioButton: React.FC = ({masImg, updateData }) => { + const [variable, setVariable] = useState(0); + + type ChangeProps { + e: string; + } + + const change: React.FC = (e) => { + setVariable(e.target.value); + updateData(e.target.value); + } + return( +
+ {masImg.map((name, num) => <> + change(e) } + checked={variable == num} + /> + )} +
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/RadioButton_20220531220838.tsx b/.history/components/UI/RadioButton_20220531220838.tsx new file mode 100644 index 0000000..caa84a8 --- /dev/null +++ b/.history/components/UI/RadioButton_20220531220838.tsx @@ -0,0 +1,36 @@ +import React, { useState, useEffect } from 'react'; + +interface Props { + updateData: () => void; + masImg: string[], + name: string, + label: string, + value: string, + } + +export const RadioButton: React.FC = ({masImg, updateData }) => { + const [variable, setVariable] = useState(0); + + type ChangeProps { + e: string; + } + + const Change: React.FC = (e) => { + setVariable(e.target.value); + updateData(e.target.value); + } + return( +
+ {masImg.map((name, num) => <> + change(e) } + checked={variable == num} + /> + )} +
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/RadioButton_20220531220842.tsx b/.history/components/UI/RadioButton_20220531220842.tsx new file mode 100644 index 0000000..ee47e06 --- /dev/null +++ b/.history/components/UI/RadioButton_20220531220842.tsx @@ -0,0 +1,36 @@ +import React, { useState, useEffect } from 'react'; + +interface Props { + updateData: () => void; + masImg: string[], + name: string, + label: string, + value: string, + } + +export const RadioButton: React.FC = ({masImg, updateData }) => { + const [variable, setVariable] = useState(0); + + type ChangeProps { + e: string; + } + + const Change: React.FC = (e) => { + setVariable(e.target.value); + updateData(e.target.value); + } + return( +
+ {masImg.map((name, num) => <> + Change(e) } + checked={variable == num} + /> + )} +
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/RadioButton_20220531220856.tsx b/.history/components/UI/RadioButton_20220531220856.tsx new file mode 100644 index 0000000..ee47e06 --- /dev/null +++ b/.history/components/UI/RadioButton_20220531220856.tsx @@ -0,0 +1,36 @@ +import React, { useState, useEffect } from 'react'; + +interface Props { + updateData: () => void; + masImg: string[], + name: string, + label: string, + value: string, + } + +export const RadioButton: React.FC = ({masImg, updateData }) => { + const [variable, setVariable] = useState(0); + + type ChangeProps { + e: string; + } + + const Change: React.FC = (e) => { + setVariable(e.target.value); + updateData(e.target.value); + } + return( +
+ {masImg.map((name, num) => <> + Change(e) } + checked={variable == num} + /> + )} +
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/RadioButton_20220531220903.tsx b/.history/components/UI/RadioButton_20220531220903.tsx new file mode 100644 index 0000000..c6bbb8d --- /dev/null +++ b/.history/components/UI/RadioButton_20220531220903.tsx @@ -0,0 +1,36 @@ +import React, { useState, useEffect } from 'react'; + +interface Props { + updateData: () => void; + masImg: string[], + name: string, + label: string, + value: string, + } + +export const RadioButton: React.FC = ({masImg, updateData }) => { + const [variable, setVariable] = useState(0); + + type ChangeProps { + e: : () => void; + } + + const Change: React.FC = (e) => { + setVariable(e.target.value); + updateData(e.target.value); + } + return( +
+ {masImg.map((name, num) => <> + Change(e) } + checked={variable == num} + /> + )} +
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/RadioButton_20220531220905.tsx b/.history/components/UI/RadioButton_20220531220905.tsx new file mode 100644 index 0000000..0413560 --- /dev/null +++ b/.history/components/UI/RadioButton_20220531220905.tsx @@ -0,0 +1,36 @@ +import React, { useState, useEffect } from 'react'; + +interface Props { + updateData: () => void; + masImg: string[], + name: string, + label: string, + value: string, + } + +export const RadioButton: React.FC = ({masImg, updateData }) => { + const [variable, setVariable] = useState(0); + + type ChangeProps { + e: () => void; + } + + const Change: React.FC = (e) => { + setVariable(e.target.value); + updateData(e.target.value); + } + return( +
+ {masImg.map((name, num) => <> + Change(e) } + checked={variable == num} + /> + )} +
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/RadioButton_20220531221105.tsx b/.history/components/UI/RadioButton_20220531221105.tsx new file mode 100644 index 0000000..3234051 --- /dev/null +++ b/.history/components/UI/RadioButton_20220531221105.tsx @@ -0,0 +1,36 @@ +import React, { useState, useEffect } from 'react'; + +interface Props { + updateData: () => void; + masImg: string[], + name: string, + label: string, + value: string, + } + +export const RadioButton: React.FC = ({masImg, updateData }) => { + const [variable, setVariable] = useState(0); + + type ChangeProps { + e: () => void; + } + + const Change: React.FC = (e) => { + setVariable(e.target.value); + updateData(e.target.value); + } + return( +
+ {masImg.map((name, num) => <> + Change(e) } + checked={variable == num} + /> + )} +
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/RadioButton_20220531221121.tsx b/.history/components/UI/RadioButton_20220531221121.tsx new file mode 100644 index 0000000..15a5bfb --- /dev/null +++ b/.history/components/UI/RadioButton_20220531221121.tsx @@ -0,0 +1,36 @@ +import React, { useState, useEffect } from 'react'; + +interface Props { + updateData: () => void; + masImg: string[], + name: string, + label: string, + value: string, + } + +export const RadioButton: React.FC = ({masImg, updateData }) => { + const [variable, setVariable] = useState(0); + + type ChangeProps { + e: () => void; + } + + const Change: React.FC = (e) => { + setVariable(e.target.value); + updateData(e.target.value); + } + return( +
+ {masImg.map((name, num) => <> + Change(e) } + checked={variable == num} + /> + )} +
+ ) +}vvvccccccxc \ No newline at end of file diff --git a/.history/components/UI/RadioButton_20220531221123.tsx b/.history/components/UI/RadioButton_20220531221123.tsx new file mode 100644 index 0000000..a35451e --- /dev/null +++ b/.history/components/UI/RadioButton_20220531221123.tsx @@ -0,0 +1,36 @@ +import React, { useState, useEffect } from 'react'; + +interface Props { + updateData: () => void; + masImg: string[], + name: string, + label: string, + value: string, + } + +export const RadioButton: React.FC = ({masImg, updateData }) => { + const [variable, setVariable] = useState(0); + + type ChangeProps { + e: () => void; + } + + const Change: React.FC = (e) => { + setVariable(e.target.value); + updateData(e.target.value); + } + return( +
+ {masImg.map((name, num) => <> + Change(e) } + checked={variable == num} + /> + )} +
+ ) +}vvvccccccxc \ No newline at end of file diff --git a/.history/components/UI/RadioButton_20220531221131.tsx b/.history/components/UI/RadioButton_20220531221131.tsx new file mode 100644 index 0000000..e8014a3 --- /dev/null +++ b/.history/components/UI/RadioButton_20220531221131.tsx @@ -0,0 +1,36 @@ +import React, { useState, useEffect } from 'react'; + +interface Props { + updateData: () => void; + masImg: string[], + name: string, + label: string, + value: string, + } + +export const RadioButton: React.FC = ({masImg, updateData }) => { + const [variable, setVariable] = useState(0); + + type ChangeProps { + e: () => void; + } + + const Change: React.FC = (e) => { + setVariable(e.target.value); + updateData(e.target.value); + } + return( +
+ {masImg.map((name, num) => <> + Change(e) } + checked={variable == num} + /> + )} +
+ ) +}vvvccccccxc \ No newline at end of file diff --git a/.history/components/UI/RadioButton_20220531221133.tsx b/.history/components/UI/RadioButton_20220531221133.tsx new file mode 100644 index 0000000..5919684 --- /dev/null +++ b/.history/components/UI/RadioButton_20220531221133.tsx @@ -0,0 +1,36 @@ +import React, { useState, useEffect } from 'react'; + +interface Props { + updateData: () => void; + masImg: string[], + name: string, + label: string, + value: string, + } + +export const RadioButton: React.FC = ({masImg, updateData }) => { + const [variable, setVariable] = useState(0); + + type ChangeProps { + e: () => void; + } + + const Change: React.FC = (e) => { + setVariable(e.target.value); + updateData(e.target.value); + } + return( +
+ {masImg.map((name, num) => <> + Change(e) } + checked={variable == num} + /> + )} +
+ ) +}vvvccccccxc \ No newline at end of file diff --git a/.history/components/UI/SmallText_20220518155150.tsx b/.history/components/UI/SmallText_20220518155150.tsx new file mode 100644 index 0000000..e69de29 diff --git a/.history/components/UI/SmallText_20220518155208.tsx b/.history/components/UI/SmallText_20220518155208.tsx new file mode 100644 index 0000000..f81765a --- /dev/null +++ b/.history/components/UI/SmallText_20220518155208.tsx @@ -0,0 +1,11 @@ +import React from 'react' + + const SmallText = ({...props}) => { + return( +
+

{props.children}

+
+ ) +} + +export default SmallText; \ No newline at end of file diff --git a/.history/components/UI/SmallText_20220518155233.tsx b/.history/components/UI/SmallText_20220518155233.tsx new file mode 100644 index 0000000..f4b00e9 --- /dev/null +++ b/.history/components/UI/SmallText_20220518155233.tsx @@ -0,0 +1,13 @@ +import React from 'react' + +interface Props { + children?: React.ReactNode; + } + +export const SmallText: React.FC = ({children }) => { + return( +
+

{children}

+
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/Title_20220518154600.tsx b/.history/components/UI/Title_20220518154600.tsx new file mode 100644 index 0000000..e69de29 diff --git a/.history/components/UI/Title_20220518154607.tsx b/.history/components/UI/Title_20220518154607.tsx new file mode 100644 index 0000000..a01d483 --- /dev/null +++ b/.history/components/UI/Title_20220518154607.tsx @@ -0,0 +1,11 @@ +import React from 'react' + + const Title = (props) => { + return( +
+

{props.children}

+
+ ) +} + +export default Title; \ No newline at end of file diff --git a/.history/components/UI/Title_20220518154615.tsx b/.history/components/UI/Title_20220518154615.tsx new file mode 100644 index 0000000..dbe97f3 --- /dev/null +++ b/.history/components/UI/Title_20220518154615.tsx @@ -0,0 +1,15 @@ +import React from 'react' + +interface Props { + children?: React.ReactNode; + } + + const Title = (props) => { + return( +
+

{props.children}

+
+ ) +} + +export default Title; \ No newline at end of file diff --git a/.history/components/UI/Title_20220518154658.tsx b/.history/components/UI/Title_20220518154658.tsx new file mode 100644 index 0000000..f24cff5 --- /dev/null +++ b/.history/components/UI/Title_20220518154658.tsx @@ -0,0 +1,13 @@ +import React from 'react' + +interface Props { + children?: React.ReactNode; +} + +export const Title: React.FC = ({children }) => { + return( +
+

{children}

+
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/Title_20220518154704.tsx b/.history/components/UI/Title_20220518154704.tsx new file mode 100644 index 0000000..5b6c871 --- /dev/null +++ b/.history/components/UI/Title_20220518154704.tsx @@ -0,0 +1,13 @@ +import React from 'react' + +interface Props { + children?: React.ReactNode; +} + +export const Title: React.FC = ({ children }) => { + return( +
+

{children}

+
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/Title_20220520143753.tsx b/.history/components/UI/Title_20220520143753.tsx new file mode 100644 index 0000000..5b6c871 --- /dev/null +++ b/.history/components/UI/Title_20220520143753.tsx @@ -0,0 +1,13 @@ +import React from 'react' + +interface Props { + children?: React.ReactNode; +} + +export const Title: React.FC = ({ children }) => { + return( +
+

{children}

+
+ ) +} \ No newline at end of file diff --git a/.history/components/UI/index_20220529001311.ts b/.history/components/UI/index_20220529001311.ts new file mode 100644 index 0000000..0405156 --- /dev/null +++ b/.history/components/UI/index_20220529001311.ts @@ -0,0 +1,7 @@ +export * from './Button' +export * from './Input' +export * from './Label' +export * from './Title' +export * from './LinkButton' +export * from './SmallText' +export * from './' \ No newline at end of file diff --git a/.history/components/UI/index_20220529001312.ts b/.history/components/UI/index_20220529001312.ts new file mode 100644 index 0000000..e98f300 --- /dev/null +++ b/.history/components/UI/index_20220529001312.ts @@ -0,0 +1,7 @@ +export * from './Button' +export * from './Input' +export * from './Label' +export * from './Title' +export * from './LinkButton' +export * from './SmallText' +export * from './ButtonImg' \ No newline at end of file diff --git a/.history/components/UI/index_20220530185810.ts b/.history/components/UI/index_20220530185810.ts new file mode 100644 index 0000000..558fd0b --- /dev/null +++ b/.history/components/UI/index_20220530185810.ts @@ -0,0 +1,8 @@ +export * from './Button' +export * from './Input' +export * from './Label' +export * from './Title' +export * from './LinkButton' +export * from './SmallText' +export * from './ButtonImg' +export * from './ButtonImg' \ No newline at end of file diff --git a/.history/components/UI/index_20220530185812.ts b/.history/components/UI/index_20220530185812.ts new file mode 100644 index 0000000..b77fc6e --- /dev/null +++ b/.history/components/UI/index_20220530185812.ts @@ -0,0 +1,8 @@ +export * from './Button' +export * from './Input' +export * from './Label' +export * from './Title' +export * from './LinkButton' +export * from './SmallText' +export * from './ButtonImg' +export * from './' \ No newline at end of file diff --git a/.history/components/UI/index_20220530185814.ts b/.history/components/UI/index_20220530185814.ts new file mode 100644 index 0000000..39a45c9 --- /dev/null +++ b/.history/components/UI/index_20220530185814.ts @@ -0,0 +1,8 @@ +export * from './Button' +export * from './Input' +export * from './Label' +export * from './Title' +export * from './LinkButton' +export * from './SmallText' +export * from './ButtonImg' +export * from './PictureText' \ No newline at end of file diff --git a/.history/components/UI/index_20220531215520.ts b/.history/components/UI/index_20220531215520.ts new file mode 100644 index 0000000..344f8db --- /dev/null +++ b/.history/components/UI/index_20220531215520.ts @@ -0,0 +1,9 @@ +export * from './Button' +export * from './Input' +export * from './Label' +export * from './Title' +export * from './LinkButton' +export * from './SmallText' +export * from './ButtonImg' +export * from './PictureText' +export * from './' \ No newline at end of file diff --git a/.history/components/UI/index_20220531215525.ts b/.history/components/UI/index_20220531215525.ts new file mode 100644 index 0000000..b3fdbd6 --- /dev/null +++ b/.history/components/UI/index_20220531215525.ts @@ -0,0 +1,9 @@ +export * from './Button' +export * from './Input' +export * from './Label' +export * from './Title' +export * from './LinkButton' +export * from './SmallText' +export * from './ButtonImg' +export * from './PictureText' +export * from './Modal' \ No newline at end of file diff --git a/.history/components/UI/index_20220531231701.ts b/.history/components/UI/index_20220531231701.ts new file mode 100644 index 0000000..8eeeed8 --- /dev/null +++ b/.history/components/UI/index_20220531231701.ts @@ -0,0 +1,10 @@ +export * from './Button' +export * from './Input' +export * from './Label' +export * from './Title' +export * from './LinkButton' +export * from './SmallText' +export * from './ButtonImg' +export * from './PictureText' +export * from './Modal' +export * from './InputRadio' \ No newline at end of file diff --git a/.history/components/UI/index_20220531231703.ts b/.history/components/UI/index_20220531231703.ts new file mode 100644 index 0000000..8eeeed8 --- /dev/null +++ b/.history/components/UI/index_20220531231703.ts @@ -0,0 +1,10 @@ +export * from './Button' +export * from './Input' +export * from './Label' +export * from './Title' +export * from './LinkButton' +export * from './SmallText' +export * from './ButtonImg' +export * from './PictureText' +export * from './Modal' +export * from './InputRadio' \ No newline at end of file diff --git a/.history/components/UI/index_20220617191420.ts b/.history/components/UI/index_20220617191420.ts new file mode 100644 index 0000000..8eeeed8 --- /dev/null +++ b/.history/components/UI/index_20220617191420.ts @@ -0,0 +1,10 @@ +export * from './Button' +export * from './Input' +export * from './Label' +export * from './Title' +export * from './LinkButton' +export * from './SmallText' +export * from './ButtonImg' +export * from './PictureText' +export * from './Modal' +export * from './InputRadio' \ No newline at end of file diff --git a/.history/components/admin/function/hashPassword_20220520142020.ts b/.history/components/admin/function/hashPassword_20220520142020.ts new file mode 100644 index 0000000..e69de29 diff --git a/.history/components/admin/function/hashPassword_20220520142046.ts b/.history/components/admin/function/hashPassword_20220520142046.ts new file mode 100644 index 0000000..4a92376 --- /dev/null +++ b/.history/components/admin/function/hashPassword_20220520142046.ts @@ -0,0 +1,10 @@ +var crypto = require('crypto'); + +const hashPassword = (password, salt, callback) => { + crypto.pbkdf2(password, salt, 100000, 64, 'sha512', (err, derivedKey) => { + if (err) throw err; + // Printing the derived key + callback(derivedKey.toString('hex')); + }); +} +export default hashPassword; \ No newline at end of file diff --git a/.history/components/admin/function/hashPassword_20220520142150.ts b/.history/components/admin/function/hashPassword_20220520142150.ts new file mode 100644 index 0000000..e0c4808 --- /dev/null +++ b/.history/components/admin/function/hashPassword_20220520142150.ts @@ -0,0 +1,10 @@ +var crypto = require('crypto'); + +export const hashPassword: React.FC = (password:string, salt:string, callback:) => { + crypto.pbkdf2(password, salt, 100000, 64, 'sha512', (err, derivedKey) => { + if (err) throw err; + // Printing the derived key + callback(derivedKey.toString('hex')); + }); +} +export default hashPassword; \ No newline at end of file diff --git a/.history/components/admin/function/hashPassword_20220520142548.ts b/.history/components/admin/function/hashPassword_20220520142548.ts new file mode 100644 index 0000000..22c557d --- /dev/null +++ b/.history/components/admin/function/hashPassword_20220520142548.ts @@ -0,0 +1,10 @@ +var crypto = require('crypto'); + +export const hashPassword: React.FC = (password:string, salt:string, callback:callback) => { + crypto.pbkdf2(password, salt, 100000, 64, 'sha512', (err, derivedKey) => { + if (err) throw err; + // Printing the derived key + callback(derivedKey.toString('hex')); + }); +} +export default hashPassword; \ No newline at end of file diff --git a/.history/components/admin/function/hashPassword_20220520142625.ts b/.history/components/admin/function/hashPassword_20220520142625.ts new file mode 100644 index 0000000..b4e83b6 --- /dev/null +++ b/.history/components/admin/function/hashPassword_20220520142625.ts @@ -0,0 +1,9 @@ +var crypto = require('crypto'); + +export const HashPassword: React.FC = (password:string, salt:string, callback: () => void) => { + crypto.pbkdf2(password, salt, 100000, 64, 'sha512', (err, derivedKey) => { + if (err) throw err; + // Printing the derived key + callback(derivedKey.toString('hex')); + }); +} \ No newline at end of file diff --git a/.history/components/admin/function/hashPassword_20220520142810.ts b/.history/components/admin/function/hashPassword_20220520142810.ts new file mode 100644 index 0000000..9534126 --- /dev/null +++ b/.history/components/admin/function/hashPassword_20220520142810.ts @@ -0,0 +1,9 @@ +var crypto = require('crypto'); + +export const HashPassword: React.FC = (password:string, salt:string, callback: () => void) => { + crypto.pbkdf2(password, salt, 100000, 64, 'sha512', (err: string, derivedKey: string) => { + if (err) throw err; + // Printing the derived key + callback(derivedKey.toString('hex')); + }); +} \ No newline at end of file diff --git a/.history/components/admin/function/hashPassword_20220520143020.ts b/.history/components/admin/function/hashPassword_20220520143020.ts new file mode 100644 index 0000000..c0bf06c --- /dev/null +++ b/.history/components/admin/function/hashPassword_20220520143020.ts @@ -0,0 +1,13 @@ +var crypto = require('crypto'); + +export const HashPassword: React.FC = (password:string, salt:string, callback: () => void) => { + crypto.pbkdf2(password, this.salt, 1000, 32, function(err, buff) { + if (err) return cb(err); + cb(null, buff.toString('hex')); + }); + crypto.pbkdf2(password, salt, 100000, 64, 'sha512', (err: string, derivedKey: string) => { + if (err) throw err; + // Printing the derived key + callback(derivedKey.toString('hex')); + }); +} \ No newline at end of file diff --git a/.history/components/admin/function/hashPassword_20220520143123.ts b/.history/components/admin/function/hashPassword_20220520143123.ts new file mode 100644 index 0000000..c6fccea --- /dev/null +++ b/.history/components/admin/function/hashPassword_20220520143123.ts @@ -0,0 +1,9 @@ +var crypto = require('crypto'); + +export const HashPassword: React.FC<(password:string, salt:string, callback: () => void)> => { + crypto.pbkdf2(password, salt, 100000, 64, 'sha512', (err: string, derivedKey: string) => { + if (err) throw err; + // Printing the derived key + callback(derivedKey.toString('hex')); + }); +} \ No newline at end of file diff --git a/.history/components/admin/function/hashPassword_20220520143229.ts b/.history/components/admin/function/hashPassword_20220520143229.ts new file mode 100644 index 0000000..3a103be --- /dev/null +++ b/.history/components/admin/function/hashPassword_20220520143229.ts @@ -0,0 +1,9 @@ +var crypto = require('crypto'); + +export const HashPassword: React.FC <(password:string, salt:string, callback: () => void)> => { + crypto.pbkdf2(password, salt, 100000, 64, 'sha512', (err: string, derivedKey: string) => { + if (err) throw err; + // Printing the derived key + callback(derivedKey.toString('hex')); + }); +} \ No newline at end of file diff --git a/.history/components/admin/function/hashPassword_20220520143306.ts b/.history/components/admin/function/hashPassword_20220520143306.ts new file mode 100644 index 0000000..8fc89d1 --- /dev/null +++ b/.history/components/admin/function/hashPassword_20220520143306.ts @@ -0,0 +1,15 @@ +var crypto = require('crypto'); + +type Props = { + password: string; + salt: string; + callback: () => void; + }; + +export const HashPassword: React.FC => { + crypto.pbkdf2(password, salt, 100000, 64, 'sha512', (err: string, derivedKey: string) => { + if (err) throw err; + // Printing the derived key + callback(derivedKey.toString('hex')); + }); +} \ No newline at end of file diff --git a/.history/components/admin/function/hashPassword_20220520143312.ts b/.history/components/admin/function/hashPassword_20220520143312.ts new file mode 100644 index 0000000..bcdabb7 --- /dev/null +++ b/.history/components/admin/function/hashPassword_20220520143312.ts @@ -0,0 +1,15 @@ +var crypto = require('crypto'); + +type Props = { + password: string; + salt: string; + callback: () => void; + }; + +export const HashPassword: React.FC = { + crypto.pbkdf2(password, salt, 100000, 64, 'sha512', (err: string, derivedKey: string) => { + if (err) throw err; + // Printing the derived key + callback(derivedKey.toString('hex')); + }); +} \ No newline at end of file diff --git a/.history/components/admin/function/hashPassword_20220520143329.ts b/.history/components/admin/function/hashPassword_20220520143329.ts new file mode 100644 index 0000000..6fe9e34 --- /dev/null +++ b/.history/components/admin/function/hashPassword_20220520143329.ts @@ -0,0 +1,15 @@ +var crypto = require('crypto'); + +type Props = { + password: string; + salt: string; + callback: () => void; + }; + +export const HashPassword: React.FC = ({}) { + crypto.pbkdf2(password, salt, 100000, 64, 'sha512', (err: string, derivedKey: string) => { + if (err) throw err; + // Printing the derived key + callback(derivedKey.toString('hex')); + }); +} \ No newline at end of file diff --git a/.history/components/admin/function/hashPassword_20220520143346.ts b/.history/components/admin/function/hashPassword_20220520143346.ts new file mode 100644 index 0000000..8203a6d --- /dev/null +++ b/.history/components/admin/function/hashPassword_20220520143346.ts @@ -0,0 +1,15 @@ +var crypto = require('crypto'); + +type Props = { + password: string; + salt: string; + callback: () => void; + }; + +export const HashPassword: React.FC = ({password, salt, callback}) => { + crypto.pbkdf2(password, salt, 100000, 64, 'sha512', (err: string, derivedKey: string) => { + if (err) throw err; + // Printing the derived key + callback(derivedKey.toString('hex')); + }); +} \ No newline at end of file diff --git a/.history/components/admin/function/hashPassword_20220520143401.ts b/.history/components/admin/function/hashPassword_20220520143401.ts new file mode 100644 index 0000000..8203a6d --- /dev/null +++ b/.history/components/admin/function/hashPassword_20220520143401.ts @@ -0,0 +1,15 @@ +var crypto = require('crypto'); + +type Props = { + password: string; + salt: string; + callback: () => void; + }; + +export const HashPassword: React.FC = ({password, salt, callback}) => { + crypto.pbkdf2(password, salt, 100000, 64, 'sha512', (err: string, derivedKey: string) => { + if (err) throw err; + // Printing the derived key + callback(derivedKey.toString('hex')); + }); +} \ No newline at end of file diff --git a/.history/components/admin/function/hashPassword_20220520143407.ts b/.history/components/admin/function/hashPassword_20220520143407.ts new file mode 100644 index 0000000..2cd28cb --- /dev/null +++ b/.history/components/admin/function/hashPassword_20220520143407.ts @@ -0,0 +1,16 @@ +import React from 'react'; +var crypto = require('crypto'); + +type Props = { + password: string; + salt: string; + callback: () => void; + }; + +export const HashPassword: React.FC = ({password, salt, callback}) => { + crypto.pbkdf2(password, salt, 100000, 64, 'sha512', (err: string, derivedKey: string) => { + if (err) throw err; + // Printing the derived key + callback(derivedKey.toString('hex')); + }); +} \ No newline at end of file diff --git a/.history/components/admin/function/hashPassword_20220520143424.ts b/.history/components/admin/function/hashPassword_20220520143424.ts new file mode 100644 index 0000000..d7a7a5d --- /dev/null +++ b/.history/components/admin/function/hashPassword_20220520143424.ts @@ -0,0 +1,16 @@ +import React from 'react'; +var crypto = require('crypto'); + +type Props = { + password: string; + salt: string; + callback: (() => void); + }; + +export const HashPassword: React.FC = ({password, salt, callback}) => { + crypto.pbkdf2(password, salt, 100000, 64, 'sha512', (err: string, derivedKey: string) => { + if (err) throw err; + // Printing the derived key + callback(derivedKey.toString('hex')); + }); +} \ No newline at end of file diff --git a/.history/components/admin/function/hashPassword_20220520143540.ts b/.history/components/admin/function/hashPassword_20220520143540.ts new file mode 100644 index 0000000..6b30821 --- /dev/null +++ b/.history/components/admin/function/hashPassword_20220520143540.ts @@ -0,0 +1,15 @@ +import React from 'react'; +var crypto = require('crypto'); + +type Props = { + password: string; + salt: string; + callback: (() => void); + }; + +export const HashPassword: React.FC => { + // crypto.pbkdf2(password, salt, 100000, 64, 'sha512', (err: string, derivedKey: string) => { + // if (err) throw err; + // callback(derivedKey.toString('hex')); + // }); +} \ No newline at end of file diff --git a/.history/components/admin/function/hashPassword_20220520143557.ts b/.history/components/admin/function/hashPassword_20220520143557.ts new file mode 100644 index 0000000..152d383 --- /dev/null +++ b/.history/components/admin/function/hashPassword_20220520143557.ts @@ -0,0 +1,15 @@ +import React from 'react'; +var crypto = require('crypto'); + +type Props = { + password: string; + salt: string; + callback: (() => void); + }; + +export const HashPassword: React.FC = ({password, salt, callback}) => { + crypto.pbkdf2(password, salt, 100000, 64, 'sha512', (err: string, derivedKey: string) => { + if (err) throw err; + callback(derivedKey.toString('hex')); + }); +} \ No newline at end of file diff --git a/.history/components/admin/function/hashPassword_20220520143759.ts b/.history/components/admin/function/hashPassword_20220520143759.ts new file mode 100644 index 0000000..152d383 --- /dev/null +++ b/.history/components/admin/function/hashPassword_20220520143759.ts @@ -0,0 +1,15 @@ +import React from 'react'; +var crypto = require('crypto'); + +type Props = { + password: string; + salt: string; + callback: (() => void); + }; + +export const HashPassword: React.FC = ({password, salt, callback}) => { + crypto.pbkdf2(password, salt, 100000, 64, 'sha512', (err: string, derivedKey: string) => { + if (err) throw err; + callback(derivedKey.toString('hex')); + }); +} \ No newline at end of file diff --git a/.history/components/admin/function/hashPassword_20220520143845.ts b/.history/components/admin/function/hashPassword_20220520143845.ts new file mode 100644 index 0000000..d71bbf5 --- /dev/null +++ b/.history/components/admin/function/hashPassword_20220520143845.ts @@ -0,0 +1,15 @@ +import React from 'react'; +var crypto = require('crypto'); + +type Props = { + password: string; + salt: string; + callback: () => void; + }; + +export const HashPassword: React.FC = ({password, salt, callback}) => { + crypto.pbkdf2(password, salt, 100000, 64, 'sha512', (err: string, derivedKey: string) => { + if (err) throw err; + callback(derivedKey.toString('hex')); + }); +} \ No newline at end of file diff --git a/.history/components/admin/function/hashPassword_20220520144158.ts b/.history/components/admin/function/hashPassword_20220520144158.ts new file mode 100644 index 0000000..30cda2b --- /dev/null +++ b/.history/components/admin/function/hashPassword_20220520144158.ts @@ -0,0 +1,15 @@ +import React from 'react'; +var crypto = require('crypto'); + +type Props = { + password: string; + salt: string; + callback: () => void; + }; + +export const HashPassword: React.FC = ({password, salt, callback: }) => { + crypto.pbkdf2(password, salt, 100000, 64, 'sha512', (err: string, derivedKey: string) => { + if (err) throw err; + callback(derivedKey.toString('hex')); + }); +} \ No newline at end of file diff --git a/.history/components/admin/function/hashPassword_20220520144205.ts b/.history/components/admin/function/hashPassword_20220520144205.ts new file mode 100644 index 0000000..045d756 --- /dev/null +++ b/.history/components/admin/function/hashPassword_20220520144205.ts @@ -0,0 +1,15 @@ +import React from 'react'; +var crypto = require('crypto'); + +type Props = { + password: string; + salt: string; + callback: () => void; + }; + +export const HashPassword: React.FC = ({password, salt, callback: ()}) => { + crypto.pbkdf2(password, salt, 100000, 64, 'sha512', (err: string, derivedKey: string) => { + if (err) throw err; + callback(derivedKey.toString('hex')); + }); +} \ No newline at end of file diff --git a/.history/components/admin/function/hashPassword_20220520144215.ts b/.history/components/admin/function/hashPassword_20220520144215.ts new file mode 100644 index 0000000..925c983 --- /dev/null +++ b/.history/components/admin/function/hashPassword_20220520144215.ts @@ -0,0 +1,15 @@ +import React from 'react'; +var crypto = require('crypto'); + +type Props = { + password: string; + salt: string; + callback: () => void; + }; + +export const HashPassword: React.FC = ({password, salt, callback: (arg:)}) => { + crypto.pbkdf2(password, salt, 100000, 64, 'sha512', (err: string, derivedKey: string) => { + if (err) throw err; + callback(derivedKey.toString('hex')); + }); +} \ No newline at end of file diff --git a/.history/components/admin/function/hashPassword_20220520144227.ts b/.history/components/admin/function/hashPassword_20220520144227.ts new file mode 100644 index 0000000..4216169 --- /dev/null +++ b/.history/components/admin/function/hashPassword_20220520144227.ts @@ -0,0 +1,15 @@ +import React from 'react'; +var crypto = require('crypto'); + +type Props = { + password: string; + salt: string; + callback: () => void; + }; + +export const HashPassword: React.FC = ({password, salt, callback: (arg: any)}) => { + crypto.pbkdf2(password, salt, 100000, 64, 'sha512', (err: string, derivedKey: string) => { + if (err) throw err; + callback(derivedKey.toString('hex')); + }); +} \ No newline at end of file diff --git a/.history/components/admin/function/hashPassword_20220520144353.ts b/.history/components/admin/function/hashPassword_20220520144353.ts new file mode 100644 index 0000000..f636840 --- /dev/null +++ b/.history/components/admin/function/hashPassword_20220520144353.ts @@ -0,0 +1,15 @@ +import React from 'react'; +var crypto = require('crypto'); + +type Props = { + password: string; + salt: string; + callback: (arg: any) => void; + }; + +export const HashPassword: React.FC = ({password, salt, callback: (arg: any) => void}) => { + crypto.pbkdf2(password, salt, 100000, 64, 'sha512', (err: string, derivedKey: string) => { + if (err) throw err; + callback(derivedKey.toString('hex')); + }); +} \ No newline at end of file diff --git a/.history/components/admin/function/hashPassword_20220520144413.ts b/.history/components/admin/function/hashPassword_20220520144413.ts new file mode 100644 index 0000000..d92a4e3 --- /dev/null +++ b/.history/components/admin/function/hashPassword_20220520144413.ts @@ -0,0 +1,15 @@ +import React from 'react'; +var crypto = require('crypto'); + +type Props = { + password: string; + salt: string; + callback: (arg: any) => void; + }; + +export function HashPassword({password, salt, callback: (arg: any) => void}) => { + crypto.pbkdf2(password, salt, 100000, 64, 'sha512', (err: string, derivedKey: string) => { + if (err) throw err; + callback(derivedKey.toString('hex')); + }); +} \ No newline at end of file diff --git a/.history/components/admin/function/hashPassword_20220520144534.ts b/.history/components/admin/function/hashPassword_20220520144534.ts new file mode 100644 index 0000000..d1eb624 --- /dev/null +++ b/.history/components/admin/function/hashPassword_20220520144534.ts @@ -0,0 +1,10 @@ +import React from 'react'; +var crypto = require('crypto'); + + +export function HashPassword(password: string, salt: string, callback: (arg: string) => void) { + crypto.pbkdf2(password, salt, 100000, 64, 'sha512', (err: string, derivedKey: string) => { + if (err) throw err; + callback(derivedKey.toString('hex')); + }); +} \ No newline at end of file diff --git a/.history/components/admin/function/hashPassword_20220520144559.ts b/.history/components/admin/function/hashPassword_20220520144559.ts new file mode 100644 index 0000000..5167c1d --- /dev/null +++ b/.history/components/admin/function/hashPassword_20220520144559.ts @@ -0,0 +1,10 @@ +import React from 'react'; +var crypto = require('crypto'); + + +export function HashPassword(password: string, salt: string, callback: (arg: string, index:string) => void) { + crypto.pbkdf2(password, salt, 100000, 64, 'sha512', (err: string, derivedKey: string) => { + if (err) throw err; + callback(derivedKey.toString('hex')); + }); +} \ No newline at end of file diff --git a/.history/components/admin/function/hashPassword_20220520144606.ts b/.history/components/admin/function/hashPassword_20220520144606.ts new file mode 100644 index 0000000..5ad6f3d --- /dev/null +++ b/.history/components/admin/function/hashPassword_20220520144606.ts @@ -0,0 +1,10 @@ +import React from 'react'; +var crypto = require('crypto'); + + +export function HashPassword(password: string, salt: string, callback: (arg: string, index?:string) => void) { + crypto.pbkdf2(password, salt, 100000, 64, 'sha512', (err: string, derivedKey: string) => { + if (err) throw err; + callback(derivedKey.toString('hex')); + }); +} \ No newline at end of file diff --git a/.history/components/admin/function/hashPassword_20220520144632.ts b/.history/components/admin/function/hashPassword_20220520144632.ts new file mode 100644 index 0000000..8b0a098 --- /dev/null +++ b/.history/components/admin/function/hashPassword_20220520144632.ts @@ -0,0 +1,8 @@ +var crypto = require('crypto'); + +export function HashPassword(password: string, salt: string, callback: (arg: string, index?:string) => void) { + crypto.pbkdf2(password, salt, 100000, 64, 'sha512', (err: string, derivedKey: string) => { + if (err) throw err; + callback(derivedKey.toString('hex')); + }); +} \ No newline at end of file diff --git a/.history/components/admin/function/hashPassword_20220520144758.ts b/.history/components/admin/function/hashPassword_20220520144758.ts new file mode 100644 index 0000000..6c5dcac --- /dev/null +++ b/.history/components/admin/function/hashPassword_20220520144758.ts @@ -0,0 +1,8 @@ +var crypto = require('crypto'); + +export function HashPassword(password: string, salt: string, callback: (arg: string, index?:string) => void) { + crypto.pbkdf2(password, salt, 100000, 64, 'sha512', (err: string, derivedKey: Buffer) => { + if (err) throw err; + callback(derivedKey.toString('hex')); + }); +} \ No newline at end of file diff --git a/.history/components/admin/function/hashPassword_20220520144806.ts b/.history/components/admin/function/hashPassword_20220520144806.ts new file mode 100644 index 0000000..991e6bb --- /dev/null +++ b/.history/components/admin/function/hashPassword_20220520144806.ts @@ -0,0 +1,8 @@ +var crypto = require('crypto'); + +export function HashPassword(password: string, salt: string, callback: (arg: string) => void) { + crypto.pbkdf2(password, salt, 100000, 64, 'sha512', (err: string, derivedKey: Buffer) => { + if (err) throw err; + callback(derivedKey.toString('hex')); + }); +} \ No newline at end of file diff --git a/.history/components/admin/function/postData_20220520181446.ts b/.history/components/admin/function/postData_20220520181446.ts new file mode 100644 index 0000000..e69de29 diff --git a/.history/components/admin/function/postData_20220520181459.ts b/.history/components/admin/function/postData_20220520181459.ts new file mode 100644 index 0000000..5aa649a --- /dev/null +++ b/.history/components/admin/function/postData_20220520181459.ts @@ -0,0 +1,19 @@ +async function postData(url = '', data = {}) { + // Default options are marked with * + const response = await fetch(url, { + method: 'POST', // *GET, POST, PUT, DELETE, etc. + mode: 'cors', // no-cors, *cors, same-origin + cache: 'no-cache', // *default, no-cache, reload, force-cache, only-if-cached + credentials: 'same-origin', // include, *same-origin, omit + headers: { + 'Content-Type': 'application/json' + // 'Content-Type': 'application/x-www-form-urlencoded', + }, + redirect: 'follow', // manual, *follow, error + referrerPolicy: 'no-referrer', // no-referrer, *client + body: JSON.stringify(data) // body data type must match "Content-Type" header + }); + return await response.json(); // parses JSON response into native JavaScript objects + } + + export default postData; \ No newline at end of file diff --git a/.history/components/admin/function/postData_20220520181921.ts b/.history/components/admin/function/postData_20220520181921.ts new file mode 100644 index 0000000..a312292 --- /dev/null +++ b/.history/components/admin/function/postData_20220520181921.ts @@ -0,0 +1,20 @@ +async function postData(url = '', data = {}) { + // Default options are marked with * + console.log(url); + const response = await fetch(url, { + method: 'POST', // *GET, POST, PUT, DELETE, etc. + mode: 'cors', // no-cors, *cors, same-origin + cache: 'no-cache', // *default, no-cache, reload, force-cache, only-if-cached + credentials: 'same-origin', // include, *same-origin, omit + headers: { + 'Content-Type': 'application/json' + // 'Content-Type': 'application/x-www-form-urlencoded', + }, + redirect: 'follow', // manual, *follow, error + referrerPolicy: 'no-referrer', // no-referrer, *client + body: JSON.stringify(data) // body data type must match "Content-Type" header + }); + return await response.json(); // parses JSON response into native JavaScript objects + } + + export default postData; \ No newline at end of file diff --git a/.history/components/admin/function/postData_20220520181955.ts b/.history/components/admin/function/postData_20220520181955.ts new file mode 100644 index 0000000..8be5838 --- /dev/null +++ b/.history/components/admin/function/postData_20220520181955.ts @@ -0,0 +1,20 @@ +async function postData(url = '', data = {}) { + // Default options are marked with * + console.log(data); + const response = await fetch(url, { + method: 'POST', // *GET, POST, PUT, DELETE, etc. + mode: 'cors', // no-cors, *cors, same-origin + cache: 'no-cache', // *default, no-cache, reload, force-cache, only-if-cached + credentials: 'same-origin', // include, *same-origin, omit + headers: { + 'Content-Type': 'application/json' + // 'Content-Type': 'application/x-www-form-urlencoded', + }, + redirect: 'follow', // manual, *follow, error + referrerPolicy: 'no-referrer', // no-referrer, *client + body: JSON.stringify(data) // body data type must match "Content-Type" header + }); + return await response.json(); // parses JSON response into native JavaScript objects + } + + export default postData; \ No newline at end of file diff --git a/.history/components/admin/function/postData_20220520182127.ts b/.history/components/admin/function/postData_20220520182127.ts new file mode 100644 index 0000000..5aa649a --- /dev/null +++ b/.history/components/admin/function/postData_20220520182127.ts @@ -0,0 +1,19 @@ +async function postData(url = '', data = {}) { + // Default options are marked with * + const response = await fetch(url, { + method: 'POST', // *GET, POST, PUT, DELETE, etc. + mode: 'cors', // no-cors, *cors, same-origin + cache: 'no-cache', // *default, no-cache, reload, force-cache, only-if-cached + credentials: 'same-origin', // include, *same-origin, omit + headers: { + 'Content-Type': 'application/json' + // 'Content-Type': 'application/x-www-form-urlencoded', + }, + redirect: 'follow', // manual, *follow, error + referrerPolicy: 'no-referrer', // no-referrer, *client + body: JSON.stringify(data) // body data type must match "Content-Type" header + }); + return await response.json(); // parses JSON response into native JavaScript objects + } + + export default postData; \ No newline at end of file diff --git a/.history/components/admin/function/useToken_20220520191606.ts b/.history/components/admin/function/useToken_20220520191606.ts new file mode 100644 index 0000000..e69de29 diff --git a/.history/components/admin/function/useToken_20220520191615.ts b/.history/components/admin/function/useToken_20220520191615.ts new file mode 100644 index 0000000..3e9e4b6 --- /dev/null +++ b/.history/components/admin/function/useToken_20220520191615.ts @@ -0,0 +1,16 @@ +import { useState, useEffect } from 'react'; + + +export default function useToken() { + const [token, setToken] = useState(''); + useEffect(() => setToken(localStorage.getItem("token")), []); + const saveToken = userToken => { + localStorage.setItem('token', JSON.stringify(userToken)); + setToken(userToken?.token); + }; + + return { + setToken: saveToken, + token + } +} \ No newline at end of file diff --git a/.history/components/admin/function/useToken_20220520191707.ts b/.history/components/admin/function/useToken_20220520191707.ts new file mode 100644 index 0000000..f98b720 --- /dev/null +++ b/.history/components/admin/function/useToken_20220520191707.ts @@ -0,0 +1,16 @@ +import { useState, useEffect, SetStateAction } from 'react'; + + +export default function useToken() { + const [token, setToken] = useState(''); + useEffect(() => setToken(localStorage.getItem("token")), []); + const saveToken = (userToken: { token: SetStateAction; }) => { + localStorage.setItem('token', JSON.stringify(userToken)); + setToken(userToken?.token); + }; + + return { + setToken: saveToken, + token + } +} \ No newline at end of file diff --git a/.history/components/admin/function/useToken_20220520191812.ts b/.history/components/admin/function/useToken_20220520191812.ts new file mode 100644 index 0000000..f909e47 --- /dev/null +++ b/.history/components/admin/function/useToken_20220520191812.ts @@ -0,0 +1,16 @@ +import { useState, useEffect, SetStateAction } from 'react'; + + +export default function useToken() { + const [token, setToken] = useState(''); + useEffect(() => setToken(localStorage.getItem("token") || ""), []); + const saveToken = (userToken: { token: SetStateAction; }) => { + localStorage.setItem('token', JSON.stringify(userToken)); + setToken(userToken?.token); + }; + + return { + setToken: saveToken, + token + } +} \ No newline at end of file diff --git a/.history/components/admin/pages/Root/Main_20220522133602.ts b/.history/components/admin/pages/Root/Main_20220522133602.ts new file mode 100644 index 0000000..e69de29 diff --git a/.history/components/admin/pages/Root/Main_20220522133649.ts b/.history/components/admin/pages/Root/Main_20220522133649.ts new file mode 100644 index 0000000..9977151 --- /dev/null +++ b/.history/components/admin/pages/Root/Main_20220522133649.ts @@ -0,0 +1,22 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; + +import { Button, Input, Title, SmallText } from '../../../UI'; + + +export const Main: React.FC = () => { + + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/Root/Main_20220522133733.ts b/.history/components/admin/pages/Root/Main_20220522133733.ts new file mode 100644 index 0000000..a552c93 --- /dev/null +++ b/.history/components/admin/pages/Root/Main_20220522133733.ts @@ -0,0 +1,11 @@ +import React, { useState } from 'react'; + +export const Entrance: React.FC = () => { + + } + return( + <> Main + ) +} + + diff --git a/.history/components/admin/pages/Root/Main_20220522133759.tsx b/.history/components/admin/pages/Root/Main_20220522133759.tsx new file mode 100644 index 0000000..de10280 --- /dev/null +++ b/.history/components/admin/pages/Root/Main_20220522133759.tsx @@ -0,0 +1,14 @@ +import React from 'react'; + +export const MainLayout: React.FC = ({children}) => { + return ( +
+ +
+ {children} +
+
+ ); +}; + +type Props = { children: React.ReactNode }; \ No newline at end of file diff --git a/.history/components/admin/pages/Root/Main_20220522133800.ts b/.history/components/admin/pages/Root/Main_20220522133800.ts new file mode 100644 index 0000000..de10280 --- /dev/null +++ b/.history/components/admin/pages/Root/Main_20220522133800.ts @@ -0,0 +1,14 @@ +import React from 'react'; + +export const MainLayout: React.FC = ({children}) => { + return ( +
+ +
+ {children} +
+
+ ); +}; + +type Props = { children: React.ReactNode }; \ No newline at end of file diff --git a/.history/components/admin/pages/Root/Main_20220522133815.tsx b/.history/components/admin/pages/Root/Main_20220522133815.tsx new file mode 100644 index 0000000..3dfccd6 --- /dev/null +++ b/.history/components/admin/pages/Root/Main_20220522133815.tsx @@ -0,0 +1,13 @@ +import React from 'react'; + +export const MainLayout: React.FC = ({children}) => { + return ( +
+
+ {children} +
+
+ ); +}; + +type Props = { children: React.ReactNode }; \ No newline at end of file diff --git a/.history/components/admin/pages/Root/Main_20220522133928.tsx b/.history/components/admin/pages/Root/Main_20220522133928.tsx new file mode 100644 index 0000000..63a6804 --- /dev/null +++ b/.history/components/admin/pages/Root/Main_20220522133928.tsx @@ -0,0 +1,13 @@ +import React from 'react'; + +export const MainLayoutRoot: React.FC = ({children}) => { + return ( +
+
+ {children} +
+
+ ); +}; + +type Props = { children: React.ReactNode }; \ No newline at end of file diff --git a/.history/components/admin/pages/Root/Main_20220522134113.tsx b/.history/components/admin/pages/Root/Main_20220522134113.tsx new file mode 100644 index 0000000..73bbef4 --- /dev/null +++ b/.history/components/admin/pages/Root/Main_20220522134113.tsx @@ -0,0 +1,13 @@ +import React from 'react'; + +export const MainLayoutRoot: React.FC = () => { + return ( +
+
+ +
+
+ ); +}; + +type Props = { children: React.ReactNode }; \ No newline at end of file diff --git a/.history/components/admin/pages/Root/Main_20220522134427.tsx b/.history/components/admin/pages/Root/Main_20220522134427.tsx new file mode 100644 index 0000000..a2c4cd5 --- /dev/null +++ b/.history/components/admin/pages/Root/Main_20220522134427.tsx @@ -0,0 +1,13 @@ +import React from 'react'; + +export const MainLayoutRoot: React.FC = () => { + return ( +
+
+ +
+
+ ); +}; + +type Props = { children: React.ReactNode }; \ No newline at end of file diff --git a/.history/components/admin/pages/Root/Main_20220522134726.tsx b/.history/components/admin/pages/Root/Main_20220522134726.tsx new file mode 100644 index 0000000..8b2d2c2 --- /dev/null +++ b/.history/components/admin/pages/Root/Main_20220522134726.tsx @@ -0,0 +1,13 @@ +import React from 'react'; + +export const MainLayoutRoot: React.FC = () => { + return ( +
+
+ ffdgfdgdfgdf dfg fddf dfg dfgdf +
+
+ ); +}; + +type Props = { children: React.ReactNode }; \ No newline at end of file diff --git a/.history/components/admin/pages/login/EnteringCode_20220518151911.tsx b/.history/components/admin/pages/login/EnteringCode_20220518151911.tsx new file mode 100644 index 0000000..e69de29 diff --git a/.history/components/admin/pages/login/EnteringCode_20220518151920.tsx b/.history/components/admin/pages/login/EnteringCode_20220518151920.tsx new file mode 100644 index 0000000..cc7bfd1 --- /dev/null +++ b/.history/components/admin/pages/login/EnteringCode_20220518151920.tsx @@ -0,0 +1,32 @@ +import React, { useState } from 'react'; +import Button from '../../component/Button'; +import Input from '../../component/Input.jsx'; +import Label from '../../component/Label'; +import Title from '../../component/Title'; + +const EnteringCode = (props) => { + const [data, setData] = useState({'code': ''}); + const [information, setInformation] = useState(''); + const updateData = e => { + setData({ ...data, [e.target.name]: e.target.value}); + } + const handleEntrance = () => { + props.data.code == data.code ? props.updateData({status:3, email:props.data.email, code:props.data.code}) : setInformation('Код введен не верно'); + } + return( + <> + Введите код из письма + + + + + ) +} + +export default EnteringCode; diff --git a/.history/components/admin/pages/login/EnteringCode_20220518152116.tsx b/.history/components/admin/pages/login/EnteringCode_20220518152116.tsx new file mode 100644 index 0000000..cc7bfd1 --- /dev/null +++ b/.history/components/admin/pages/login/EnteringCode_20220518152116.tsx @@ -0,0 +1,32 @@ +import React, { useState } from 'react'; +import Button from '../../component/Button'; +import Input from '../../component/Input.jsx'; +import Label from '../../component/Label'; +import Title from '../../component/Title'; + +const EnteringCode = (props) => { + const [data, setData] = useState({'code': ''}); + const [information, setInformation] = useState(''); + const updateData = e => { + setData({ ...data, [e.target.name]: e.target.value}); + } + const handleEntrance = () => { + props.data.code == data.code ? props.updateData({status:3, email:props.data.email, code:props.data.code}) : setInformation('Код введен не верно'); + } + return( + <> + Введите код из письма + + + + + ) +} + +export default EnteringCode; diff --git a/.history/components/admin/pages/login/EnteringCode_20220518153226.tsx b/.history/components/admin/pages/login/EnteringCode_20220518153226.tsx new file mode 100644 index 0000000..8b4f1f4 --- /dev/null +++ b/.history/components/admin/pages/login/EnteringCode_20220518153226.tsx @@ -0,0 +1,32 @@ +import React, { useState } from 'react'; +import { Button, } from '../../../UI'; +import Input from '../../component/Input.jsx'; +import Label from '../../component/Label'; +import Title from '../../component/Title'; + +const EnteringCode = (props) => { + const [data, setData] = useState({'code': ''}); + const [information, setInformation] = useState(''); + const updateData = e => { + setData({ ...data, [e.target.name]: e.target.value}); + } + const handleEntrance = () => { + props.data.code == data.code ? props.updateData({status:3, email:props.data.email, code:props.data.code}) : setInformation('Код введен не верно'); + } + return( + <> + Введите код из письма + + + + + ) +} + +export default EnteringCode; diff --git a/.history/components/admin/pages/login/EnteringCode_20220518154309.tsx b/.history/components/admin/pages/login/EnteringCode_20220518154309.tsx new file mode 100644 index 0000000..d638f78 --- /dev/null +++ b/.history/components/admin/pages/login/EnteringCode_20220518154309.tsx @@ -0,0 +1,32 @@ +import React, { useState } from 'react'; +import { Button, Input } from '../../../UI'; + +import Label from '../../component/Label'; +import Title from '../../component/Title'; + +const EnteringCode = (props) => { + const [data, setData] = useState({'code': ''}); + const [information, setInformation] = useState(''); + const updateData = e => { + setData({ ...data, [e.target.name]: e.target.value}); + } + const handleEntrance = () => { + props.data.code == data.code ? props.updateData({status:3, email:props.data.email, code:props.data.code}) : setInformation('Код введен не верно'); + } + return( + <> + Введите код из письма + + + + + ) +} + +export default EnteringCode; diff --git a/.history/components/admin/pages/login/EnteringCode_20220518154538.tsx b/.history/components/admin/pages/login/EnteringCode_20220518154538.tsx new file mode 100644 index 0000000..c9dd2e7 --- /dev/null +++ b/.history/components/admin/pages/login/EnteringCode_20220518154538.tsx @@ -0,0 +1,31 @@ +import React, { useState } from 'react'; +import { Button, Input, Label } from '../../../UI'; + +import Title from '../../component/Title'; + +const EnteringCode = (props) => { + const [data, setData] = useState({'code': ''}); + const [information, setInformation] = useState(''); + const updateData = e => { + setData({ ...data, [e.target.name]: e.target.value}); + } + const handleEntrance = () => { + props.data.code == data.code ? props.updateData({status:3, email:props.data.email, code:props.data.code}) : setInformation('Код введен не верно'); + } + return( + <> + Введите код из письма + + + + + ) +} + +export default EnteringCode; diff --git a/.history/components/admin/pages/login/EnteringCode_20220518154748.tsx b/.history/components/admin/pages/login/EnteringCode_20220518154748.tsx new file mode 100644 index 0000000..3ef9c63 --- /dev/null +++ b/.history/components/admin/pages/login/EnteringCode_20220518154748.tsx @@ -0,0 +1,29 @@ +import React, { useState } from 'react'; +import { Button, Input, Label, Title } from '../../../UI'; + +const EnteringCode = (props) => { + const [data, setData] = useState({'code': ''}); + const [information, setInformation] = useState(''); + const updateData = e => { + setData({ ...data, [e.target.name]: e.target.value}); + } + const handleEntrance = () => { + props.data.code == data.code ? props.updateData({status:3, email:props.data.email, code:props.data.code}) : setInformation('Код введен не верно'); + } + return( + <> + Введите код из письма + + + + + ) +} + +export default EnteringCode; diff --git a/.history/components/admin/pages/login/EnteringMail_20220518151943.tsx b/.history/components/admin/pages/login/EnteringMail_20220518151943.tsx new file mode 100644 index 0000000..e69de29 diff --git a/.history/components/admin/pages/login/EnteringMail_20220518152107.tsx b/.history/components/admin/pages/login/EnteringMail_20220518152107.tsx new file mode 100644 index 0000000..3189ac0 --- /dev/null +++ b/.history/components/admin/pages/login/EnteringMail_20220518152107.tsx @@ -0,0 +1,42 @@ +import React, { useState } from 'react'; +import PropTypes from 'prop-types'; +import Button from '../../component/Button'; +import Input from '../../component/Input'; +import LinkButton from '../../component/LinkButton'; +import Title from '../../component/Title'; +import postData from '../../function/postData'; +import SmallText from '../../component/SmallText'; + +const Entrance = ({setToken, updateData}) => { + const [_data, setData] = useState({login:'',password:''}); + const [information, setInformation] = useState(''); + + const update_Data = e => { + setData({ ..._data, [e.target.name]: e.target.value}); + } + + const handleEntrance = () => { + console.log(_data); + postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? setToken(data) : setInformation(data.error); + }); + } + return( + <> + Вход в систему + + + + {information} + updateData({status:1})}>Забыл/Сбросить пароль + + ) +} + +Entrance.propTypes = { + setToken: PropTypes.func.isRequired + } + +export default Entrance; \ No newline at end of file diff --git a/.history/components/admin/pages/login/EnteringMail_20220520130828.tsx b/.history/components/admin/pages/login/EnteringMail_20220520130828.tsx new file mode 100644 index 0000000..30bc6f2 --- /dev/null +++ b/.history/components/admin/pages/login/EnteringMail_20220520130828.tsx @@ -0,0 +1,42 @@ +import React, { useState } from 'react'; +import PropTypes from 'prop-types'; +import Button from '../../component/Button'; +import Input from '../../component/Input'; +import LinkButton from '../../component/LinkButton'; +import Title from '../../component/Title'; +import postData from '../../function/postData'; +import SmallText from '../../component/SmallText'; + +const EntranceMail = ({setToken, updateData}) => { + const [_data, setData] = useState({login:'',password:''}); + const [information, setInformation] = useState(''); + + const update_Data = e => { + setData({ ..._data, [e.target.name]: e.target.value}); + } + + const handleEntrance = () => { + console.log(_data); + postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? setToken(data) : setInformation(data.error); + }); + } + return( + <> + Вход в систему + + + + {information} + updateData({status:1})}>Забыл/Сбросить пароль + + ) +} + +Entrance.propTypes = { + setToken: PropTypes.func.isRequired + } + +export default Entrance; \ No newline at end of file diff --git a/.history/components/admin/pages/login/Entrance_20220520130511.tsx b/.history/components/admin/pages/login/Entrance_20220520130511.tsx new file mode 100644 index 0000000..e69de29 diff --git a/.history/components/admin/pages/login/Entrance_20220520130523.tsx b/.history/components/admin/pages/login/Entrance_20220520130523.tsx new file mode 100644 index 0000000..30e2d28 --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220520130523.tsx @@ -0,0 +1,46 @@ +import React, { useState } from 'react'; +import PropTypes from 'prop-types'; +import { Button, Input, LinkButton, Title, SmallText } from '../../../UI'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const [information, setInformation] = useState(''); + + interface Props_data { + name: string; + value: string; + onClick: () => void; + } + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? setToken(data) : setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + {information} + reset}>Забыл/Сбросить пароль + + ) +} + +Entrance.propTypes = { + setToken: PropTypes.func.isRequired + } diff --git a/.history/components/admin/pages/login/Entrance_20220520130950.tsx b/.history/components/admin/pages/login/Entrance_20220520130950.tsx new file mode 100644 index 0000000..30e2d28 --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220520130950.tsx @@ -0,0 +1,46 @@ +import React, { useState } from 'react'; +import PropTypes from 'prop-types'; +import { Button, Input, LinkButton, Title, SmallText } from '../../../UI'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const [information, setInformation] = useState(''); + + interface Props_data { + name: string; + value: string; + onClick: () => void; + } + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? setToken(data) : setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + {information} + reset}>Забыл/Сбросить пароль + + ) +} + +Entrance.propTypes = { + setToken: PropTypes.func.isRequired + } diff --git a/.history/components/admin/pages/login/Entrance_20220520133039.tsx b/.history/components/admin/pages/login/Entrance_20220520133039.tsx new file mode 100644 index 0000000..103ce26 --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220520133039.tsx @@ -0,0 +1,46 @@ +import React, { useState } from 'react'; +import PropTypes from 'prop-types'; +import { Button, Input, LinkButton, Title, SmallText } from '../../../UI'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const [information, setInformation] = useState(''); + + interface Props_data { + name: string; + value: string; + onClick: () => void; + } + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? setToken(data) : setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + {information} + reset}>Забыл/Сбросить пароль + + ) +} + +Entrance.propTypes = { + setToken: PropTypes.func.isRequired + } diff --git a/.history/components/admin/pages/login/Entrance_20220520133133.tsx b/.history/components/admin/pages/login/Entrance_20220520133133.tsx new file mode 100644 index 0000000..2582cca --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220520133133.tsx @@ -0,0 +1,46 @@ +import React, { useState } from 'react'; +import PropTypes from 'prop-types'; +import { Button, Input, LinkButton, Title, SmallText } from '../../../UI'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const [information, setInformation] = useState(''); + + interface Props_data { + name: string; + value: string; + onClick: () => void; + } + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? setToken(data) : setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + {information} + + + ) +} + +Entrance.propTypes = { + setToken: PropTypes.func.isRequired + } diff --git a/.history/components/admin/pages/login/Entrance_20220520133140.tsx b/.history/components/admin/pages/login/Entrance_20220520133140.tsx new file mode 100644 index 0000000..f798274 --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220520133140.tsx @@ -0,0 +1,46 @@ +import React, { useState } from 'react'; +import PropTypes from 'prop-types'; +import { Button, Input, LinkButton, Title, SmallText } from '../../../UI'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const [information, setInformation] = useState(''); + + interface Props_data { + name: string; + value: string; + onClick: () => void; + } + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? setToken(data) : setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + {information} + + + ) +} + +Entrance.propTypes = { + setToken: PropTypes.func.isRequired + } diff --git a/.history/components/admin/pages/login/Entrance_20220520133329.tsx b/.history/components/admin/pages/login/Entrance_20220520133329.tsx new file mode 100644 index 0000000..feef7dd --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220520133329.tsx @@ -0,0 +1,46 @@ +import React, { useState } from 'react'; +import PropTypes from 'prop-types'; +import { Button, Input, LinkButton, Title, SmallText } from '../../../UI'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const [information, setInformation] = useState(''); + + interface Props_data { + name: string; + value: string; + onClick: () => void; + } + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? setToken(data) : setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + {information} + + + ) +} + +Entrance.propTypes = { + setToken: PropTypes.func.isRequired + } diff --git a/.history/components/admin/pages/login/Entrance_20220520133352.tsx b/.history/components/admin/pages/login/Entrance_20220520133352.tsx new file mode 100644 index 0000000..f798274 --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220520133352.tsx @@ -0,0 +1,46 @@ +import React, { useState } from 'react'; +import PropTypes from 'prop-types'; +import { Button, Input, LinkButton, Title, SmallText } from '../../../UI'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const [information, setInformation] = useState(''); + + interface Props_data { + name: string; + value: string; + onClick: () => void; + } + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? setToken(data) : setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + {information} + + + ) +} + +Entrance.propTypes = { + setToken: PropTypes.func.isRequired + } diff --git a/.history/components/admin/pages/login/Entrance_20220520134057.tsx b/.history/components/admin/pages/login/Entrance_20220520134057.tsx new file mode 100644 index 0000000..cb31b17 --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220520134057.tsx @@ -0,0 +1,46 @@ +import React, { useState } from 'react'; +import PropTypes from 'prop-types'; +import { Button, Input, LinkButton, Title, SmallText } from '../../../UI'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const [information, setInformation] = useState(''); + + interface Props_data { + name: string; + value: string; + onClick: () => void; + } + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + console.log(_data); + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? setToken(data) : setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + {information} + + + ) +} + +Entrance.propTypes = { + setToken: PropTypes.func.isRequired + } diff --git a/.history/components/admin/pages/login/Entrance_20220520135855.tsx b/.history/components/admin/pages/login/Entrance_20220520135855.tsx new file mode 100644 index 0000000..c5bc8f0 --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220520135855.tsx @@ -0,0 +1,40 @@ +import React, { useState } from 'react'; +import PropTypes from 'prop-types'; +import { Button, Input, LinkButton, Title, SmallText } from '../../../UI'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const [information, setInformation] = useState(''); + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? setToken(data) : setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + {information} + + + ) +} + +Entrance.propTypes = { + setToken: PropTypes.func.isRequired + } diff --git a/.history/components/admin/pages/login/Entrance_20220520181434.tsx b/.history/components/admin/pages/login/Entrance_20220520181434.tsx new file mode 100644 index 0000000..6efd129 --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220520181434.tsx @@ -0,0 +1,40 @@ +import React, { useState } from 'react'; +import PropTypes from 'prop-types'; +import { Button, Input, LinkButton, Title, SmallText } from '../../../UI'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const [information, setInformation] = useState(''); + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? setToken(data) : setInformation(data.error); + }); + } + return( + <> + Вход в систему + + + + {information} + + + ) +} + +Entrance.propTypes = { + setToken: PropTypes.func.isRequired + } diff --git a/.history/components/admin/pages/login/Entrance_20220520181612.tsx b/.history/components/admin/pages/login/Entrance_20220520181612.tsx new file mode 100644 index 0000000..72ad5ef --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220520181612.tsx @@ -0,0 +1,41 @@ +import React, { useState } from 'react'; +import PropTypes from 'prop-types'; +import { Button, Input, LinkButton, Title, SmallText } from '../../../UI'; +import postData from '../../function/postData'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const [information, setInformation] = useState(''); + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + postData('/api/login', { _data }) + .then((data) => { + console.log(data); + //data.token ? setToken(data) : setInformation(data.error); + }); + } + return( + <> + Вход в систему + + + + {information} + + + ) +} + +Entrance.propTypes = { + setToken: PropTypes.func.isRequired + } diff --git a/.history/components/admin/pages/login/Entrance_20220520181736.tsx b/.history/components/admin/pages/login/Entrance_20220520181736.tsx new file mode 100644 index 0000000..525d31c --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220520181736.tsx @@ -0,0 +1,41 @@ +import React, { useState } from 'react'; +import PropTypes from 'prop-types'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import postData from '../../function/postData'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const [information, setInformation] = useState(''); + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + postData('/api/login', { _data }) + .then((data) => { + console.log(data); + //data.token ? setToken(data) : setInformation(data.error); + }); + } + return( + <> + Вход в систему + + + + {information} + + + ) +} + +Entrance.propTypes = { + setToken: PropTypes.func.isRequired + } diff --git a/.history/components/admin/pages/login/Entrance_20220520181842.tsx b/.history/components/admin/pages/login/Entrance_20220520181842.tsx new file mode 100644 index 0000000..525d31c --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220520181842.tsx @@ -0,0 +1,41 @@ +import React, { useState } from 'react'; +import PropTypes from 'prop-types'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import postData from '../../function/postData'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const [information, setInformation] = useState(''); + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + postData('/api/login', { _data }) + .then((data) => { + console.log(data); + //data.token ? setToken(data) : setInformation(data.error); + }); + } + return( + <> + Вход в систему + + + + {information} + + + ) +} + +Entrance.propTypes = { + setToken: PropTypes.func.isRequired + } diff --git a/.history/components/admin/pages/login/Entrance_20220520182312.tsx b/.history/components/admin/pages/login/Entrance_20220520182312.tsx new file mode 100644 index 0000000..fae54bd --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220520182312.tsx @@ -0,0 +1,42 @@ +import React, { useState } from 'react'; +import PropTypes from 'prop-types'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import postData from '../../function/postData'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const [information, setInformation] = useState(''); + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + postData('/api/login', { _data }) + .then((data) => { + console.log(data); + //data.token ? setToken(data) : setInformation(data.error); + setInformation(data.error); + }); + } + return( + <> + Вход в систему + + + + {information} + + + ) +} + +Entrance.propTypes = { + setToken: PropTypes.func.isRequired + } diff --git a/.history/components/admin/pages/login/Entrance_20220520182335.tsx b/.history/components/admin/pages/login/Entrance_20220520182335.tsx new file mode 100644 index 0000000..8da6db7 --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220520182335.tsx @@ -0,0 +1,41 @@ +import React, { useState } from 'react'; +import PropTypes from 'prop-types'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import postData from '../../function/postData'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const [information, setInformation] = useState(''); + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + postData('/api/login', { _data }) + .then((data) => { + console.log(data); + //data.token ? setToken(data) : setInformation(data.error); + setInformation(data.error); + }); + } + return( + <> + Вход в систему + + + + + + ) +} + +Entrance.propTypes = { + setToken: PropTypes.func.isRequired + } diff --git a/.history/components/admin/pages/login/Entrance_20220520182338.tsx b/.history/components/admin/pages/login/Entrance_20220520182338.tsx new file mode 100644 index 0000000..c71383e --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220520182338.tsx @@ -0,0 +1,42 @@ +import React, { useState } from 'react'; +import PropTypes from 'prop-types'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import postData from '../../function/postData'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const [information, setInformation] = useState(''); + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + postData('/api/login', { _data }) + .then((data) => { + console.log(data); + //data.token ? setToken(data) : setInformation(data.error); + setInformation(data.error); + }); + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + +Entrance.propTypes = { + setToken: PropTypes.func.isRequired + } diff --git a/.history/components/admin/pages/login/Entrance_20220520182448.tsx b/.history/components/admin/pages/login/Entrance_20220520182448.tsx new file mode 100644 index 0000000..967594b --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220520182448.tsx @@ -0,0 +1,43 @@ +import React, { useState } from 'react'; +import PropTypes from 'prop-types'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import postData from '../../function/postData'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const [information, setInformation] = useState(''); + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + postData('/api/login', { _data }) + .then((data) => { + console.log(data); + //data.token ? + // setToken(data) : + setInformation(data.error); + }); + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + +Entrance.propTypes = { + setToken: PropTypes.func.isRequired + } diff --git a/.history/components/admin/pages/login/Entrance_20220520191522.tsx b/.history/components/admin/pages/login/Entrance_20220520191522.tsx new file mode 100644 index 0000000..2130d6c --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220520191522.tsx @@ -0,0 +1,43 @@ +import React, { useState } from 'react'; +import PropTypes from 'prop-types'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import postData from '../../function/postData'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const [information, setInformation] = useState(''); + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + +Entrance.propTypes = { + setToken: PropTypes.func.isRequired + } diff --git a/.history/components/admin/pages/login/Entrance_20220520191848.tsx b/.history/components/admin/pages/login/Entrance_20220520191848.tsx new file mode 100644 index 0000000..e8523c5 --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220520191848.tsx @@ -0,0 +1,45 @@ +import React, { useState } from 'react'; +import PropTypes from 'prop-types'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import postData from '../../function/postData'; +//{setToken, updateData} + +propTypes = { + setToken: PropTypes.func.isRequired + } + +export const Entrance: React.FC = (setToken) => { + const [_data, setData] = useState({login:'',password:''}); + const [information, setInformation] = useState(''); + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220520191921.tsx b/.history/components/admin/pages/login/Entrance_20220520191921.tsx new file mode 100644 index 0000000..228741e --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220520191921.tsx @@ -0,0 +1,45 @@ +import React, { useState } from 'react'; +import PropTypes from 'prop-types'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import postData from '../../function/postData'; +//{setToken, updateData} + +type PizzaBlockProps = { + setToken: string + } + +export const Entrance: React.FC = (setToken) => { + const [_data, setData] = useState({login:'',password:''}); + const [information, setInformation] = useState(''); + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220520191932.tsx b/.history/components/admin/pages/login/Entrance_20220520191932.tsx new file mode 100644 index 0000000..4883cd3 --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220520191932.tsx @@ -0,0 +1,45 @@ +import React, { useState } from 'react'; +import PropTypes from 'prop-types'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import postData from '../../function/postData'; +//{setToken, updateData} + +type PizzaBlockProps = { + setToken: string + } + +export const Entrance: React.FC = (setToken) => { + const [_data, setData] = useState({login:'',password:''}); + const [information, setInformation] = useState(''); + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220520192005.tsx b/.history/components/admin/pages/login/Entrance_20220520192005.tsx new file mode 100644 index 0000000..69ada2e --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220520192005.tsx @@ -0,0 +1,41 @@ +import React, { useState } from 'react'; +import PropTypes from 'prop-types'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import postData from '../../function/postData'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const [information, setInformation] = useState(''); + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220521123254.tsx b/.history/components/admin/pages/login/Entrance_20220521123254.tsx new file mode 100644 index 0000000..0428718 --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220521123254.tsx @@ -0,0 +1,41 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import postData from '../../function/postData'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const [information, setInformation] = useState(''); + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220521123347.tsx b/.history/components/admin/pages/login/Entrance_20220521123347.tsx new file mode 100644 index 0000000..16b2b26 --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220521123347.tsx @@ -0,0 +1,42 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import postData from '../../function/postData'; +import { useAppDispatch } from '../../../../redux/store'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const [information, setInformation] = useState(''); + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220521123433.tsx b/.history/components/admin/pages/login/Entrance_20220521123433.tsx new file mode 100644 index 0000000..1d4f556 --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220521123433.tsx @@ -0,0 +1,43 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import postData from '../../function/postData'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchPizzas } from '../../../../redux/login/asyncActions'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const [information, setInformation] = useState(''); + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220521123451.tsx b/.history/components/admin/pages/login/Entrance_20220521123451.tsx new file mode 100644 index 0000000..0e9a87a --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220521123451.tsx @@ -0,0 +1,43 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import postData from '../../function/postData'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const [information, setInformation] = useState(''); + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220521123534.tsx b/.history/components/admin/pages/login/Entrance_20220521123534.tsx new file mode 100644 index 0000000..cf2e042 --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220521123534.tsx @@ -0,0 +1,44 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import postData from '../../function/postData'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { SearchPizzaParams } from '../../../../redux/login/types'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const [information, setInformation] = useState(''); + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220521123616.tsx b/.history/components/admin/pages/login/Entrance_20220521123616.tsx new file mode 100644 index 0000000..41a98f1 --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220521123616.tsx @@ -0,0 +1,44 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import postData from '../../function/postData'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { LoginParams } from '../../../../redux/login/types'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const [information, setInformation] = useState(''); + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220521123734.tsx b/.history/components/admin/pages/login/Entrance_20220521123734.tsx new file mode 100644 index 0000000..76895f4 --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220521123734.tsx @@ -0,0 +1,45 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import postData from '../../function/postData'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { LoginParams } from '../../../../redux/login/types'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const dispatch = useAppDispatch(); + const [information, setInformation] = useState(''); + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220521123916.tsx b/.history/components/admin/pages/login/Entrance_20220521123916.tsx new file mode 100644 index 0000000..cd98dc6 --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220521123916.tsx @@ -0,0 +1,59 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import postData from '../../function/postData'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { LoginParams } from '../../../../redux/login/types'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const dispatch = useAppDispatch(); + const [information, setInformation] = useState(''); + + const getToken = async () => { + dispatch( + fetchToken({ + login, + password, + category, + search, + currentPage: String(currentPage), + }), + ); + + window.scrollTo(0, 0); + }; + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220521124051.tsx b/.history/components/admin/pages/login/Entrance_20220521124051.tsx new file mode 100644 index 0000000..202d2fc --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220521124051.tsx @@ -0,0 +1,55 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import postData from '../../function/postData'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { LoginParams } from '../../../../redux/login/types'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const dispatch = useAppDispatch(); + const [information, setInformation] = useState(''); + + const getToken = async () => { + console.log(_data); + dispatch( + fetchToken({ + login: String(_data.login), + password:String(_data.password), + }), + ); + }; + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220521124825.tsx b/.history/components/admin/pages/login/Entrance_20220521124825.tsx new file mode 100644 index 0000000..025e253 --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220521124825.tsx @@ -0,0 +1,56 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import postData from '../../function/postData'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { LoginParams } from '../../../../redux/login/types'; +import { selectTokenData } from '../../../../redux/login/selectors'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const dispatch = useAppDispatch(); + const [information, setInformation] = useState(''); + + const getToken = async () => { + console.log(_data); + dispatch( + fetchToken({ + login: String(_data.login), + password:String(_data.password), + }), + ); + }; + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220521124924.tsx b/.history/components/admin/pages/login/Entrance_20220521124924.tsx new file mode 100644 index 0000000..bdc32a2 --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220521124924.tsx @@ -0,0 +1,57 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import postData from '../../function/postData'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { LoginParams } from '../../../../redux/login/types'; +import { selectTokenData } from '../../../../redux/login/selectors'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const dispatch = useAppDispatch(); + const { token, status } = useSelector(selectTokenData); + const [information, setInformation] = useState(''); + console.log(status); + const getToken = async () => { + console.log(_data); + dispatch( + fetchToken({ + login: String(_data.login), + password:String(_data.password), + }), + ); + }; + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220521124955.tsx b/.history/components/admin/pages/login/Entrance_20220521124955.tsx new file mode 100644 index 0000000..452f862 --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220521124955.tsx @@ -0,0 +1,57 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import postData from '../../function/postData'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { LoginParams } from '../../../../redux/login/types'; +import { selectTokenData } from '../../../../redux/login/selectors'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const dispatch = useAppDispatch(); + const { token, status } = useSelector(selectTokenData); + const [information, setInformation] = useState(''); + console.log(token); + const getToken = async () => { + console.log(_data); + dispatch( + fetchToken({ + login: String(_data.login), + password:String(_data.password), + }), + ); + }; + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220521124959.tsx b/.history/components/admin/pages/login/Entrance_20220521124959.tsx new file mode 100644 index 0000000..2428e23 --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220521124959.tsx @@ -0,0 +1,57 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import postData from '../../function/postData'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { LoginParams } from '../../../../redux/login/types'; +import { selectTokenData } from '../../../../redux/login/selectors'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const dispatch = useAppDispatch(); + const { token, status } = useSelector(selectTokenData); + const [information, setInformation] = useState(''); + + const getToken = async () => { + console.log(_data); + dispatch( + fetchToken({ + login: String(_data.login), + password:String(_data.password), + }), + ); + }; + console.log(token); + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220521125049.tsx b/.history/components/admin/pages/login/Entrance_20220521125049.tsx new file mode 100644 index 0000000..62c8df1 --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220521125049.tsx @@ -0,0 +1,57 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import postData from '../../function/postData'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { LoginParams } from '../../../../redux/login/types'; +import { selectTokenData } from '../../../../redux/login/selectors'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const dispatch = useAppDispatch(); + const { token, status } = useSelector(selectTokenData); + const [information, setInformation] = useState(''); + + const getToken = async () => { + console.log(_data); + dispatch( + fetchToken({ + login: String(_data.login), + password:String(_data.password), + }), + ); + }; + console.log(token); + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220521125223.tsx b/.history/components/admin/pages/login/Entrance_20220521125223.tsx new file mode 100644 index 0000000..fe5dfed --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220521125223.tsx @@ -0,0 +1,57 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import postData from '../../function/postData'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { LoginParams } from '../../../../redux/login/types'; +import { selectTokenData } from '../../../../redux/login/selectors'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const dispatch = useAppDispatch(); + const { token, status } = useSelector(selectTokenData); + const [information, setInformation] = useState(''); + + const getToken = async () => { + console.log(_data); + dispatch( + fetchToken({ + login: String(_data.login), + password:String(_data.password), + }), + ); + }; + console.log(status); + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220521125259.tsx b/.history/components/admin/pages/login/Entrance_20220521125259.tsx new file mode 100644 index 0000000..fe5dfed --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220521125259.tsx @@ -0,0 +1,57 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import postData from '../../function/postData'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { LoginParams } from '../../../../redux/login/types'; +import { selectTokenData } from '../../../../redux/login/selectors'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const dispatch = useAppDispatch(); + const { token, status } = useSelector(selectTokenData); + const [information, setInformation] = useState(''); + + const getToken = async () => { + console.log(_data); + dispatch( + fetchToken({ + login: String(_data.login), + password:String(_data.password), + }), + ); + }; + console.log(status); + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220521125329.tsx b/.history/components/admin/pages/login/Entrance_20220521125329.tsx new file mode 100644 index 0000000..3906018 --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220521125329.tsx @@ -0,0 +1,58 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import postData from '../../function/postData'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { LoginParams } from '../../../../redux/login/types'; +import { selectTokenData } from '../../../../redux/login/selectors'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const dispatch = useAppDispatch(); + const { token, status } = useSelector(selectTokenData); + const [information, setInformation] = useState(''); + + const getToken = async () => { + console.log(_data); + dispatch( + fetchToken({ + login: String(_data.login), + password:String(_data.password), + }), + ); + console.log(status); + }; + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220521125349.tsx b/.history/components/admin/pages/login/Entrance_20220521125349.tsx new file mode 100644 index 0000000..e9a2aee --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220521125349.tsx @@ -0,0 +1,58 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import postData from '../../function/postData'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { LoginParams } from '../../../../redux/login/types'; +import { selectTokenData } from '../../../../redux/login/selectors'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const dispatch = useAppDispatch(); + const { token, status } = useSelector(selectTokenData); + const [information, setInformation] = useState(''); + + const getToken = async () => { + console.log(_data); + dispatch( + fetchToken({ + login: String(_data.login), + password:String(_data.password), + }), + ); + console.log(token); + }; + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220521130320.tsx b/.history/components/admin/pages/login/Entrance_20220521130320.tsx new file mode 100644 index 0000000..e9a2aee --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220521130320.tsx @@ -0,0 +1,58 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import postData from '../../function/postData'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { LoginParams } from '../../../../redux/login/types'; +import { selectTokenData } from '../../../../redux/login/selectors'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const dispatch = useAppDispatch(); + const { token, status } = useSelector(selectTokenData); + const [information, setInformation] = useState(''); + + const getToken = async () => { + console.log(_data); + dispatch( + fetchToken({ + login: String(_data.login), + password:String(_data.password), + }), + ); + console.log(token); + }; + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220521130645.tsx b/.history/components/admin/pages/login/Entrance_20220521130645.tsx new file mode 100644 index 0000000..e9a2aee --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220521130645.tsx @@ -0,0 +1,58 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import postData from '../../function/postData'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { LoginParams } from '../../../../redux/login/types'; +import { selectTokenData } from '../../../../redux/login/selectors'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const dispatch = useAppDispatch(); + const { token, status } = useSelector(selectTokenData); + const [information, setInformation] = useState(''); + + const getToken = async () => { + console.log(_data); + dispatch( + fetchToken({ + login: String(_data.login), + password:String(_data.password), + }), + ); + console.log(token); + }; + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220521130833.tsx b/.history/components/admin/pages/login/Entrance_20220521130833.tsx new file mode 100644 index 0000000..186ffe1 --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220521130833.tsx @@ -0,0 +1,59 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; +import qs from 'qs'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import postData from '../../function/postData'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { LoginParams } from '../../../../redux/login/types'; +import { selectTokenData } from '../../../../redux/login/selectors'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const dispatch = useAppDispatch(); + const { token, status } = useSelector(selectTokenData); + const [information, setInformation] = useState(''); + + const getToken = async () => { + console.log(_data); + dispatch( + fetchToken({ + login: String(_data.login), + password:String(_data.password), + }), + ); + console.log(token); + }; + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220521130906.tsx b/.history/components/admin/pages/login/Entrance_20220521130906.tsx new file mode 100644 index 0000000..186ffe1 --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220521130906.tsx @@ -0,0 +1,59 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; +import qs from 'qs'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import postData from '../../function/postData'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { LoginParams } from '../../../../redux/login/types'; +import { selectTokenData } from '../../../../redux/login/selectors'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const dispatch = useAppDispatch(); + const { token, status } = useSelector(selectTokenData); + const [information, setInformation] = useState(''); + + const getToken = async () => { + console.log(_data); + dispatch( + fetchToken({ + login: String(_data.login), + password:String(_data.password), + }), + ); + console.log(token); + }; + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220521130947.tsx b/.history/components/admin/pages/login/Entrance_20220521130947.tsx new file mode 100644 index 0000000..1a4892a --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220521130947.tsx @@ -0,0 +1,59 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; +import qs from 'qs'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import postData from '../../function/postData'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { LoginParams } from '../../../../redux/login/types'; +import { selectTokenData } from '../../../../redux/login/selectors'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const dispatch = useAppDispatch(); + const { token, status } = useSelector(selectTokenData); + const [information, setInformation] = useState(''); + + const getToken = async () => { + console.log(_data); + dispatch( + fetchToken({ + login: String(_data.login), + password:String(_data.password), + }), + ); + console.log(token); + }; + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220521131025.tsx b/.history/components/admin/pages/login/Entrance_20220521131025.tsx new file mode 100644 index 0000000..9fe03ee --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220521131025.tsx @@ -0,0 +1,59 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; +import qs from 'qs'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import postData from '../../function/postData'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { LoginParams } from '../../../../redux/login/types'; +import { selectTokenData } from '../../../../redux/login/selectors'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const dispatch = useAppDispatch(); + const { token, status } = useSelector(selectTokenData); + const [information, setInformation] = useState(''); + + const getToken = async () => { + console.log(_data); + dispatch( + fetchToken({ + login: String(_data.login), + password:String(_data.password), + }), + ); + console.log(token); + }; + const params = qs.parse(window.location.search.substring(1)) as unknown as LoginParams; + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220521131120.tsx b/.history/components/admin/pages/login/Entrance_20220521131120.tsx new file mode 100644 index 0000000..5ba8632 --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220521131120.tsx @@ -0,0 +1,60 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; +import qs from 'qs'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import postData from '../../function/postData'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { LoginParams } from '../../../../redux/login/types'; +import { selectTokenData } from '../../../../redux/login/selectors'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const dispatch = useAppDispatch(); + const { token, status } = useSelector(selectTokenData); + const [information, setInformation] = useState(''); + + const getToken = async () => { + console.log(_data); + dispatch( + fetchToken({ + login: String(_data.login), + password:String(_data.password), + }), + ); + console.log(token); + }; + const params = qs.parse(window.location.search.substring(1)) as unknown as LoginParams; + console.log(params); + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220521131146.tsx b/.history/components/admin/pages/login/Entrance_20220521131146.tsx new file mode 100644 index 0000000..623981c --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220521131146.tsx @@ -0,0 +1,60 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; +import qs from 'qs'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import postData from '../../function/postData'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { LoginParams } from '../../../../redux/login/types'; +import { selectTokenData } from '../../../../redux/login/selectors'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const dispatch = useAppDispatch(); + const { token, status } = useSelector(selectTokenData); + const [information, setInformation] = useState(''); + + const getToken = async () => { + console.log(_data); + dispatch( + fetchToken({ + login: String(_data.login), + password:String(_data.password), + }), + ); + console.log(token); + }; + const params = qs.parse(window.location.search.substring(1) || '') as unknown as LoginParams; + console.log(params); + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220521131228.tsx b/.history/components/admin/pages/login/Entrance_20220521131228.tsx new file mode 100644 index 0000000..82d191e --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220521131228.tsx @@ -0,0 +1,60 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; +import qs from 'qs'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import postData from '../../function/postData'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { LoginParams } from '../../../../redux/login/types'; +import { selectTokenData } from '../../../../redux/login/selectors'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const dispatch = useAppDispatch(); + const { token, status } = useSelector(selectTokenData); + const [information, setInformation] = useState(''); + + const getToken = async () => { + console.log(_data); + dispatch( + fetchToken({ + login: String(_data.login), + password:String(_data.password), + }), + ); + console.log(token); + }; + const params = qs.parse(location.search.substring(1)) as unknown as LoginParams; + console.log(params); + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220521131248.tsx b/.history/components/admin/pages/login/Entrance_20220521131248.tsx new file mode 100644 index 0000000..5ba8632 --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220521131248.tsx @@ -0,0 +1,60 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; +import qs from 'qs'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import postData from '../../function/postData'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { LoginParams } from '../../../../redux/login/types'; +import { selectTokenData } from '../../../../redux/login/selectors'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const dispatch = useAppDispatch(); + const { token, status } = useSelector(selectTokenData); + const [information, setInformation] = useState(''); + + const getToken = async () => { + console.log(_data); + dispatch( + fetchToken({ + login: String(_data.login), + password:String(_data.password), + }), + ); + console.log(token); + }; + const params = qs.parse(window.location.search.substring(1)) as unknown as LoginParams; + console.log(params); + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220521131345.tsx b/.history/components/admin/pages/login/Entrance_20220521131345.tsx new file mode 100644 index 0000000..ef8f383 --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220521131345.tsx @@ -0,0 +1,61 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; +import qs from 'qs'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import postData from '../../function/postData'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { LoginParams } from '../../../../redux/login/types'; +import { selectTokenData } from '../../../../redux/login/selectors'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const dispatch = useAppDispatch(); + const { token, status } = useSelector(selectTokenData); + const [information, setInformation] = useState(''); + + const getToken = async () => { + console.log(_data); + dispatch( + fetchToken({ + login: String(_data.login), + password:String(_data.password), + }), + ); + console.log(token); + }; + + const params = qs.parse(window.location.search.substring(1)) as unknown as LoginParams; + console.log(params); + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220521131359.tsx b/.history/components/admin/pages/login/Entrance_20220521131359.tsx new file mode 100644 index 0000000..df3a0b9 --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220521131359.tsx @@ -0,0 +1,61 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; +import qs from 'qs'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import postData from '../../function/postData'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { LoginParams } from '../../../../redux/login/types'; +import { selectTokenData } from '../../../../redux/login/selectors'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const dispatch = useAppDispatch(); + const { token, status } = useSelector(selectTokenData); + const [information, setInformation] = useState(''); + + const getToken = async () => { + console.log(_data); + dispatch( + fetchToken({ + login: String(_data.login), + password:String(_data.password), + }), + ); + console.log(token); + }; + React.useEffect(() => { + const params = qs.parse(window.location.search.substring(1)) as unknown as LoginParams; + console.log(params); + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220521131415.tsx b/.history/components/admin/pages/login/Entrance_20220521131415.tsx new file mode 100644 index 0000000..76a0916 --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220521131415.tsx @@ -0,0 +1,63 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; +import qs from 'qs'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import postData from '../../function/postData'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { LoginParams } from '../../../../redux/login/types'; +import { selectTokenData } from '../../../../redux/login/selectors'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const dispatch = useAppDispatch(); + const { token, status } = useSelector(selectTokenData); + const [information, setInformation] = useState(''); + + const getToken = async () => { + console.log(_data); + dispatch( + fetchToken({ + login: String(_data.login), + password:String(_data.password), + }), + ); + console.log(token); + }; + React.useEffect(() => { + const params = qs.parse(window.location.search.substring(1)) as unknown as LoginParams; + console.log(params); + }, []); + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220521131503.tsx b/.history/components/admin/pages/login/Entrance_20220521131503.tsx new file mode 100644 index 0000000..415052f --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220521131503.tsx @@ -0,0 +1,63 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; +import qs from 'qs'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import postData from '../../function/postData'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { LoginParams } from '../../../../redux/login/types'; +import { selectTokenData } from '../../../../redux/login/selectors'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const dispatch = useAppDispatch(); + const { token, status } = useSelector(selectTokenData); + const [information, setInformation] = useState(''); + + const getToken = async () => { + console.log(_data); + dispatch( + fetchToken({ + login: String(_data.login), + password:String(_data.password), + }), + ); + console.log(token); + }; + React.useEffect(() => { + const params = qs.parse(window.location.search.substring(1)) as unknown as LoginParams; + console.log(params); + }, []); + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220521132632.tsx b/.history/components/admin/pages/login/Entrance_20220521132632.tsx new file mode 100644 index 0000000..0fdc6b5 --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220521132632.tsx @@ -0,0 +1,63 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; +import qs from 'qs'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import postData from '../../function/postData'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { LoginParams } from '../../../../redux/login/types'; +import { selectTokenData } from '../../../../redux/login/selectors'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const dispatch = useAppDispatch(); + const { token, status_token } = useSelector(selectTokenData); + const [information, setInformation] = useState(''); + + const getToken = async () => { + console.log(_data); + dispatch( + fetchToken({ + login: String(_data.login), + password:String(_data.password), + }), + ); + console.log(token); + }; + React.useEffect(() => { + const params = qs.parse(window.location.search.substring(1)) as unknown as LoginParams; + console.log(params); + }, []); + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220521132639.tsx b/.history/components/admin/pages/login/Entrance_20220521132639.tsx new file mode 100644 index 0000000..aeb483b --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220521132639.tsx @@ -0,0 +1,63 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; +import qs from 'qs'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import postData from '../../function/postData'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { LoginParams } from '../../../../redux/login/types'; +import { selectTokenData } from '../../../../redux/login/selectors'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const dispatch = useAppDispatch(); + const { token, status_token } = useSelector(selectTokenData); + const [information, setInformation] = useState(''); + + const getToken = async () => { + console.log(_data); + dispatch( + fetchToken({ + login: String(_data.login), + password:String(_data.password), + }), + ); + console.log(status_token); + }; + React.useEffect(() => { + const params = qs.parse(window.location.search.substring(1)) as unknown as LoginParams; + console.log(params); + }, []); + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220521132712.tsx b/.history/components/admin/pages/login/Entrance_20220521132712.tsx new file mode 100644 index 0000000..0fdc6b5 --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220521132712.tsx @@ -0,0 +1,63 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; +import qs from 'qs'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import postData from '../../function/postData'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { LoginParams } from '../../../../redux/login/types'; +import { selectTokenData } from '../../../../redux/login/selectors'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const dispatch = useAppDispatch(); + const { token, status_token } = useSelector(selectTokenData); + const [information, setInformation] = useState(''); + + const getToken = async () => { + console.log(_data); + dispatch( + fetchToken({ + login: String(_data.login), + password:String(_data.password), + }), + ); + console.log(token); + }; + React.useEffect(() => { + const params = qs.parse(window.location.search.substring(1)) as unknown as LoginParams; + console.log(params); + }, []); + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220521133204.tsx b/.history/components/admin/pages/login/Entrance_20220521133204.tsx new file mode 100644 index 0000000..aeb483b --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220521133204.tsx @@ -0,0 +1,63 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; +import qs from 'qs'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import postData from '../../function/postData'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { LoginParams } from '../../../../redux/login/types'; +import { selectTokenData } from '../../../../redux/login/selectors'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const dispatch = useAppDispatch(); + const { token, status_token } = useSelector(selectTokenData); + const [information, setInformation] = useState(''); + + const getToken = async () => { + console.log(_data); + dispatch( + fetchToken({ + login: String(_data.login), + password:String(_data.password), + }), + ); + console.log(status_token); + }; + React.useEffect(() => { + const params = qs.parse(window.location.search.substring(1)) as unknown as LoginParams; + console.log(params); + }, []); + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220521133706.tsx b/.history/components/admin/pages/login/Entrance_20220521133706.tsx new file mode 100644 index 0000000..9fff253 --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220521133706.tsx @@ -0,0 +1,64 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; +import qs from 'qs'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import postData from '../../function/postData'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { LoginParams } from '../../../../redux/login/types'; +import { selectTokenData } from '../../../../redux/login/selectors'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const dispatch = useAppDispatch(); + const { token, status_token } = useSelector(selectTokenData); + const [information, setInformation] = useState(''); + + const getToken = async () => { + console.log(_data); + dispatch( + fetchToken({ + login: String(_data.login), + password:String(_data.password), + }), + ); + console.log(status_token); + }; + + React.useEffect(() => { + const params = qs.parse(window.location.search.substring(1)) as unknown as LoginParams; + console.log(params); + }, []); + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220521133709.tsx b/.history/components/admin/pages/login/Entrance_20220521133709.tsx new file mode 100644 index 0000000..a48b776 --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220521133709.tsx @@ -0,0 +1,64 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; +import qs from 'qs'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import postData from '../../function/postData'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { LoginParams } from '../../../../redux/login/types'; +import { selectTokenData } from '../../../../redux/login/selectors'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const dispatch = useAppDispatch(); + const { token, status_token } = useSelector(selectTokenData); + const [information, setInformation] = useState(''); + + const getToken = async () => { + //console.log(_data); + dispatch( + fetchToken({ + login: String(_data.login), + password:String(_data.password), + }), + ); + console.log(status_token); + }; + + React.useEffect(() => { + const params = qs.parse(window.location.search.substring(1)) as unknown as LoginParams; + console.log(params); + }, []); + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220521133738.tsx b/.history/components/admin/pages/login/Entrance_20220521133738.tsx new file mode 100644 index 0000000..a48b776 --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220521133738.tsx @@ -0,0 +1,64 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; +import qs from 'qs'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import postData from '../../function/postData'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { LoginParams } from '../../../../redux/login/types'; +import { selectTokenData } from '../../../../redux/login/selectors'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const dispatch = useAppDispatch(); + const { token, status_token } = useSelector(selectTokenData); + const [information, setInformation] = useState(''); + + const getToken = async () => { + //console.log(_data); + dispatch( + fetchToken({ + login: String(_data.login), + password:String(_data.password), + }), + ); + console.log(status_token); + }; + + React.useEffect(() => { + const params = qs.parse(window.location.search.substring(1)) as unknown as LoginParams; + console.log(params); + }, []); + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220521133742.tsx b/.history/components/admin/pages/login/Entrance_20220521133742.tsx new file mode 100644 index 0000000..1dad9ac --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220521133742.tsx @@ -0,0 +1,64 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; +import qs from 'qs'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import postData from '../../function/postData'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { LoginParams } from '../../../../redux/login/types'; +import { selectTokenData } from '../../../../redux/login/selectors'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const dispatch = useAppDispatch(); + const { token, status_token } = useSelector(selectTokenData); + const [information, setInformation] = useState(''); + + const getToken = async () => { + //console.log(_data); + dispatch( + fetchToken({ + login: String(_data.login), + password:String(_data.password), + }), + ); + console.log(token); + }; + + React.useEffect(() => { + const params = qs.parse(window.location.search.substring(1)) as unknown as LoginParams; + console.log(params); + }, []); + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220521133956.tsx b/.history/components/admin/pages/login/Entrance_20220521133956.tsx new file mode 100644 index 0000000..dca02fe --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220521133956.tsx @@ -0,0 +1,68 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; +import qs from 'qs'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import postData from '../../function/postData'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { LoginParams } from '../../../../redux/login/types'; +import { selectTokenData } from '../../../../redux/login/selectors'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const dispatch = useAppDispatch(); + const { token, status_token } = useSelector(selectTokenData); + const [information, setInformation] = useState(''); + + const getToken = async () => { + //console.log(_data); + dispatch( + fetchToken({ + login: String(_data.login), + password:String(_data.password), + }), + ); + token[0].token ? + console.log(token[0].token) + //setToken(token[0].token) : + : setInformation(token); + console.log(token); + }; + + React.useEffect(() => { + const params = qs.parse(window.location.search.substring(1)) as unknown as LoginParams; + console.log(params); + }, []); + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220521134011.tsx b/.history/components/admin/pages/login/Entrance_20220521134011.tsx new file mode 100644 index 0000000..0e42e4f --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220521134011.tsx @@ -0,0 +1,68 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; +import qs from 'qs'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import postData from '../../function/postData'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { LoginParams } from '../../../../redux/login/types'; +import { selectTokenData } from '../../../../redux/login/selectors'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const dispatch = useAppDispatch(); + const { token, status_token } = useSelector(selectTokenData); + const [information, setInformation] = useState(''); + + const getToken = async () => { + //console.log(_data); + dispatch( + fetchToken({ + login: String(_data.login), + password:String(_data.password), + }), + ); + token ? + console.log(token[0].token) + //setToken(token[0].token) : + : setInformation(token); + console.log(token); + }; + + React.useEffect(() => { + const params = qs.parse(window.location.search.substring(1)) as unknown as LoginParams; + console.log(params); + }, []); + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220521134044.tsx b/.history/components/admin/pages/login/Entrance_20220521134044.tsx new file mode 100644 index 0000000..6491de7 --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220521134044.tsx @@ -0,0 +1,68 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; +import qs from 'qs'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import postData from '../../function/postData'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { LoginParams } from '../../../../redux/login/types'; +import { selectTokenData } from '../../../../redux/login/selectors'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const dispatch = useAppDispatch(); + const { token, status_token } = useSelector(selectTokenData); + const [information, setInformation] = useState(''); + + const getToken = async () => { + //console.log(_data); + dispatch( + fetchToken({ + login: String(_data.login), + password:String(_data.password), + }), + ); + // token ? + console.log(token[0].token) + //setToken(token[0].token) : + // : setInformation(token); + console.log(token); + }; + + React.useEffect(() => { + const params = qs.parse(window.location.search.substring(1)) as unknown as LoginParams; + console.log(params); + }, []); + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220521134055.tsx b/.history/components/admin/pages/login/Entrance_20220521134055.tsx new file mode 100644 index 0000000..1f38dd5 --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220521134055.tsx @@ -0,0 +1,68 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; +import qs from 'qs'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import postData from '../../function/postData'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { LoginParams } from '../../../../redux/login/types'; +import { selectTokenData } from '../../../../redux/login/selectors'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const dispatch = useAppDispatch(); + const { token, status_token } = useSelector(selectTokenData); + const [information, setInformation] = useState(''); + + const getToken = async () => { + //console.log(_data); + dispatch( + fetchToken({ + login: String(_data.login), + password:String(_data.password), + }), + ); + // token ? + // console.log(token[0].token) + //setToken(token[0].token) : + // : setInformation(token); + console.log(token); + }; + + React.useEffect(() => { + const params = qs.parse(window.location.search.substring(1)) as unknown as LoginParams; + console.log(params); + }, []); + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220521134110.tsx b/.history/components/admin/pages/login/Entrance_20220521134110.tsx new file mode 100644 index 0000000..3207ef8 --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220521134110.tsx @@ -0,0 +1,69 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; +import qs from 'qs'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import postData from '../../function/postData'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { LoginParams } from '../../../../redux/login/types'; +import { selectTokenData } from '../../../../redux/login/selectors'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const dispatch = useAppDispatch(); + const { token, status_token } = useSelector(selectTokenData); + const [information, setInformation] = useState(''); + + const getToken = async () => { + //console.log(_data); + dispatch( + fetchToken({ + login: String(_data.login), + password:String(_data.password), + }), + ); + // token ? + // console.log(token[0].token) + //setToken(token[0].token) : + // : + setInformation(token); + console.log(token); + }; + + React.useEffect(() => { + const params = qs.parse(window.location.search.substring(1)) as unknown as LoginParams; + console.log(params); + }, []); + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220521134349.tsx b/.history/components/admin/pages/login/Entrance_20220521134349.tsx new file mode 100644 index 0000000..9e97be0 --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220521134349.tsx @@ -0,0 +1,69 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; +import qs from 'qs'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import postData from '../../function/postData'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { LoginParams } from '../../../../redux/login/types'; +import { selectTokenData } from '../../../../redux/login/selectors'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const dispatch = useAppDispatch(); + const { token, status_token } = useSelector(selectTokenData); + const [information, setInformation] = useState(); + + const getToken = async () => { + //console.log(_data); + dispatch( + fetchToken({ + login: String(_data.login), + password:String(_data.password) + }), + ); + // token ? + // console.log(token[0].token) + //setToken(token[0].token) : + // : + //setInformation(token); + console.log(token); + }; + + React.useEffect(() => { + const params = qs.parse(window.location.search.substring(1)) as unknown as LoginParams; + console.log(params); + }, []); + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220522073245.tsx b/.history/components/admin/pages/login/Entrance_20220522073245.tsx new file mode 100644 index 0000000..10a855c --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220522073245.tsx @@ -0,0 +1,69 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; +import qs from 'qs'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import postData from '../../function/postData'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { LoginParams } from '../../../../redux/login/types'; +import { selectTokenData } from '../../../../redux/login/selectors'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const dispatch = useAppDispatch(); + const { token, status_token } = useSelector(selectTokenData); + const [information, setInformation] = useState(); + + const getToken = async () => { + //console.log(_data); + dispatch( + fetchToken({ + login: String(_data.login), + password:String(_data.password) + }), + ); + // token ? + // console.log(token[0].token) + //setToken(token[0].token) : + // : + //setInformation(token); + console.log(token); + }; + + React.useEffect(() => { + const params = qs.parse(window.location.search.substring(1)) as unknown as LoginParams; + console.log(params); + }, []); + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220522073434.tsx b/.history/components/admin/pages/login/Entrance_20220522073434.tsx new file mode 100644 index 0000000..98f42b7 --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220522073434.tsx @@ -0,0 +1,68 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; +import qs from 'qs'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { LoginParams } from '../../../../redux/login/types'; +import { selectTokenData } from '../../../../redux/login/selectors'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const dispatch = useAppDispatch(); + const { token, status_token } = useSelector(selectTokenData); + const [information, setInformation] = useState(); + + const getToken = async () => { + //console.log(_data); + dispatch( + fetchToken({ + login: String(_data.login), + password:String(_data.password) + }), + ); + // token ? + // console.log(token[0].token) + //setToken(token[0].token) : + // : + //setInformation(token); + console.log(token); + }; + + React.useEffect(() => { + const params = qs.parse(window.location.search.substring(1)) as unknown as LoginParams; + console.log(params); + }, []); + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220522073515.tsx b/.history/components/admin/pages/login/Entrance_20220522073515.tsx new file mode 100644 index 0000000..dd80ab0 --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220522073515.tsx @@ -0,0 +1,68 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; +import qs from 'qs'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { LoginParams } from '../../../../redux/login/types'; +import { selectTokenData } from '../../../../redux/login/selectors'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const dispatch = useAppDispatch(); + const { token, status_token } = useSelector(selectTokenData); + const [information, setInformation] = useState(); + + const getToken = async () => { + //console.log(_data); + dispatch( + fetchToken({ + login: String(_data.login), + password:String(_data.password) + }), + ); + // token ? + // console.log(token[0].token) + //setToken(token[0].token) : + // : + //setInformation(token); + console.log(status_token); + }; + + React.useEffect(() => { + const params = qs.parse(window.location.search.substring(1)) as unknown as LoginParams; + console.log(params); + }, []); + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220522073542.tsx b/.history/components/admin/pages/login/Entrance_20220522073542.tsx new file mode 100644 index 0000000..0e54717 --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220522073542.tsx @@ -0,0 +1,69 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; +import qs from 'qs'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { LoginParams } from '../../../../redux/login/types'; +import { selectTokenData } from '../../../../redux/login/selectors'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const dispatch = useAppDispatch(); + const { token, status_token } = useSelector(selectTokenData); + const [information, setInformation] = useState(); + + const getToken = async () => { + //console.log(_data); + dispatch( + fetchToken({ + login: String(_data.login), + password:String(_data.password) + }), + ); + // token ? + // console.log(token[0].token) + //setToken(token[0].token) : + // : + //setInformation(token); + console.log(status_token); + console.log(token); + }; + + React.useEffect(() => { + const params = qs.parse(window.location.search.substring(1)) as unknown as LoginParams; + console.log(params); + }, []); + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220522073956.tsx b/.history/components/admin/pages/login/Entrance_20220522073956.tsx new file mode 100644 index 0000000..c57158e --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220522073956.tsx @@ -0,0 +1,69 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; +import qs from 'qs'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { LoginParams } from '../../../../redux/login/types'; +import { selectTokenData } from '../../../../redux/login/selectors'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const dispatch = useAppDispatch(); + const { token, status_token } = useSelector(selectTokenData); + const [information, setInformation] = useState(); + + const getToken = async () => { + //console.log(_data); + dispatch( + fetchToken({ + login: String(_data.login), + password:String(_data.password) + }), + ); + // token ? + // console.log(token[0].token) + //setToken(token[0].token) : + // : + //setInformation(token); + console.log(status_token); + console.log(token[0]); + }; + + React.useEffect(() => { + const params = qs.parse(window.location.search.substring(1)) as unknown as LoginParams; + console.log(params); + }, []); + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220522074010.tsx b/.history/components/admin/pages/login/Entrance_20220522074010.tsx new file mode 100644 index 0000000..dce5977 --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220522074010.tsx @@ -0,0 +1,69 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; +import qs from 'qs'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { LoginParams } from '../../../../redux/login/types'; +import { selectTokenData } from '../../../../redux/login/selectors'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const dispatch = useAppDispatch(); + const { token, status_token } = useSelector(selectTokenData); + const [information, setInformation] = useState(); + + const getToken = async () => { + //console.log(_data); + dispatch( + fetchToken({ + login: String(_data.login), + password:String(_data.password) + }), + ); + // token ? + // console.log(token[0].token) + //setToken(token[0].token) : + // : + //setInformation(token); + console.log(status_token); + console.log(token[1]); + }; + + React.useEffect(() => { + const params = qs.parse(window.location.search.substring(1)) as unknown as LoginParams; + console.log(params); + }, []); + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220522074030.tsx b/.history/components/admin/pages/login/Entrance_20220522074030.tsx new file mode 100644 index 0000000..0e54717 --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220522074030.tsx @@ -0,0 +1,69 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; +import qs from 'qs'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { LoginParams } from '../../../../redux/login/types'; +import { selectTokenData } from '../../../../redux/login/selectors'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const dispatch = useAppDispatch(); + const { token, status_token } = useSelector(selectTokenData); + const [information, setInformation] = useState(); + + const getToken = async () => { + //console.log(_data); + dispatch( + fetchToken({ + login: String(_data.login), + password:String(_data.password) + }), + ); + // token ? + // console.log(token[0].token) + //setToken(token[0].token) : + // : + //setInformation(token); + console.log(status_token); + console.log(token); + }; + + React.useEffect(() => { + const params = qs.parse(window.location.search.substring(1)) as unknown as LoginParams; + console.log(params); + }, []); + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220522074120.tsx b/.history/components/admin/pages/login/Entrance_20220522074120.tsx new file mode 100644 index 0000000..da4ca43 --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220522074120.tsx @@ -0,0 +1,69 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; +import qs from 'qs'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { LoginParams } from '../../../../redux/login/types'; +import { selectTokenData } from '../../../../redux/login/selectors'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const dispatch = useAppDispatch(); + const { token, status_token } = useSelector(selectTokenData); + const [information, setInformation] = useState(); + + const getToken = async () => { + //console.log(_data); + dispatch( + fetchToken({ + login: String(_data.login), + password:String(_data.password) + }), + ); + // token ? + // console.log(token[0].token) + //setToken(token[0].token) : + // : + //setInformation(token); + console.log(status_token); + console.log(JSON.stringify(token)); + }; + + React.useEffect(() => { + const params = qs.parse(window.location.search.substring(1)) as unknown as LoginParams; + console.log(params); + }, []); + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220522074138.tsx b/.history/components/admin/pages/login/Entrance_20220522074138.tsx new file mode 100644 index 0000000..8bee08b --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220522074138.tsx @@ -0,0 +1,69 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; +import qs from 'qs'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { LoginParams } from '../../../../redux/login/types'; +import { selectTokenData } from '../../../../redux/login/selectors'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const dispatch = useAppDispatch(); + const { token, status_token } = useSelector(selectTokenData); + const [information, setInformation] = useState(); + + const getToken = async () => { + //console.log(_data); + dispatch( + fetchToken({ + login: String(_data.login), + password:String(_data.password) + }), + ); + // token ? + // console.log(token[0].token) + //setToken(token[0].token) : + // : + //setInformation(token); + console.log(status_token); + console.log(JSON.stringify(token[0])); + }; + + React.useEffect(() => { + const params = qs.parse(window.location.search.substring(1)) as unknown as LoginParams; + console.log(params); + }, []); + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220522074257.tsx b/.history/components/admin/pages/login/Entrance_20220522074257.tsx new file mode 100644 index 0000000..3baa022 --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220522074257.tsx @@ -0,0 +1,69 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; +import qs from 'qs'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { LoginParams } from '../../../../redux/login/types'; +import { selectTokenData } from '../../../../redux/login/selectors'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const dispatch = useAppDispatch(); + const { token, status_token } = useSelector(selectTokenData); + const [information, setInformation] = useState(); + + const getToken = async () => { + //console.log(_data); + dispatch( + fetchToken({ + login: String(_data.login), + password:String(_data.password) + }), + ); + // token ? + // console.log(token[0].token) + //setToken(token[0].token) : + // : + //setInformation(token); + console.log(status_token); + console.log(token.token); + }; + + React.useEffect(() => { + const params = qs.parse(window.location.search.substring(1)) as unknown as LoginParams; + console.log(params); + }, []); + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220522074307.tsx b/.history/components/admin/pages/login/Entrance_20220522074307.tsx new file mode 100644 index 0000000..0e54717 --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220522074307.tsx @@ -0,0 +1,69 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; +import qs from 'qs'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { LoginParams } from '../../../../redux/login/types'; +import { selectTokenData } from '../../../../redux/login/selectors'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const dispatch = useAppDispatch(); + const { token, status_token } = useSelector(selectTokenData); + const [information, setInformation] = useState(); + + const getToken = async () => { + //console.log(_data); + dispatch( + fetchToken({ + login: String(_data.login), + password:String(_data.password) + }), + ); + // token ? + // console.log(token[0].token) + //setToken(token[0].token) : + // : + //setInformation(token); + console.log(status_token); + console.log(token); + }; + + React.useEffect(() => { + const params = qs.parse(window.location.search.substring(1)) as unknown as LoginParams; + console.log(params); + }, []); + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220522074340.tsx b/.history/components/admin/pages/login/Entrance_20220522074340.tsx new file mode 100644 index 0000000..976c4f7 --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220522074340.tsx @@ -0,0 +1,69 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; +import qs from 'qs'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { LoginParams } from '../../../../redux/login/types'; +import { selectTokenData } from '../../../../redux/login/selectors'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const dispatch = useAppDispatch(); + const { token, status_token } = useSelector(selectTokenData); + const [information, setInformation] = useState(); + + const getToken = async () => { + //console.log(_data); + dispatch( + fetchToken({ + login: String(_data.login), + password:String(_data.password) + }), + ); + // token ? + // console.log(token[0].token) + //setToken(token[0].token) : + // : + //setInformation(token); + console.log(status_token); + console.log(JSON.parse(token)); + }; + + React.useEffect(() => { + const params = qs.parse(window.location.search.substring(1)) as unknown as LoginParams; + console.log(params); + }, []); + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220522074359.tsx b/.history/components/admin/pages/login/Entrance_20220522074359.tsx new file mode 100644 index 0000000..2f88514 --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220522074359.tsx @@ -0,0 +1,69 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; +import qs from 'qs'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { LoginParams } from '../../../../redux/login/types'; +import { selectTokenData } from '../../../../redux/login/selectors'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const dispatch = useAppDispatch(); + const { token, status_token } = useSelector(selectTokenData); + const [information, setInformation] = useState(); + + const getToken = async () => { + //console.log(_data); + dispatch( + fetchToken({ + login: String(_data.login), + password:String(_data.password) + }), + ); + // token ? + // console.log(token[0].token) + //setToken(token[0].token) : + // : + //setInformation(token); + console.log(status_token); + console.log(JSON.parse(token.)); + }; + + React.useEffect(() => { + const params = qs.parse(window.location.search.substring(1)) as unknown as LoginParams; + console.log(params); + }, []); + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220522074417.tsx b/.history/components/admin/pages/login/Entrance_20220522074417.tsx new file mode 100644 index 0000000..da4ca43 --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220522074417.tsx @@ -0,0 +1,69 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; +import qs from 'qs'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { LoginParams } from '../../../../redux/login/types'; +import { selectTokenData } from '../../../../redux/login/selectors'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const dispatch = useAppDispatch(); + const { token, status_token } = useSelector(selectTokenData); + const [information, setInformation] = useState(); + + const getToken = async () => { + //console.log(_data); + dispatch( + fetchToken({ + login: String(_data.login), + password:String(_data.password) + }), + ); + // token ? + // console.log(token[0].token) + //setToken(token[0].token) : + // : + //setInformation(token); + console.log(status_token); + console.log(JSON.stringify(token)); + }; + + React.useEffect(() => { + const params = qs.parse(window.location.search.substring(1)) as unknown as LoginParams; + console.log(params); + }, []); + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220522074929.tsx b/.history/components/admin/pages/login/Entrance_20220522074929.tsx new file mode 100644 index 0000000..fba175c --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220522074929.tsx @@ -0,0 +1,77 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; +import qs from 'qs'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { LoginParams } from '../../../../redux/login/types'; +import { selectTokenData } from '../../../../redux/login/selectors'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const dispatch = useAppDispatch(); + const { token, status_token } = useSelector(selectTokenData); + const [information, setInformation] = useState(); + + function replacer(key, value) { + console.log(typeof value); + if (key === 'email') { + return undefined; + } + return value; + } + + const getToken = async () => { + //console.log(_data); + dispatch( + fetchToken({ + login: String(_data.login), + password:String(_data.password) + }), + ); + // token ? + // console.log(token[0].token) + //setToken(token[0].token) : + // : + //setInformation(token); + console.log(status_token); + console.log(JSON.stringify(token)); + }; + + React.useEffect(() => { + const params = qs.parse(window.location.search.substring(1)) as unknown as LoginParams; + console.log(params); + }, []); + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220522075016.tsx b/.history/components/admin/pages/login/Entrance_20220522075016.tsx new file mode 100644 index 0000000..0303d93 --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220522075016.tsx @@ -0,0 +1,77 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; +import qs from 'qs'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { LoginParams } from '../../../../redux/login/types'; +import { selectTokenData } from '../../../../redux/login/selectors'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const dispatch = useAppDispatch(); + const { token, status_token } = useSelector(selectTokenData); + const [information, setInformation] = useState(); + + function replacer(key:string, value:string) { + console.log(typeof value); + if (key === 'email') { + return undefined; + } + return value; + } + + const getToken = async () => { + //console.log(_data); + dispatch( + fetchToken({ + login: String(_data.login), + password:String(_data.password) + }), + ); + // token ? + // console.log(token[0].token) + //setToken(token[0].token) : + // : + //setInformation(token); + console.log(status_token); + console.log(JSON.stringify(token, replacer)); + }; + + React.useEffect(() => { + const params = qs.parse(window.location.search.substring(1)) as unknown as LoginParams; + console.log(params); + }, []); + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220522075038.tsx b/.history/components/admin/pages/login/Entrance_20220522075038.tsx new file mode 100644 index 0000000..e389dcd --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220522075038.tsx @@ -0,0 +1,77 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; +import qs from 'qs'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { LoginParams } from '../../../../redux/login/types'; +import { selectTokenData } from '../../../../redux/login/selectors'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const dispatch = useAppDispatch(); + const { token, status_token } = useSelector(selectTokenData); + const [information, setInformation] = useState(); + + function replacer(key:string, value:string) { + console.log(typeof value); + if (key === 'error') { + return undefined; + } + return value; + } + + const getToken = async () => { + //console.log(_data); + dispatch( + fetchToken({ + login: String(_data.login), + password:String(_data.password) + }), + ); + // token ? + // console.log(token[0].token) + //setToken(token[0].token) : + // : + //setInformation(token); + console.log(status_token); + console.log(JSON.stringify(token, replacer)); + }; + + React.useEffect(() => { + const params = qs.parse(window.location.search.substring(1)) as unknown as LoginParams; + console.log(params); + }, []); + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220522075123.tsx b/.history/components/admin/pages/login/Entrance_20220522075123.tsx new file mode 100644 index 0000000..fb5a76b --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220522075123.tsx @@ -0,0 +1,77 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; +import qs from 'qs'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { LoginParams } from '../../../../redux/login/types'; +import { selectTokenData } from '../../../../redux/login/selectors'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const dispatch = useAppDispatch(); + const { token, status_token } = useSelector(selectTokenData); + const [information, setInformation] = useState(); + + function replacer(key:string, value:string) { + console.log(typeof value); + if (key === 'error') { + console.log(value); + } + return value; + } + + const getToken = async () => { + //console.log(_data); + dispatch( + fetchToken({ + login: String(_data.login), + password:String(_data.password) + }), + ); + // token ? + // console.log(token[0].token) + //setToken(token[0].token) : + // : + //setInformation(token); + console.log(status_token); + console.log(JSON.stringify(token, replacer)); + }; + + React.useEffect(() => { + const params = qs.parse(window.location.search.substring(1)) as unknown as LoginParams; + console.log(params); + }, []); + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220522075148.tsx b/.history/components/admin/pages/login/Entrance_20220522075148.tsx new file mode 100644 index 0000000..76948b2 --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220522075148.tsx @@ -0,0 +1,78 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; +import qs from 'qs'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { LoginParams } from '../../../../redux/login/types'; +import { selectTokenData } from '../../../../redux/login/selectors'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const dispatch = useAppDispatch(); + const { token, status_token } = useSelector(selectTokenData); + const [information, setInformation] = useState(); + + function replacer(key:string, value:string) { + console.log(typeof value); + if (key === 'error') { + console.log(value); + } + return value; + } + + const getToken = async () => { + //console.log(_data); + dispatch( + fetchToken({ + login: String(_data.login), + password:String(_data.password) + }), + ); + // token ? + // console.log(token[0].token) + //setToken(token[0].token) : + // : + //setInformation(token); + console.log(status_token); + JSON.stringify(token, replacer) + //console.log(JSON.stringify(token, replacer)); + }; + + React.useEffect(() => { + const params = qs.parse(window.location.search.substring(1)) as unknown as LoginParams; + console.log(params); + }, []); + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220522075439.tsx b/.history/components/admin/pages/login/Entrance_20220522075439.tsx new file mode 100644 index 0000000..4c42861 --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220522075439.tsx @@ -0,0 +1,78 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; +import qs from 'qs'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { LoginParams } from '../../../../redux/login/types'; +import { selectTokenData } from '../../../../redux/login/selectors'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const dispatch = useAppDispatch(); + const { token, status_token } = useSelector(selectTokenData); + const [information, setInformation] = useState(); + + function replacer(key:string, value:string) { + console.log(typeof value); + if (key === 'error') { + setInformation(value) + } + return value; + } + + const getToken = async () => { + //console.log(_data); + dispatch( + fetchToken({ + login: String(_data.login), + password:String(_data.password) + }), + ); + // token ? + // console.log(token[0].token) + //setToken(token[0].token) : + // : + //setInformation(token); + console.log(status_token); + JSON.stringify(token, replacer) + //console.log(JSON.stringify(token, replacer)); + }; + + React.useEffect(() => { + const params = qs.parse(window.location.search.substring(1)) as unknown as LoginParams; + console.log(params); + }, []); + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220522075600.tsx b/.history/components/admin/pages/login/Entrance_20220522075600.tsx new file mode 100644 index 0000000..e06657c --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220522075600.tsx @@ -0,0 +1,82 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; +import qs from 'qs'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { LoginParams } from '../../../../redux/login/types'; +import { selectTokenData } from '../../../../redux/login/selectors'; +//{setToken, updateData} + +interface IToken { + name: string; + } + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const dispatch = useAppDispatch(); + const { token, status_token } = useSelector(selectTokenData); + const [information, setInformation] = useState(); + + function replacer(key:string, value:string) { + console.log(typeof value); + if (key === 'error') { + setInformation(value) + } + return value; + } + + const getToken = async () => { + //console.log(_data); + dispatch( + fetchToken({ + login: String(_data.login), + password:String(_data.password) + }), + ); + // token ? + // console.log(token[0].token) + //setToken(token[0].token) : + // : + //setInformation(token); + console.log(status_token); + JSON.stringify(token, replacer) + //console.log(JSON.stringify(token, replacer)); + }; + + React.useEffect(() => { + const params = qs.parse(window.location.search.substring(1)) as unknown as LoginParams; + console.log(params); + }, []); + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220522075610.tsx b/.history/components/admin/pages/login/Entrance_20220522075610.tsx new file mode 100644 index 0000000..cc206db --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220522075610.tsx @@ -0,0 +1,82 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; +import qs from 'qs'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { LoginParams } from '../../../../redux/login/types'; +import { selectTokenData } from '../../../../redux/login/selectors'; +//{setToken, updateData} + +interface IToken { + name: string; + } + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const dispatch = useAppDispatch(); + const { token, status_token } = useSelector(selectTokenData); + const [information, setInformation] = useState(); + + function replacer(key:string, value:string) { + console.log(typeof value); + if (key === 'error') { + setInformation(value) + } + return value; + } + + const getToken = async () => { + //console.log(_data); + dispatch( + fetchToken({ + login: String(_data.login), + password:String(_data.password) + }), + ); + // token ? + // console.log(token[0].token) + //setToken(token[0].token) : + // : + //setInformation(token); + console.log(status_token); + JSON.stringify(token, replacer) + //console.log(JSON.stringify(token, replacer)); + }; + + React.useEffect(() => { + const params = qs.parse(window.location.search.substring(1)) as unknown as LoginParams; + console.log(params); + }, []); + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220522075637.tsx b/.history/components/admin/pages/login/Entrance_20220522075637.tsx new file mode 100644 index 0000000..8738012 --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220522075637.tsx @@ -0,0 +1,82 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; +import qs from 'qs'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { LoginParams } from '../../../../redux/login/types'; +import { selectTokenData } from '../../../../redux/login/selectors'; +//{setToken, updateData} + +interface IToken { + value: string; + } + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const dispatch = useAppDispatch(); + const { token, status_token } = useSelector(selectTokenData); + const [information, setInformation] = useState(); + + function replacer(key:string, value:string) { + console.log(typeof value); + if (key === 'error') { + setInformation(value) + } + return value; + } + + const getToken = async () => { + //console.log(_data); + dispatch( + fetchToken({ + login: String(_data.login), + password:String(_data.password) + }), + ); + // token ? + // console.log(token[0].token) + //setToken(token[0].token) : + // : + //setInformation(token); + console.log(status_token); + JSON.stringify(token, replacer) + //console.log(JSON.stringify(token, replacer)); + }; + + React.useEffect(() => { + const params = qs.parse(window.location.search.substring(1)) as unknown as LoginParams; + console.log(params); + }, []); + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220522075700.tsx b/.history/components/admin/pages/login/Entrance_20220522075700.tsx new file mode 100644 index 0000000..8738012 --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220522075700.tsx @@ -0,0 +1,82 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; +import qs from 'qs'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { LoginParams } from '../../../../redux/login/types'; +import { selectTokenData } from '../../../../redux/login/selectors'; +//{setToken, updateData} + +interface IToken { + value: string; + } + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const dispatch = useAppDispatch(); + const { token, status_token } = useSelector(selectTokenData); + const [information, setInformation] = useState(); + + function replacer(key:string, value:string) { + console.log(typeof value); + if (key === 'error') { + setInformation(value) + } + return value; + } + + const getToken = async () => { + //console.log(_data); + dispatch( + fetchToken({ + login: String(_data.login), + password:String(_data.password) + }), + ); + // token ? + // console.log(token[0].token) + //setToken(token[0].token) : + // : + //setInformation(token); + console.log(status_token); + JSON.stringify(token, replacer) + //console.log(JSON.stringify(token, replacer)); + }; + + React.useEffect(() => { + const params = qs.parse(window.location.search.substring(1)) as unknown as LoginParams; + console.log(params); + }, []); + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220522075911.tsx b/.history/components/admin/pages/login/Entrance_20220522075911.tsx new file mode 100644 index 0000000..74d3171 --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220522075911.tsx @@ -0,0 +1,83 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; +import qs from 'qs'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { LoginParams } from '../../../../redux/login/types'; +import { selectTokenData } from '../../../../redux/login/selectors'; +//{setToken, updateData} + +interface IToken { + connected: boolean; + type: string; + } + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const dispatch = useAppDispatch(); + const { token, status_token } = useSelector(selectTokenData); + const [information, setInformation] = useState(); + + function replacer(key:string, value:string) { + console.log(typeof value); + if (key === 'error') { + setInformation(value) + } + return value; + } + + const getToken = async () => { + //console.log(_data); + dispatch( + fetchToken({ + login: String(_data.login), + password:String(_data.password) + }), + ); + // token ? + // console.log(token[0].token) + //setToken(token[0].token) : + // : + //setInformation(token); + console.log(status_token); + JSON.stringify(token, replacer) + //console.log(JSON.stringify(token, replacer)); + }; + + React.useEffect(() => { + const params = qs.parse(window.location.search.substring(1)) as unknown as LoginParams; + console.log(params); + }, []); + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220522075919.tsx b/.history/components/admin/pages/login/Entrance_20220522075919.tsx new file mode 100644 index 0000000..8ba1147 --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220522075919.tsx @@ -0,0 +1,83 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; +import qs from 'qs'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { LoginParams } from '../../../../redux/login/types'; +import { selectTokenData } from '../../../../redux/login/selectors'; +//{setToken, updateData} + +interface IToken { + connected: boolean; + type: string; + } + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const dispatch = useAppDispatch(); + const { token, status_token } = useSelector(selectTokenData); + const [information, setInformation] = useState([]); + + function replacer(key:string, value:string) { + console.log(typeof value); + if (key === 'error') { + setInformation(value) + } + return value; + } + + const getToken = async () => { + //console.log(_data); + dispatch( + fetchToken({ + login: String(_data.login), + password:String(_data.password) + }), + ); + // token ? + // console.log(token[0].token) + //setToken(token[0].token) : + // : + //setInformation(token); + console.log(status_token); + JSON.stringify(token, replacer) + //console.log(JSON.stringify(token, replacer)); + }; + + React.useEffect(() => { + const params = qs.parse(window.location.search.substring(1)) as unknown as LoginParams; + console.log(params); + }, []); + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220522080022.tsx b/.history/components/admin/pages/login/Entrance_20220522080022.tsx new file mode 100644 index 0000000..ff33c56 --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220522080022.tsx @@ -0,0 +1,83 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; +import qs from 'qs'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { LoginParams } from '../../../../redux/login/types'; +import { selectTokenData } from '../../../../redux/login/selectors'; +//{setToken, updateData} + +interface IToken { + connected: boolean; + type: string; + } + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const dispatch = useAppDispatch(); + const { token, status_token } = useSelector(selectTokenData); + const [information, setInformation] = useState(undefined); + + function replacer(key:string, value:string) { + console.log(typeof value); + if (key === 'error') { + setInformation(value) + } + return value; + } + + const getToken = async () => { + //console.log(_data); + dispatch( + fetchToken({ + login: String(_data.login), + password:String(_data.password) + }), + ); + // token ? + // console.log(token[0].token) + //setToken(token[0].token) : + // : + //setInformation(token); + console.log(status_token); + JSON.stringify(token, replacer) + //console.log(JSON.stringify(token, replacer)); + }; + + React.useEffect(() => { + const params = qs.parse(window.location.search.substring(1)) as unknown as LoginParams; + console.log(params); + }, []); + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220522080031.tsx b/.history/components/admin/pages/login/Entrance_20220522080031.tsx new file mode 100644 index 0000000..b5f7aab --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220522080031.tsx @@ -0,0 +1,83 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; +import qs from 'qs'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { LoginParams } from '../../../../redux/login/types'; +import { selectTokenData } from '../../../../redux/login/selectors'; +//{setToken, updateData} + +interface IToken { + connected: boolean; + type: string; + } + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const dispatch = useAppDispatch(); + const { token, status_token } = useSelector(selectTokenData); + const [information, setInformation] = useState(undefined); + + function replacer(key:string, value:string) { + console.log(typeof value); + if (key === 'error') { + setInformation(value) + } + return value; + } + + const getToken = async () => { + //console.log(_data); + dispatch( + fetchToken({ + login: String(_data.login), + password:String(_data.password) + }), + ); + // token ? + // console.log(token[0].token) + //setToken(token[0].token) : + // : + //setInformation(token); + console.log(status_token); + JSON.stringify(token, replacer) + //console.log(JSON.stringify(token, replacer)); + }; + + React.useEffect(() => { + const params = qs.parse(window.location.search.substring(1)) as unknown as LoginParams; + console.log(params); + }, []); + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220522080050.tsx b/.history/components/admin/pages/login/Entrance_20220522080050.tsx new file mode 100644 index 0000000..9f819ff --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220522080050.tsx @@ -0,0 +1,83 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; +import qs from 'qs'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { LoginParams } from '../../../../redux/login/types'; +import { selectTokenData } from '../../../../redux/login/selectors'; +//{setToken, updateData} + +interface IToken { + connected: boolean; + type: string; + } + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const dispatch = useAppDispatch(); + const { token, status_token } = useSelector(selectTokenData); + const [information, setInformation] = useState(undefined); + + function replacer(key:string, value:string) { + console.log(typeof value); + if (key === 'error') { + setInformation(value) + } + return value; + } + + const getToken = async () => { + //console.log(_data); + dispatch( + fetchToken({ + login: String(_data.login), + password:String(_data.password) + }), + ); + // token ? + // console.log(token[0].token) + //setToken(token[0].token) : + // : + //setInformation(token); + console.log(status_token); + JSON.stringify(token, replacer) + //console.log(JSON.stringify(token, replacer)); + }; + + React.useEffect(() => { + const params = qs.parse(window.location.search.substring(1)) as unknown as LoginParams; + console.log(params); + }, []); + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220522080202.tsx b/.history/components/admin/pages/login/Entrance_20220522080202.tsx new file mode 100644 index 0000000..d6c0b9c --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220522080202.tsx @@ -0,0 +1,83 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; +import qs from 'qs'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { LoginParams } from '../../../../redux/login/types'; +import { selectTokenData } from '../../../../redux/login/selectors'; +//{setToken, updateData} + +interface IToken { + connected: boolean; + type: string; + } + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const dispatch = useAppDispatch(); + const { token, status_token } = useSelector(selectTokenData); + const [information, setInformation] = useState(); + + function replacer(key:string, value:string) { + console.log(typeof value); + if (key === 'error') { + setInformation(value) + } + return value; + } + + const getToken = async () => { + //console.log(_data); + dispatch( + fetchToken({ + login: String(_data.login), + password:String(_data.password) + }), + ); + // token ? + // console.log(token[0].token) + //setToken(token[0].token) : + // : + //setInformation(token); + console.log(status_token); + JSON.stringify(token, replacer) + //console.log(JSON.stringify(token, replacer)); + }; + + React.useEffect(() => { + const params = qs.parse(window.location.search.substring(1)) as unknown as LoginParams; + console.log(params); + }, []); + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220522080254.tsx b/.history/components/admin/pages/login/Entrance_20220522080254.tsx new file mode 100644 index 0000000..fabc982 --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220522080254.tsx @@ -0,0 +1,83 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; +import qs from 'qs'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { LoginParams } from '../../../../redux/login/types'; +import { selectTokenData } from '../../../../redux/login/selectors'; +//{setToken, updateData} + +interface IToken { + connected: boolean; + type: string; + } + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const dispatch = useAppDispatch(); + const { token, status_token } = useSelector(selectTokenData); + const [information, setInformation] = useState(); + + function replacer(key:string, value:string) { + console.log(typeof value); + if (key === 'error') { + setInformation(value) + } else { setInformation('') } + return value; + } + + const getToken = async () => { + //console.log(_data); + dispatch( + fetchToken({ + login: String(_data.login), + password:String(_data.password) + }), + ); + // token ? + // console.log(token[0].token) + //setToken(token[0].token) : + // : + //setInformation(token); + console.log(status_token); + JSON.stringify(token, replacer) + //console.log(JSON.stringify(token, replacer)); + }; + + React.useEffect(() => { + const params = qs.parse(window.location.search.substring(1)) as unknown as LoginParams; + console.log(params); + }, []); + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220522080327.tsx b/.history/components/admin/pages/login/Entrance_20220522080327.tsx new file mode 100644 index 0000000..7314e94 --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220522080327.tsx @@ -0,0 +1,78 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; +import qs from 'qs'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { LoginParams } from '../../../../redux/login/types'; +import { selectTokenData } from '../../../../redux/login/selectors'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const dispatch = useAppDispatch(); + const { token, status_token } = useSelector(selectTokenData); + const [information, setInformation] = useState(); + + function replacer(key:string, value:string) { + console.log(typeof value); + if (key === 'error') { + setInformation(value) + } else { setInformation('') } + return value; + } + + const getToken = async () => { + //console.log(_data); + dispatch( + fetchToken({ + login: String(_data.login), + password:String(_data.password) + }), + ); + // token ? + // console.log(token[0].token) + //setToken(token[0].token) : + // : + //setInformation(token); + console.log(status_token); + JSON.stringify(token, replacer) + //console.log(JSON.stringify(token, replacer)); + }; + + React.useEffect(() => { + const params = qs.parse(window.location.search.substring(1)) as unknown as LoginParams; + console.log(params); + }, []); + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220522080421.tsx b/.history/components/admin/pages/login/Entrance_20220522080421.tsx new file mode 100644 index 0000000..8488762 --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220522080421.tsx @@ -0,0 +1,76 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; +import qs from 'qs'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { LoginParams } from '../../../../redux/login/types'; +import { selectTokenData } from '../../../../redux/login/selectors'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const dispatch = useAppDispatch(); + const { token, status_token } = useSelector(selectTokenData); + const [information, setInformation] = useState(); + + function replacer(key:string, value:string) { + console.log(typeof value); + if (key === 'error') { + setInformation(value) + } else { setInformation('') } + return value; + } + + const getToken = async () => { + dispatch( + fetchToken({ + login: String(_data.login), + password:String(_data.password) + }), + ); + JSON.stringify(token, replacer); + // token ? + // console.log(token[0].token) + //setToken(token[0].token) : + // : + //setInformation(token); + console.log(status_token); + }; + + React.useEffect(() => { + // const params = qs.parse(window.location.search.substring(1)) as unknown as LoginParams; + // console.log(params); + }, []); + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220522080614.tsx b/.history/components/admin/pages/login/Entrance_20220522080614.tsx new file mode 100644 index 0000000..b03b7c0 --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220522080614.tsx @@ -0,0 +1,76 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; +import qs from 'qs'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { LoginParams } from '../../../../redux/login/types'; +import { selectTokenData } from '../../../../redux/login/selectors'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const dispatch = useAppDispatch(); + const { token, status_token } = useSelector(selectTokenData); + const [information, setInformation] = useState(); + + function replacer(key:string, value:string) { + console.log(typeof value); + if (key === 'error') { + setInformation(value) + } else { setInformation('') } + return value; + } + console.log('123'); + const getToken = async () => { + dispatch( + fetchToken({ + login: String(_data.login), + password:String(_data.password) + }), + ); + JSON.stringify(token, replacer); + // token ? + // console.log(token[0].token) + //setToken(token[0].token) : + // : + //setInformation(token); + console.log(status_token); + }; + + React.useEffect(() => { + // const params = qs.parse(window.location.search.substring(1)) as unknown as LoginParams; + // console.log(params); + }, []); + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220522080648.tsx b/.history/components/admin/pages/login/Entrance_20220522080648.tsx new file mode 100644 index 0000000..307aba8 --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220522080648.tsx @@ -0,0 +1,73 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; +import qs from 'qs'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { LoginParams } from '../../../../redux/login/types'; +import { selectTokenData } from '../../../../redux/login/selectors'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const dispatch = useAppDispatch(); + const { token, status_token } = useSelector(selectTokenData); + const [information, setInformation] = useState(); + + function replacer(key:string, value:string) { + console.log(typeof value); + if (key === 'error') { + setInformation(value) + } else { setInformation('') } + return value; + } + console.log('123'); + const getToken = async () => { + dispatch( + fetchToken({ + login: String(_data.login), + password:String(_data.password) + }), + ); + JSON.stringify(token, replacer); + // token ? + // console.log(token[0].token) + //setToken(token[0].token) : + // : + //setInformation(token); + console.log(status_token); + }; + + + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220522080810.tsx b/.history/components/admin/pages/login/Entrance_20220522080810.tsx new file mode 100644 index 0000000..5084b79 --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220522080810.tsx @@ -0,0 +1,71 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; +import qs from 'qs'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { LoginParams } from '../../../../redux/login/types'; +import { selectTokenData } from '../../../../redux/login/selectors'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'', password:''}); + const dispatch = useAppDispatch(); + const { token, status_token } = useSelector(selectTokenData); + const [information, setInformation] = useState(); + + function replacer(key:string, value:string) { + console.log(typeof value); + if (key === 'error') { + setInformation(value) + } else { setInformation('') } + return value; + } + console.log('123'); + const getToken = async () => { + dispatch( + fetchToken({ + login: String(_data.login), + password:String(_data.password) + }), + ); + JSON.stringify(token, replacer); + // token ? + // console.log(token[0].token) + //setToken(token[0].token) : + // : + //setInformation(token); + console.log(status_token); + }; + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220522080832.tsx b/.history/components/admin/pages/login/Entrance_20220522080832.tsx new file mode 100644 index 0000000..229989e --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220522080832.tsx @@ -0,0 +1,71 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; +import qs from 'qs'; +import { Button, Input, Title, SmallText } from '../../../UI'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { LoginParams } from '../../../../redux/login/types'; +import { selectTokenData } from '../../../../redux/login/selectors'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'', password:''}); + const dispatch = useAppDispatch(); + const { token, status_token } = useSelector(selectTokenData); + const [information, setInformation] = useState(); + + function replacer(key:string, value:string) { + console.log(typeof value); + if (key === 'error') { + setInformation(value) + } else { setInformation('') } + return value; + } + console.log('123'); + const getToken = () => { + dispatch( + fetchToken({ + login: String(_data.login), + password:String(_data.password) + }), + ); + JSON.stringify(token, replacer); + // token ? + // console.log(token[0].token) + //setToken(token[0].token) : + // : + //setInformation(token); + console.log(status_token); + }; + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220522081104.tsx b/.history/components/admin/pages/login/Entrance_20220522081104.tsx new file mode 100644 index 0000000..a1b4ea5 --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220522081104.tsx @@ -0,0 +1,69 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; + +import { Button, Input, Title, SmallText } from '../../../UI'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { selectTokenData } from '../../../../redux/login/selectors'; + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'', password:''}); + const dispatch = useAppDispatch(); + const { token, status_token } = useSelector(selectTokenData); + const [information, setInformation] = useState(); + + function replacer(key:string, value:string) { + console.log(typeof value); + if (key === 'error') { + setInformation(value) + } else { setInformation('') } + return value; + } + + const getToken = () => { + dispatch( + fetchToken({ + login: String(_data.login), + password:String(_data.password) + }), + ); + JSON.stringify(token, replacer); + // token ? + // console.log(token[0].token) + //setToken(token[0].token) : + // : + //setInformation(token); + console.log(status_token); + }; + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220522133012.tsx b/.history/components/admin/pages/login/Entrance_20220522133012.tsx new file mode 100644 index 0000000..c0dd05b --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220522133012.tsx @@ -0,0 +1,69 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; + +import { Button, Input, Title, SmallText } from '../../../UI'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { selectTokenData } from '../../../../redux/login/selectors'; + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'', password:''}); + const dispatch = useAppDispatch(); + const { token, status_token } = useSelector(selectTokenData); + const [information, setInformation] = useState(); + + function replacer(key:string, value:string) { + console.log(typeof value); + if (key !== 'error') { + value = ''; + } + return value; + } + + const getToken = () => { + dispatch( + fetchToken({ + login: String(_data.login), + password:String(_data.password) + }), + ); + setInformation(JSON.stringify(token, replacer)); + // token ? + // console.log(token[0].token) + //setToken(token[0].token) : + // : + //setInformation(token); + console.log(status_token); + }; + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220522133046.tsx b/.history/components/admin/pages/login/Entrance_20220522133046.tsx new file mode 100644 index 0000000..bb18cd8 --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220522133046.tsx @@ -0,0 +1,69 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; + +import { Button, Input, Title, SmallText } from '../../../UI'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { selectTokenData } from '../../../../redux/login/selectors'; + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'', password:''}); + const dispatch = useAppDispatch(); + const { token, status_token } = useSelector(selectTokenData); + const [information, setInformation] = useState(); + + function replacer(key:string, value:string) { + console.log(typeof value); + if (key === 'error') { + value = ''; + } + return value; + } + + const getToken = () => { + dispatch( + fetchToken({ + login: String(_data.login), + password:String(_data.password) + }), + ); + setInformation(JSON.stringify(token, replacer)); + // token ? + // console.log(token[0].token) + //setToken(token[0].token) : + // : + //setInformation(token); + console.log(status_token); + }; + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220522133121.tsx b/.history/components/admin/pages/login/Entrance_20220522133121.tsx new file mode 100644 index 0000000..b565e44 --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220522133121.tsx @@ -0,0 +1,69 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; + +import { Button, Input, Title, SmallText } from '../../../UI'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { selectTokenData } from '../../../../redux/login/selectors'; + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'', password:''}); + const dispatch = useAppDispatch(); + const { token, status_token } = useSelector(selectTokenData); + const [information, setInformation] = useState(); + + function replacer(key:string, value:string) { + console.log(typeof value); + if (key === 'error') { + value = 'd'; + } + return value; + } + + const getToken = () => { + dispatch( + fetchToken({ + login: String(_data.login), + password:String(_data.password) + }), + ); + setInformation(JSON.stringify(token, replacer)); + // token ? + // console.log(token[0].token) + //setToken(token[0].token) : + // : + //setInformation(token); + console.log(status_token); + }; + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220522133131.tsx b/.history/components/admin/pages/login/Entrance_20220522133131.tsx new file mode 100644 index 0000000..512acc6 --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220522133131.tsx @@ -0,0 +1,69 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; + +import { Button, Input, Title, SmallText } from '../../../UI'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { selectTokenData } from '../../../../redux/login/selectors'; + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'', password:''}); + const dispatch = useAppDispatch(); + const { token, status_token } = useSelector(selectTokenData); + const [information, setInformation] = useState(); + + function replacer(key:string, value:string) { + console.log(typeof value); + if (key !== 'error') { + value = 'd'; + } + return value; + } + + const getToken = () => { + dispatch( + fetchToken({ + login: String(_data.login), + password:String(_data.password) + }), + ); + setInformation(JSON.stringify(token, replacer)); + // token ? + // console.log(token[0].token) + //setToken(token[0].token) : + // : + //setInformation(token); + console.log(status_token); + }; + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220522133156.tsx b/.history/components/admin/pages/login/Entrance_20220522133156.tsx new file mode 100644 index 0000000..c10e7a7 --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220522133156.tsx @@ -0,0 +1,69 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; + +import { Button, Input, Title, SmallText } from '../../../UI'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { selectTokenData } from '../../../../redux/login/selectors'; + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'', password:''}); + const dispatch = useAppDispatch(); + const { token, status_token } = useSelector(selectTokenData); + const [information, setInformation] = useState(); + + function replacer(key:string, value:string) { + console.log(typeof value); + if (key !== 'error') { + setInformation(value) + } else { setInformation('') } + return value; + } + + const getToken = () => { + dispatch( + fetchToken({ + login: String(_data.login), + password:String(_data.password) + }), + ); + JSON.stringify(token, replacer); + // token ? + // console.log(token[0].token) + //setToken(token[0].token) : + // : + //setInformation(token); + console.log(status_token); + }; + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220522133235.tsx b/.history/components/admin/pages/login/Entrance_20220522133235.tsx new file mode 100644 index 0000000..a1b4ea5 --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220522133235.tsx @@ -0,0 +1,69 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; + +import { Button, Input, Title, SmallText } from '../../../UI'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { selectTokenData } from '../../../../redux/login/selectors'; + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'', password:''}); + const dispatch = useAppDispatch(); + const { token, status_token } = useSelector(selectTokenData); + const [information, setInformation] = useState(); + + function replacer(key:string, value:string) { + console.log(typeof value); + if (key === 'error') { + setInformation(value) + } else { setInformation('') } + return value; + } + + const getToken = () => { + dispatch( + fetchToken({ + login: String(_data.login), + password:String(_data.password) + }), + ); + JSON.stringify(token, replacer); + // token ? + // console.log(token[0].token) + //setToken(token[0].token) : + // : + //setInformation(token); + console.log(status_token); + }; + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220523185252.tsx b/.history/components/admin/pages/login/Entrance_20220523185252.tsx new file mode 100644 index 0000000..71328ee --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220523185252.tsx @@ -0,0 +1,68 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; + +import { Button, Input, Title, SmallText } from '../../../UI'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { selectTokenData } from '../../../../redux/login/selectors'; + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'', password:''}); + const dispatch = useAppDispatch(); + const { token, status_token } = useSelector(selectTokenData); + const [information, setInformation] = useState(); + + function replacer(key:string, value:string) { + if (key === 'error') { + setInformation(value) + } else { setInformation('') } + return value; + } + + const getToken = () => { + dispatch( + fetchToken({ + login: String(_data.login), + password: String(_data.password) + }), + ); + JSON.stringify(token, replacer); + // token ? + // console.log(token[0].token) + //setToken(token[0].token) : + // : + //setInformation(token); + console.log(status_token); + }; + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220523185335.tsx b/.history/components/admin/pages/login/Entrance_20220523185335.tsx new file mode 100644 index 0000000..bf094d0 --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220523185335.tsx @@ -0,0 +1,69 @@ +import React, { useState } from 'react'; +import type { NextPage } from 'next'; +import { useSelector } from 'react-redux'; + +import { Button, Input, Title, SmallText } from '../../../UI'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { selectTokenData } from '../../../../redux/login/selectors'; + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'', password:''}); + const dispatch = useAppDispatch(); + const { token, status_token } = useSelector(selectTokenData); + const [information, setInformation] = useState(); + + function replacer(key:string, value:string) { + if (key === 'error') { + setInformation(value) + } else { setInformation('') } + return value; + } + + const getToken = () => { + dispatch( + fetchToken({ + login: String(_data.login), + password: String(_data.password) + }), + ); + JSON.stringify(token, replacer); + // token ? + // console.log(token[0].token) + //setToken(token[0].token) : + // : + //setInformation(token); + console.log(status_token); + }; + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220523185350.tsx b/.history/components/admin/pages/login/Entrance_20220523185350.tsx new file mode 100644 index 0000000..0ca7bfc --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220523185350.tsx @@ -0,0 +1,69 @@ +import React, { useState } from 'react'; +import type { NextPage } from 'next'; +import { useSelector } from 'react-redux'; + +import { Button, Input, Title, SmallText } from '../../../UI'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { selectTokenData } from '../../../../redux/login/selectors'; + +export const Entrance: NextPage = () => { + const [_data, setData] = useState({login:'', password:''}); + const dispatch = useAppDispatch(); + const { token, status_token } = useSelector(selectTokenData); + const [information, setInformation] = useState(); + + function replacer(key:string, value:string) { + if (key === 'error') { + setInformation(value) + } else { setInformation('') } + return value; + } + + const getToken = () => { + dispatch( + fetchToken({ + login: String(_data.login), + password: String(_data.password) + }), + ); + JSON.stringify(token, replacer); + // token ? + // console.log(token[0].token) + //setToken(token[0].token) : + // : + //setInformation(token); + console.log(status_token); + }; + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Entrance_20220523185617.tsx b/.history/components/admin/pages/login/Entrance_20220523185617.tsx new file mode 100644 index 0000000..a38b376 --- /dev/null +++ b/.history/components/admin/pages/login/Entrance_20220523185617.tsx @@ -0,0 +1,69 @@ +import React, { useState } from 'react'; +import type { NextPage } from 'next'; +import { useSelector } from 'react-redux'; + +import { Button, Input, Title, SmallText } from '../../../UI'; +import { useAppDispatch } from '../../../../redux/store'; +import { fetchToken } from '../../../../redux/login/asyncActions'; +import { selectTokenData } from '../../../../redux/login/selectors'; + +export const Entrance: NextPage = () => { + const [_data, setData] = useState({login:'', password:''}); + const dispatch = useAppDispatch(); + const { token, status_token } = useSelector(selectTokenData); + const [information, setInformation] = useState(); + + function replacer(key:string, value:string) { + if (key === 'error') { + setInformation(value); + } else { setInformation('') } + return value; + } + + const getToken = () => { + dispatch( + fetchToken({ + login: String(_data.login), + password: String(_data.password) + }), + ); + JSON.stringify(token, replacer); + // token ? + // console.log(token[0].token) + //setToken(token[0].token) : + // : + //setInformation(token); + console.log(status_token); + }; + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? + setToken(data) : + setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + + {information} + + ) +} + + diff --git a/.history/components/admin/pages/login/Index_20220518152004.tsx b/.history/components/admin/pages/login/Index_20220518152004.tsx new file mode 100644 index 0000000..e69de29 diff --git a/.history/components/admin/pages/login/Index_20220518152059.tsx b/.history/components/admin/pages/login/Index_20220518152059.tsx new file mode 100644 index 0000000..3189ac0 --- /dev/null +++ b/.history/components/admin/pages/login/Index_20220518152059.tsx @@ -0,0 +1,42 @@ +import React, { useState } from 'react'; +import PropTypes from 'prop-types'; +import Button from '../../component/Button'; +import Input from '../../component/Input'; +import LinkButton from '../../component/LinkButton'; +import Title from '../../component/Title'; +import postData from '../../function/postData'; +import SmallText from '../../component/SmallText'; + +const Entrance = ({setToken, updateData}) => { + const [_data, setData] = useState({login:'',password:''}); + const [information, setInformation] = useState(''); + + const update_Data = e => { + setData({ ..._data, [e.target.name]: e.target.value}); + } + + const handleEntrance = () => { + console.log(_data); + postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? setToken(data) : setInformation(data.error); + }); + } + return( + <> + Вход в систему + + + + {information} + updateData({status:1})}>Забыл/Сбросить пароль + + ) +} + +Entrance.propTypes = { + setToken: PropTypes.func.isRequired + } + +export default Entrance; \ No newline at end of file diff --git a/.history/components/admin/pages/login/Index_20220518154842.tsx b/.history/components/admin/pages/login/Index_20220518154842.tsx new file mode 100644 index 0000000..94b60ce --- /dev/null +++ b/.history/components/admin/pages/login/Index_20220518154842.tsx @@ -0,0 +1,44 @@ +import React, { useState } from 'react'; +import PropTypes from 'prop-types'; +import { Button, Input, Title } from '../../../UI'; + + +import LinkButton from '../../component/LinkButton'; +import SmallText from '../../component/SmallText'; + +import postData from '../../function/postData'; + + +const Entrance = ({setToken, updateData}) => { + const [_data, setData] = useState({login:'',password:''}); + const [information, setInformation] = useState(''); + + const update_Data = e => { + setData({ ..._data, [e.target.name]: e.target.value}); + } + + const handleEntrance = () => { + console.log(_data); + postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? setToken(data) : setInformation(data.error); + }); + } + return( + <> + Вход в систему + + + + {information} + updateData({status:1})}>Забыл/Сбросить пароль + + ) +} + +Entrance.propTypes = { + setToken: PropTypes.func.isRequired + } + +export default Entrance; \ No newline at end of file diff --git a/.history/components/admin/pages/login/Index_20220518155142.tsx b/.history/components/admin/pages/login/Index_20220518155142.tsx new file mode 100644 index 0000000..a22fcda --- /dev/null +++ b/.history/components/admin/pages/login/Index_20220518155142.tsx @@ -0,0 +1,42 @@ +import React, { useState } from 'react'; +import PropTypes from 'prop-types'; +import { Button, Input, LinkButton, Title } from '../../../UI'; + +import SmallText from '../../component/SmallText'; + +import postData from '../../function/postData'; + + +const Entrance = ({setToken, updateData}) => { + const [_data, setData] = useState({login:'',password:''}); + const [information, setInformation] = useState(''); + + const update_Data = e => { + setData({ ..._data, [e.target.name]: e.target.value}); + } + + const handleEntrance = () => { + console.log(_data); + postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? setToken(data) : setInformation(data.error); + }); + } + return( + <> + Вход в систему + + + + {information} + updateData({status:1})}>Забыл/Сбросить пароль + + ) +} + +Entrance.propTypes = { + setToken: PropTypes.func.isRequired + } + +export default Entrance; \ No newline at end of file diff --git a/.history/components/admin/pages/login/Index_20220518155348.tsx b/.history/components/admin/pages/login/Index_20220518155348.tsx new file mode 100644 index 0000000..a5eb4f3 --- /dev/null +++ b/.history/components/admin/pages/login/Index_20220518155348.tsx @@ -0,0 +1,39 @@ +import React, { useState } from 'react'; +import PropTypes from 'prop-types'; +import { Button, Input, LinkButton, Title, SmallText } from '../../../UI'; + + + +const Entrance = ({setToken, updateData}) => { + const [_data, setData] = useState({login:'',password:''}); + const [information, setInformation] = useState(''); + + const update_Data = e => { + setData({ ..._data, [e.target.name]: e.target.value}); + } + + const handleEntrance = () => { + console.log(_data); + postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? setToken(data) : setInformation(data.error); + }); + } + return( + <> + Вход в систему + + + + {information} + updateData({status:1})}>Забыл/Сбросить пароль + + ) +} + +Entrance.propTypes = { + setToken: PropTypes.func.isRequired + } + +export default Entrance; \ No newline at end of file diff --git a/.history/components/admin/pages/login/Index_20220518155852.tsx b/.history/components/admin/pages/login/Index_20220518155852.tsx new file mode 100644 index 0000000..a5eb4f3 --- /dev/null +++ b/.history/components/admin/pages/login/Index_20220518155852.tsx @@ -0,0 +1,39 @@ +import React, { useState } from 'react'; +import PropTypes from 'prop-types'; +import { Button, Input, LinkButton, Title, SmallText } from '../../../UI'; + + + +const Entrance = ({setToken, updateData}) => { + const [_data, setData] = useState({login:'',password:''}); + const [information, setInformation] = useState(''); + + const update_Data = e => { + setData({ ..._data, [e.target.name]: e.target.value}); + } + + const handleEntrance = () => { + console.log(_data); + postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? setToken(data) : setInformation(data.error); + }); + } + return( + <> + Вход в систему + + + + {information} + updateData({status:1})}>Забыл/Сбросить пароль + + ) +} + +Entrance.propTypes = { + setToken: PropTypes.func.isRequired + } + +export default Entrance; \ No newline at end of file diff --git a/.history/components/admin/pages/login/Index_20220518155917.tsx b/.history/components/admin/pages/login/Index_20220518155917.tsx new file mode 100644 index 0000000..eb8cf5a --- /dev/null +++ b/.history/components/admin/pages/login/Index_20220518155917.tsx @@ -0,0 +1,39 @@ +import React, { useState } from 'react'; +import PropTypes from 'prop-types'; +import { Button, Input, LinkButton, Title, SmallText } from '../../../UI'; + + + +const Entrance = ({setToken, updateData}) => { + const [_data, setData] = useState({login:'',password:''}); + const [information, setInformation] = useState(''); + + const update_Data = e => { + setData({ ..._data, [e.target.name]: e.target.value}); + } + + const handleEntrance = () => { + console.log(_data); + postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? setToken(data) : setInformation(data.error); + }); + } + return( + <> + Вход в систему + + + + {information} + updateData({status:1})}>Забыл/Сбросить пароль + + ) +} + +Entrance.propTypes = { + setToken: PropTypes.func.isRequired + } + +export default Entrance; \ No newline at end of file diff --git a/.history/components/admin/pages/login/Index_20220518160750.tsx b/.history/components/admin/pages/login/Index_20220518160750.tsx new file mode 100644 index 0000000..680c8d1 --- /dev/null +++ b/.history/components/admin/pages/login/Index_20220518160750.tsx @@ -0,0 +1,39 @@ +import React, { useState } from 'react'; +import PropTypes from 'prop-types'; +import { Button, Input, LinkButton, Title, SmallText } from '../../../UI'; + + + +const Entrance = ({setToken, updateData}) => { + const [_data, setData] = useState({login:'',password:''}); + const [information, setInformation] = useState(''); + + const update_Data = (e) => { + setData({ ..._data, [e.target.name]: e.target.value}); + } + + const handleEntrance = () => { + console.log(_data); + postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? setToken(data) : setInformation(data.error); + }); + } + return( + <> + Вход в систему + + + + {information} + updateData({status:1})}>Забыл/Сбросить пароль + + ) +} + +Entrance.propTypes = { + setToken: PropTypes.func.isRequired + } + +export default Entrance; \ No newline at end of file diff --git a/.history/components/admin/pages/login/Index_20220518161105.tsx b/.history/components/admin/pages/login/Index_20220518161105.tsx new file mode 100644 index 0000000..a1929ee --- /dev/null +++ b/.history/components/admin/pages/login/Index_20220518161105.tsx @@ -0,0 +1,39 @@ +import React, { useState } from 'react'; +import PropTypes from 'prop-types'; +import { Button, Input, LinkButton, Title, SmallText } from '../../../UI'; + + + +const Entrance = ({setToken, updateData}) => { + const [_data, setData] = useState({login:'',password:''}); + const [information, setInformation] = useState(''); + + const update_Data = (e) => { + setData({ ..._data, [e.target.name]: e.target.value}); + } + + const handleEntrance = () => { + console.log(_data); + postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? setToken(data) : setInformation(data.error); + }); + } + return( + <> + Вход в систему + + + + {information} + updateData({status:1})}>Забыл/Сбросить пароль + + ) +} + +Entrance.propTypes = { + setToken: PropTypes.func.isRequired + } + +export default Entrance; \ No newline at end of file diff --git a/.history/components/admin/pages/login/Index_20220518161239.tsx b/.history/components/admin/pages/login/Index_20220518161239.tsx new file mode 100644 index 0000000..feee55f --- /dev/null +++ b/.history/components/admin/pages/login/Index_20220518161239.tsx @@ -0,0 +1,39 @@ +import React, { useState } from 'react'; +import PropTypes from 'prop-types'; +import { Button, Input, LinkButton, Title, SmallText } from '../../../UI'; + + + +const Entrance = ({setToken, updateData}) => { + const [_data, setData] = useState({login:'',password:''}); + const [information, setInformation] = useState(''); + + const update_Data = (e) => { + setData({ ..._data, [e.target.name]: e.target.value}); + } + + const handleEntrance = () => { + console.log(_data); + postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? setToken(data) : setInformation(data.error); + }); + } + return( + <> + Вход в систему + update_Data(e)} value={_data.login}/> + + + {information} + updateData({status:1})}>Забыл/Сбросить пароль + + ) +} + +Entrance.propTypes = { + setToken: PropTypes.func.isRequired + } + +export default Entrance; \ No newline at end of file diff --git a/.history/components/admin/pages/login/Index_20220518161330.tsx b/.history/components/admin/pages/login/Index_20220518161330.tsx new file mode 100644 index 0000000..8b606ab --- /dev/null +++ b/.history/components/admin/pages/login/Index_20220518161330.tsx @@ -0,0 +1,39 @@ +import React, { useState } from 'react'; +import PropTypes from 'prop-types'; +import { Button, Input, LinkButton, Title, SmallText } from '../../../UI'; + + + +const Entrance = ({setToken, updateData}) => { + const [_data, setData] = useState({login:'',password:''}); + const [information, setInformation] = useState(''); + + const Button: update_Data.FC = ({e}) => { + setData({ ..._data, [e.target.name]: e.target.value}); + } + + const handleEntrance = () => { + console.log(_data); + postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? setToken(data) : setInformation(data.error); + }); + } + return( + <> + Вход в систему + update_Data(e)} value={_data.login}/> + + + {information} + updateData({status:1})}>Забыл/Сбросить пароль + + ) +} + +Entrance.propTypes = { + setToken: PropTypes.func.isRequired + } + +export default Entrance; \ No newline at end of file diff --git a/.history/components/admin/pages/login/Index_20220518161409.tsx b/.history/components/admin/pages/login/Index_20220518161409.tsx new file mode 100644 index 0000000..239bbaa --- /dev/null +++ b/.history/components/admin/pages/login/Index_20220518161409.tsx @@ -0,0 +1,41 @@ +import React, { useState } from 'react'; +import PropTypes from 'prop-types'; +import { Button, Input, LinkButton, Title, SmallText } from '../../../UI'; + + + +const Entrance = ({setToken, updateData}) => { + const [_data, setData] = useState({login:'',password:''}); + const [information, setInformation] = useState(''); + + + + const update_Data: React.FC = ({e}) => { + setData({ ..._data, [e.target.name]: e.target.value}); + } + + const handleEntrance = () => { + console.log(_data); + postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? setToken(data) : setInformation(data.error); + }); + } + return( + <> + Вход в систему + update_Data(e)} value={_data.login}/> + + + {information} + updateData({status:1})}>Забыл/Сбросить пароль + + ) +} + +Entrance.propTypes = { + setToken: PropTypes.func.isRequired + } + +export default Entrance; \ No newline at end of file diff --git a/.history/components/admin/pages/login/Index_20220518161525.tsx b/.history/components/admin/pages/login/Index_20220518161525.tsx new file mode 100644 index 0000000..836b215 --- /dev/null +++ b/.history/components/admin/pages/login/Index_20220518161525.tsx @@ -0,0 +1,45 @@ +import React, { useState } from 'react'; +import PropTypes from 'prop-types'; +import { Button, Input, LinkButton, Title, SmallText } from '../../../UI'; + + + +const Entrance = ({setToken, updateData}) => { + const [_data, setData] = useState({login:'',password:''}); + const [information, setInformation] = useState(''); + + interface Props_data { + name: string; + value: string; + onClick: () => void; + } + + const update_Data: React.FC = ({name, value}) => { + setData({ ..._data, [e.target.name]: e.target.value}); + } + + const handleEntrance = () => { + console.log(_data); + postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? setToken(data) : setInformation(data.error); + }); + } + return( + <> + Вход в систему + + + + {information} + updateData({status:1})}>Забыл/Сбросить пароль + + ) +} + +Entrance.propTypes = { + setToken: PropTypes.func.isRequired + } + +export default Entrance; \ No newline at end of file diff --git a/.history/components/admin/pages/login/Index_20220518162727.tsx b/.history/components/admin/pages/login/Index_20220518162727.tsx new file mode 100644 index 0000000..9369435 --- /dev/null +++ b/.history/components/admin/pages/login/Index_20220518162727.tsx @@ -0,0 +1,45 @@ +import React, { useState } from 'react'; +import PropTypes from 'prop-types'; +import { Button, Input, LinkButton, Title, SmallText } from '../../../UI'; + + + +const Entrance = ({setToken, updateData}) => { + const [_data, setData] = useState({login:'',password:''}); + const [information, setInformation] = useState(''); + + interface Props_data { + name: string; + value: string; + onClick: () => void; + } + + const update_Data: React.FC = ({name, value}) => { + setData({ ..._data, [e.target.name]: e.target.value}); + } + + const handleEntrance = () => { + console.log(_data); + postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? setToken(data) : setInformation(data.error); + }); + } + return( + <> + Вход в систему + + + + {information} + updateData({status:1})}>Забыл/Сбросить пароль + + ) +} + +Entrance.propTypes = { + setToken: PropTypes.func.isRequired + } + +export default Entrance; \ No newline at end of file diff --git a/.history/components/admin/pages/login/Index_20220518162833.tsx b/.history/components/admin/pages/login/Index_20220518162833.tsx new file mode 100644 index 0000000..54c30f9 --- /dev/null +++ b/.history/components/admin/pages/login/Index_20220518162833.tsx @@ -0,0 +1,45 @@ +import React, { useState } from 'react'; +import PropTypes from 'prop-types'; +import { Button, Input, LinkButton, Title, SmallText } from '../../../UI'; + + + +const Entrance = ({setToken, updateData}) => { + const [_data, setData] = useState({login:'',password:''}); + const [information, setInformation] = useState(''); + + interface Props_data { + name: string; + value: string; + onClick: () => void; + } + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? setToken(data) : setInformation(data.error); + }); + } + return( + <> + Вход в систему + + + + {information} + updateData({status:1})}>Забыл/Сбросить пароль + + ) +} + +Entrance.propTypes = { + setToken: PropTypes.func.isRequired + } + +export default Entrance; \ No newline at end of file diff --git a/.history/components/admin/pages/login/Index_20220518163018.tsx b/.history/components/admin/pages/login/Index_20220518163018.tsx new file mode 100644 index 0000000..b1808da --- /dev/null +++ b/.history/components/admin/pages/login/Index_20220518163018.tsx @@ -0,0 +1,44 @@ +import React, { useState } from 'react'; +import PropTypes from 'prop-types'; +import { Button, Input, LinkButton, Title, SmallText } from '../../../UI'; +//{setToken, updateData} + +const Entrance = () => { + const [_data, setData] = useState({login:'',password:''}); + const [information, setInformation] = useState(''); + + interface Props_data { + name: string; + value: string; + onClick: () => void; + } + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? setToken(data) : setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + {information} + updateData({status:1})}>Забыл/Сбросить пароль + + ) +} + +Entrance.propTypes = { + setToken: PropTypes.func.isRequired + } + +export default Entrance; \ No newline at end of file diff --git a/.history/components/admin/pages/login/Index_20220518163242.tsx b/.history/components/admin/pages/login/Index_20220518163242.tsx new file mode 100644 index 0000000..23760c9 --- /dev/null +++ b/.history/components/admin/pages/login/Index_20220518163242.tsx @@ -0,0 +1,48 @@ +import React, { useState } from 'react'; +import PropTypes from 'prop-types'; +import { Button, Input, LinkButton, Title, SmallText } from '../../../UI'; +//{setToken, updateData} + +const Entrance = () => { + const [_data, setData] = useState({login:'',password:''}); + const [information, setInformation] = useState(''); + + interface Props_data { + name: string; + value: string; + onClick: () => void; + } + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? setToken(data) : setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + {information} + reset}>Забыл/Сбросить пароль + + ) +} + +Entrance.propTypes = { + setToken: PropTypes.func.isRequired + } + +export default Entrance; \ No newline at end of file diff --git a/.history/components/admin/pages/login/Index_20220518163510.tsx b/.history/components/admin/pages/login/Index_20220518163510.tsx new file mode 100644 index 0000000..7133385 --- /dev/null +++ b/.history/components/admin/pages/login/Index_20220518163510.tsx @@ -0,0 +1,48 @@ +import React, { useState } from 'react'; +import PropTypes from 'prop-types'; +import { Button, Input, LinkButton, Title, SmallText } from '../../../UI'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const [information, setInformation] = useState(''); + + interface Props_data { + name: string; + value: string; + onClick: () => void; + } + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? setToken(data) : setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + {information} + reset}>Забыл/Сбросить пароль + + ) +} + +Entrance.propTypes = { + setToken: PropTypes.func.isRequired + } + +export default Entrance; \ No newline at end of file diff --git a/.history/components/admin/pages/login/Index_20220518163527.tsx b/.history/components/admin/pages/login/Index_20220518163527.tsx new file mode 100644 index 0000000..30e2d28 --- /dev/null +++ b/.history/components/admin/pages/login/Index_20220518163527.tsx @@ -0,0 +1,46 @@ +import React, { useState } from 'react'; +import PropTypes from 'prop-types'; +import { Button, Input, LinkButton, Title, SmallText } from '../../../UI'; +//{setToken, updateData} + +export const Entrance: React.FC = () => { + const [_data, setData] = useState({login:'',password:''}); + const [information, setInformation] = useState(''); + + interface Props_data { + name: string; + value: string; + onClick: () => void; + } + + const onChange = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const reset = (name: string, value:string) => { + setData({ ..._data, [name]: value}); + }; + + const handleEntrance = () => { + console.log(_data); + /*postData('/api/login', { _data }) + .then((data) => { + console.log(data); + data.token ? setToken(data) : setInformation(data.error); + }); */ + } + return( + <> + Вход в систему + + + + {information} + reset}>Забыл/Сбросить пароль + + ) +} + +Entrance.propTypes = { + setToken: PropTypes.func.isRequired + } diff --git a/.history/components/admin/pages/login/Index_20220520130519.tsx b/.history/components/admin/pages/login/Index_20220520130519.tsx new file mode 100644 index 0000000..e69de29 diff --git a/.history/components/admin/pages/login/Index_20220520130556.tsx b/.history/components/admin/pages/login/Index_20220520130556.tsx new file mode 100644 index 0000000..bd5ffc1 --- /dev/null +++ b/.history/components/admin/pages/login/Index_20220520130556.tsx @@ -0,0 +1,26 @@ +import React, { useState } from 'react' + + + +const Login = () => { + const [_data, setData] = useState({'status': 0, email:'', code:''}); + const updateData = e => { + setData({ ..._data, 'status':e.status, 'email':e.email, 'code':e.code}); + } + return( +
+
+ { + { + 0: updateData(e)} setToken={setToken}/>, + 1: updateData(e)}/>, + 2: updateData(e)} data={_data}/>, + 3: + }[_data.status] + } +
+
+ ) +} + +export default Login; diff --git a/.history/components/admin/pages/login/Index_20220520130622.tsx b/.history/components/admin/pages/login/Index_20220520130622.tsx new file mode 100644 index 0000000..bb618b4 --- /dev/null +++ b/.history/components/admin/pages/login/Index_20220520130622.tsx @@ -0,0 +1,25 @@ +import React, { useState } from 'react' + + +export const Login: React.FC = () => { + const [_data, setData] = useState({'status': 0, email:'', code:''}); + const updateData = e => { + setData({ ..._data, 'status':e.status, 'email':e.email, 'code':e.code}); + } + return( +
+
+ { + { + 0: updateData(e)} setToken={setToken}/>, + 1: updateData(e)}/>, + 2: updateData(e)} data={_data}/>, + 3: + }[_data.status] + } +
+
+ ) +} + +export default Login; diff --git a/.history/components/admin/pages/login/Index_20220520130709.tsx b/.history/components/admin/pages/login/Index_20220520130709.tsx new file mode 100644 index 0000000..d010f07 --- /dev/null +++ b/.history/components/admin/pages/login/Index_20220520130709.tsx @@ -0,0 +1,25 @@ +import React, { useState } from 'react' +import Entrance from './EnteringMail'; + +export const Login: React.FC = () => { + const [_data, setData] = useState({'status': 0, email:'', code:''}); + const updateData = () => { + //setData({ ..._data, 'status':e.status, 'email':e.email, 'code':e.code}); + } + return( +
+
+ { + { + 0: updateData(e)} setToken={setToken}/>, + // 1: updateData(e)}/>, + // 2: updateData(e)} data={_data}/>, + // 3: + }[_data.status] + } +
+
+ ) +} + +export default Login; diff --git a/.history/components/admin/pages/login/Index_20220520130726.tsx b/.history/components/admin/pages/login/Index_20220520130726.tsx new file mode 100644 index 0000000..cad1924 --- /dev/null +++ b/.history/components/admin/pages/login/Index_20220520130726.tsx @@ -0,0 +1,25 @@ +import React, { useState } from 'react' +import Entrance from './EnteringMail'; + +export const Login: React.FC = () => { + const [_data, setData] = useState({'status': 0, email:'', code:''}); + const updateData = () => { + //setData({ ..._data, 'status':e.status, 'email':e.email, 'code':e.code}); + } + return( +
+
+ { + { // updateData={(e) => updateData(e)} setToken={setToken} + 0: , + // 1: updateData(e)}/>, + // 2: updateData(e)} data={_data}/>, + // 3: + }[_data.status] + } +
+
+ ) +} + +export default Login; diff --git a/.history/components/admin/pages/login/Index_20220520130848.tsx b/.history/components/admin/pages/login/Index_20220520130848.tsx new file mode 100644 index 0000000..048aaa6 --- /dev/null +++ b/.history/components/admin/pages/login/Index_20220520130848.tsx @@ -0,0 +1,25 @@ +import React, { useState } from 'react' +import Entrance from './Entrance'; + +export const Login: React.FC = () => { + const [_data, setData] = useState({'status': 0, email:'', code:''}); + const updateData = () => { + //setData({ ..._data, 'status':e.status, 'email':e.email, 'code':e.code}); + } + return( +
+
+ { + { // updateData={(e) => updateData(e)} setToken={setToken} + 0: , + // 1: updateData(e)}/>, + // 2: updateData(e)} data={_data}/>, + // 3: + }[_data.status] + } +
+
+ ) +} + +export default Login; diff --git a/.history/components/admin/pages/login/Index_20220520130904.tsx b/.history/components/admin/pages/login/Index_20220520130904.tsx new file mode 100644 index 0000000..4977be0 --- /dev/null +++ b/.history/components/admin/pages/login/Index_20220520130904.tsx @@ -0,0 +1,25 @@ +import React, { useState } from 'react' +import { Entrance } from './Entrance'; + +export const Login: React.FC = () => { + const [_data, setData] = useState({'status': 0, email:'', code:''}); + const updateData = () => { + //setData({ ..._data, 'status':e.status, 'email':e.email, 'code':e.code}); + } + return( +
+
+ { + { // updateData={(e) => updateData(e)} setToken={setToken} + 0: , + // 1: updateData(e)}/>, + // 2: updateData(e)} data={_data}/>, + // 3: + }[_data.status] + } +
+
+ ) +} + +export default Login; diff --git a/.history/components/admin/pages/login/Index_20220520131056.tsx b/.history/components/admin/pages/login/Index_20220520131056.tsx new file mode 100644 index 0000000..4977be0 --- /dev/null +++ b/.history/components/admin/pages/login/Index_20220520131056.tsx @@ -0,0 +1,25 @@ +import React, { useState } from 'react' +import { Entrance } from './Entrance'; + +export const Login: React.FC = () => { + const [_data, setData] = useState({'status': 0, email:'', code:''}); + const updateData = () => { + //setData({ ..._data, 'status':e.status, 'email':e.email, 'code':e.code}); + } + return( +
+
+ { + { // updateData={(e) => updateData(e)} setToken={setToken} + 0: , + // 1: updateData(e)}/>, + // 2: updateData(e)} data={_data}/>, + // 3: + }[_data.status] + } +
+
+ ) +} + +export default Login; diff --git a/.history/components/admin/pages/login/Index_20220520131131.tsx b/.history/components/admin/pages/login/Index_20220520131131.tsx new file mode 100644 index 0000000..cb10175 --- /dev/null +++ b/.history/components/admin/pages/login/Index_20220520131131.tsx @@ -0,0 +1,26 @@ +import React, { useState } from 'react' +import { Entrance } from './Entrance'; + +export const Login: React.FC = () => { + // const [_data, setData] = useState({'status': 0, email:'', code:''}); + const updateData = () => { + //setData({ ..._data, 'status':e.status, 'email':e.email, 'code':e.code}); + } + return( +
+
+ + { + // { // updateData={(e) => updateData(e)} setToken={setToken} + // 0: , + // 1: updateData(e)}/>, + // 2: updateData(e)} data={_data}/>, + // 3: + // }[_data.status] + } +
+
+ ) +} + +export default Login; diff --git a/.history/components/admin/pages/login/Index_20220520131142.tsx b/.history/components/admin/pages/login/Index_20220520131142.tsx new file mode 100644 index 0000000..81eabad --- /dev/null +++ b/.history/components/admin/pages/login/Index_20220520131142.tsx @@ -0,0 +1,26 @@ +import React, { useState } from 'react' +import { Entrance } from './Entrance'; + +export const Login: React.FC = () => { + // const [_data, setData] = useState({'status': 0, email:'', code:''}); + const updateData = () => { + //setData({ ..._data, 'status':e.status, 'email':e.email, 'code':e.code}); + } + return( +
+
+ + { + // { // updateData={(e) => updateData(e)} setToken={setToken} + // 0: , + // 1: updateData(e)}/>, + // 2: updateData(e)} data={_data}/>, + // 3: + // }[_data.status] + } +
+
+ ) +} + +export default Login; diff --git a/.history/components/admin/pages/login/Index_20220520131153.tsx b/.history/components/admin/pages/login/Index_20220520131153.tsx new file mode 100644 index 0000000..6c1dfa1 --- /dev/null +++ b/.history/components/admin/pages/login/Index_20220520131153.tsx @@ -0,0 +1,26 @@ +import React, { useState } from 'react' + + +export const Login: React.FC = () => { + // const [_data, setData] = useState({'status': 0, email:'', code:''}); + const updateData = () => { + //setData({ ..._data, 'status':e.status, 'email':e.email, 'code':e.code}); + } + return( +
+
+ + { + // { // updateData={(e) => updateData(e)} setToken={setToken} + // 0: , + // 1: updateData(e)}/>, + // 2: updateData(e)} data={_data}/>, + // 3: + // }[_data.status] + } +
+
+ ) +} + +export default Login; diff --git a/.history/components/admin/pages/login/Index_20220520131157.tsx b/.history/components/admin/pages/login/Index_20220520131157.tsx new file mode 100644 index 0000000..db89862 --- /dev/null +++ b/.history/components/admin/pages/login/Index_20220520131157.tsx @@ -0,0 +1,26 @@ +import React, { useState } from 'react' + + +export const Login: React.FC = () => { + // const [_data, setData] = useState({'status': 0, email:'', code:''}); + const updateData = () => { + //setData({ ..._data, 'status':e.status, 'email':e.email, 'code':e.code}); + } + return( +
+
+ + { + // { // updateData={(e) => updateData(e)} setToken={setToken} + // 0: , + // 1: updateData(e)}/>, + // 2: updateData(e)} data={_data}/>, + // 3: + // }[_data.status] + } +
+
+ ) +} + +export default Login; diff --git a/.history/components/admin/pages/login/Index_20220520131241.tsx b/.history/components/admin/pages/login/Index_20220520131241.tsx new file mode 100644 index 0000000..cb10175 --- /dev/null +++ b/.history/components/admin/pages/login/Index_20220520131241.tsx @@ -0,0 +1,26 @@ +import React, { useState } from 'react' +import { Entrance } from './Entrance'; + +export const Login: React.FC = () => { + // const [_data, setData] = useState({'status': 0, email:'', code:''}); + const updateData = () => { + //setData({ ..._data, 'status':e.status, 'email':e.email, 'code':e.code}); + } + return( +
+
+ + { + // { // updateData={(e) => updateData(e)} setToken={setToken} + // 0: , + // 1: updateData(e)}/>, + // 2: updateData(e)} data={_data}/>, + // 3: + // }[_data.status] + } +
+
+ ) +} + +export default Login; diff --git a/.history/components/admin/pages/login/Index_20220520131342.ts b/.history/components/admin/pages/login/Index_20220520131342.ts new file mode 100644 index 0000000..e69de29 diff --git a/.history/components/admin/pages/login/Index_20220520131353.ts b/.history/components/admin/pages/login/Index_20220520131353.ts new file mode 100644 index 0000000..31f2618 --- /dev/null +++ b/.history/components/admin/pages/login/Index_20220520131353.ts @@ -0,0 +1 @@ +export * from './Login' \ No newline at end of file diff --git a/.history/components/admin/pages/login/Index_20220520131422.ts b/.history/components/admin/pages/login/Index_20220520131422.ts new file mode 100644 index 0000000..8518799 --- /dev/null +++ b/.history/components/admin/pages/login/Index_20220520131422.ts @@ -0,0 +1 @@ +export * from './Entrance' \ No newline at end of file diff --git a/.history/components/admin/pages/login/Login_20220520131240.tsx b/.history/components/admin/pages/login/Login_20220520131240.tsx new file mode 100644 index 0000000..cb10175 --- /dev/null +++ b/.history/components/admin/pages/login/Login_20220520131240.tsx @@ -0,0 +1,26 @@ +import React, { useState } from 'react' +import { Entrance } from './Entrance'; + +export const Login: React.FC = () => { + // const [_data, setData] = useState({'status': 0, email:'', code:''}); + const updateData = () => { + //setData({ ..._data, 'status':e.status, 'email':e.email, 'code':e.code}); + } + return( +
+
+ + { + // { // updateData={(e) => updateData(e)} setToken={setToken} + // 0: , + // 1: updateData(e)}/>, + // 2: updateData(e)} data={_data}/>, + // 3: + // }[_data.status] + } +
+
+ ) +} + +export default Login; diff --git a/.history/components/admin/pages/login/Login_20220520131246.tsx b/.history/components/admin/pages/login/Login_20220520131246.tsx new file mode 100644 index 0000000..cb10175 --- /dev/null +++ b/.history/components/admin/pages/login/Login_20220520131246.tsx @@ -0,0 +1,26 @@ +import React, { useState } from 'react' +import { Entrance } from './Entrance'; + +export const Login: React.FC = () => { + // const [_data, setData] = useState({'status': 0, email:'', code:''}); + const updateData = () => { + //setData({ ..._data, 'status':e.status, 'email':e.email, 'code':e.code}); + } + return( +
+
+ + { + // { // updateData={(e) => updateData(e)} setToken={setToken} + // 0: , + // 1: updateData(e)}/>, + // 2: updateData(e)} data={_data}/>, + // 3: + // }[_data.status] + } +
+
+ ) +} + +export default Login; diff --git a/.history/components/admin/pages/login/Login_20220520131321.tsx b/.history/components/admin/pages/login/Login_20220520131321.tsx new file mode 100644 index 0000000..4977be0 --- /dev/null +++ b/.history/components/admin/pages/login/Login_20220520131321.tsx @@ -0,0 +1,25 @@ +import React, { useState } from 'react' +import { Entrance } from './Entrance'; + +export const Login: React.FC = () => { + const [_data, setData] = useState({'status': 0, email:'', code:''}); + const updateData = () => { + //setData({ ..._data, 'status':e.status, 'email':e.email, 'code':e.code}); + } + return( +
+
+ { + { // updateData={(e) => updateData(e)} setToken={setToken} + 0: , + // 1: updateData(e)}/>, + // 2: updateData(e)} data={_data}/>, + // 3: + }[_data.status] + } +
+
+ ) +} + +export default Login; diff --git a/.history/components/admin/pages/login/Login_20220520131413.tsx b/.history/components/admin/pages/login/Login_20220520131413.tsx new file mode 100644 index 0000000..c526f4d --- /dev/null +++ b/.history/components/admin/pages/login/Login_20220520131413.tsx @@ -0,0 +1,25 @@ +import React, { useState } from 'react' +import { Entrance } from './Index'; + +export const Login: React.FC = () => { + const [_data, setData] = useState({'status': 0, email:'', code:''}); + const updateData = () => { + //setData({ ..._data, 'status':e.status, 'email':e.email, 'code':e.code}); + } + return( +
+
+ { + { // updateData={(e) => updateData(e)} setToken={setToken} + 0: , + // 1: updateData(e)}/>, + // 2: updateData(e)} data={_data}/>, + // 3: + }[_data.status] + } +
+
+ ) +} + +export default Login; diff --git a/.history/components/admin/pages/login/Login_20220520131426.tsx b/.history/components/admin/pages/login/Login_20220520131426.tsx new file mode 100644 index 0000000..c526f4d --- /dev/null +++ b/.history/components/admin/pages/login/Login_20220520131426.tsx @@ -0,0 +1,25 @@ +import React, { useState } from 'react' +import { Entrance } from './Index'; + +export const Login: React.FC = () => { + const [_data, setData] = useState({'status': 0, email:'', code:''}); + const updateData = () => { + //setData({ ..._data, 'status':e.status, 'email':e.email, 'code':e.code}); + } + return( +
+
+ { + { // updateData={(e) => updateData(e)} setToken={setToken} + 0: , + // 1: updateData(e)}/>, + // 2: updateData(e)} data={_data}/>, + // 3: + }[_data.status] + } +
+
+ ) +} + +export default Login; diff --git a/.history/components/admin/pages/login/Login_20220520132228.tsx b/.history/components/admin/pages/login/Login_20220520132228.tsx new file mode 100644 index 0000000..8c70082 --- /dev/null +++ b/.history/components/admin/pages/login/Login_20220520132228.tsx @@ -0,0 +1,25 @@ +import React, { useState } from 'react' +import { Entrance } from './Index'; + +export const Login: React.FC = () => { + const [_data, setData] = useState({'status': 0, email:'', code:''}); + const updateData = () => { + //setData({ ..._data, 'status':e.status, 'email':e.email, 'code':e.code}); + } + return( +
+
+ { + { // updateData={(e) => updateData(e)} setToken={setToken} + 0: , + // 1: updateData(e)}/>, + // 2: updateData(e)} data={_data}/>, + // 3: + }[_data.status] + } +
+
+ ) +} + +export default Login; diff --git a/.history/components/admin/pages/login/Login_20220522081224.tsx b/.history/components/admin/pages/login/Login_20220522081224.tsx new file mode 100644 index 0000000..73c63a2 --- /dev/null +++ b/.history/components/admin/pages/login/Login_20220522081224.tsx @@ -0,0 +1,26 @@ +import React, { useState } from 'react' +import { Entrance } from './Index'; +import { selectTokenData } from '../../../../redux/login/selectors'; +export const Login: React.FC = () => { + const [_data, setData] = useState({'status': 0, email:'', code:''}); + const updateData = () => { + //setData({ ..._data, 'status':e.status, 'email':e.email, 'code':e.code}); + } + + return( +
+
+ { + { // updateData={(e) => updateData(e)} setToken={setToken} + 0: , + // 1: updateData(e)}/>, + // 2: updateData(e)} data={_data}/>, + // 3: + }[_data.status] + } +
+
+ ) +} + +export default Login; diff --git a/.history/components/admin/pages/login/Login_20220522081235.tsx b/.history/components/admin/pages/login/Login_20220522081235.tsx new file mode 100644 index 0000000..77d8730 --- /dev/null +++ b/.history/components/admin/pages/login/Login_20220522081235.tsx @@ -0,0 +1,26 @@ +import React, { useState } from 'react' +import { Entrance } from './Index'; +import { selectTokenData } from '../../../../redux/login/selectors'; +export const Login: React.FC = () => { + const [_data, setData] = useState({'status': 0, email:'', code:''}); + const updateData = () => { + //setData({ ..._data, 'status':e.status, 'email':e.email, 'code':e.code}); + } + const { token, status_token } = useSelector(selectTokenData); + return( +
+
+ { + { // updateData={(e) => updateData(e)} setToken={setToken} + 0: , + // 1: updateData(e)}/>, + // 2: updateData(e)} data={_data}/>, + // 3: + }[_data.status] + } +
+
+ ) +} + +export default Login; diff --git a/.history/components/admin/pages/login/Login_20220522081301.tsx b/.history/components/admin/pages/login/Login_20220522081301.tsx new file mode 100644 index 0000000..dcfab35 --- /dev/null +++ b/.history/components/admin/pages/login/Login_20220522081301.tsx @@ -0,0 +1,28 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; + +import { Entrance } from './Index'; +import { selectTokenData } from '../../../../redux/login/selectors'; +export const Login: React.FC = () => { + const [_data, setData] = useState({'status': 0, email:'', code:''}); + const updateData = () => { + //setData({ ..._data, 'status':e.status, 'email':e.email, 'code':e.code}); + } + const { token, status_token } = useSelector(selectTokenData); + return( +
+
+ { + { // updateData={(e) => updateData(e)} setToken={setToken} + 0: , + // 1: updateData(e)}/>, + // 2: updateData(e)} data={_data}/>, + // 3: + }[_data.status] + } +
+
+ ) +} + +export default Login; diff --git a/.history/components/admin/pages/login/Login_20220522081324.tsx b/.history/components/admin/pages/login/Login_20220522081324.tsx new file mode 100644 index 0000000..3a23865 --- /dev/null +++ b/.history/components/admin/pages/login/Login_20220522081324.tsx @@ -0,0 +1,28 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; + +import { Entrance } from './Index'; + +export const Login: React.FC = () => { + const [_data, setData] = useState({'status': 0, email:'', code:''}); + const updateData = () => { + //setData({ ..._data, 'status':e.status, 'email':e.email, 'code':e.code}); + } + const { token, status_token } = useSelector(selectTokenData); + return( +
+
+ { + { // updateData={(e) => updateData(e)} setToken={setToken} + 0: , + // 1: updateData(e)}/>, + // 2: updateData(e)} data={_data}/>, + // 3: + }[_data.status] + } +
+
+ ) +} + +export default Login; diff --git a/.history/components/admin/pages/login/Login_20220522081534.tsx b/.history/components/admin/pages/login/Login_20220522081534.tsx new file mode 100644 index 0000000..90a8d00 --- /dev/null +++ b/.history/components/admin/pages/login/Login_20220522081534.tsx @@ -0,0 +1,28 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; + +import { Entrance } from './Index'; + +export const Login: React.FC = () => { + const [_data, setData] = useState({'status': 0, email:'', code:''}); + const updateData = () => { + //setData({ ..._data, 'status':e.status, 'email':e.email, 'code':e.code}); + } + + return( +
+
+ { + { // updateData={(e) => updateData(e)} setToken={setToken} + 0: , + // 1: updateData(e)}/>, + // 2: updateData(e)} data={_data}/>, + // 3: + }[_data.status] + } +
+
+ ) +} + +export default Login; diff --git a/.history/components/admin/pages/login/NewPassword_20220518152017.tsx b/.history/components/admin/pages/login/NewPassword_20220518152017.tsx new file mode 100644 index 0000000..e69de29 diff --git a/.history/components/admin/pages/login/NewPassword_20220518152051.tsx b/.history/components/admin/pages/login/NewPassword_20220518152051.tsx new file mode 100644 index 0000000..9b97d8c --- /dev/null +++ b/.history/components/admin/pages/login/NewPassword_20220518152051.tsx @@ -0,0 +1,41 @@ +import React, { useState } from 'react'; +import PropTypes from 'prop-types'; +import Button from '../../component/Button'; +import Input from '../../component/Input'; +import Title from '../../component/Title'; +import Label from '../../component/Label'; +import postData from '../../function/postData'; + +const NewPassword = (props) => { + const [_data, setData] = useState({email: props.email, password:'', passwordRepeat:''}); + const [information, setInformation] = useState(''); + const updateData = e => { + setData({ ..._data, [e.target.name]: e.target.value}); + } + const handleEntrance = () => { + console.log(_data); + if (_data.password === _data.passwordRepeat) { + postData('/api/newpassword', {_data}) + .then((data) => { + console.log(data[0]); + data.token ? props.setToken(data) : setInformation(data.error); + // setToken(data[0]); + }); + } else {setInformation('Пароли не совпадают');} + } + return( + <> + Введите новый пароль + + + + + + ) +} + +NewPassword.propTypes = { + setToken: PropTypes.func.isRequired + } + +export default NewPassword; \ No newline at end of file diff --git a/.history/components/admin/pages/login/useToken_20220518152038.ts b/.history/components/admin/pages/login/useToken_20220518152038.ts new file mode 100644 index 0000000..e69de29 diff --git a/.history/components/admin/pages/login/useToken_20220518152044.ts b/.history/components/admin/pages/login/useToken_20220518152044.ts new file mode 100644 index 0000000..3e9e4b6 --- /dev/null +++ b/.history/components/admin/pages/login/useToken_20220518152044.ts @@ -0,0 +1,16 @@ +import { useState, useEffect } from 'react'; + + +export default function useToken() { + const [token, setToken] = useState(''); + useEffect(() => setToken(localStorage.getItem("token")), []); + const saveToken = userToken => { + localStorage.setItem('token', JSON.stringify(userToken)); + setToken(userToken?.token); + }; + + return { + setToken: saveToken, + token + } +} \ No newline at end of file diff --git a/.history/components/customer/Header_20220518151446.tsx b/.history/components/customer/Header_20220518151446.tsx new file mode 100644 index 0000000..d150df2 --- /dev/null +++ b/.history/components/customer/Header_20220518151446.tsx @@ -0,0 +1,85 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './Search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+ Logo +
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220518151805.tsx b/.history/components/customer/Header_20220518151805.tsx new file mode 100644 index 0000000..8fc633d --- /dev/null +++ b/.history/components/customer/Header_20220518151805.tsx @@ -0,0 +1,85 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+ Logo +
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529152930.tsx b/.history/components/customer/Header_20220529152930.tsx new file mode 100644 index 0000000..7ba5c2c --- /dev/null +++ b/.history/components/customer/Header_20220529152930.tsx @@ -0,0 +1,85 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+ Logo +
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529152932.tsx b/.history/components/customer/Header_20220529152932.tsx new file mode 100644 index 0000000..7ba5c2c --- /dev/null +++ b/.history/components/customer/Header_20220529152932.tsx @@ -0,0 +1,85 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+ Logo +
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529152940.tsx b/.history/components/customer/Header_20220529152940.tsx new file mode 100644 index 0000000..8fc633d --- /dev/null +++ b/.history/components/customer/Header_20220529152940.tsx @@ -0,0 +1,85 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+ Logo +
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529153057.tsx b/.history/components/customer/Header_20220529153057.tsx new file mode 100644 index 0000000..aad7a55 --- /dev/null +++ b/.history/components/customer/Header_20220529153057.tsx @@ -0,0 +1,84 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+ Logo +
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529153101.tsx b/.history/components/customer/Header_20220529153101.tsx new file mode 100644 index 0000000..d3d78d7 --- /dev/null +++ b/.history/components/customer/Header_20220529153101.tsx @@ -0,0 +1,83 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+ Logo +
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529153311.tsx b/.history/components/customer/Header_20220529153311.tsx new file mode 100644 index 0000000..fb4da92 --- /dev/null +++ b/.history/components/customer/Header_20220529153311.tsx @@ -0,0 +1,43 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+ Logo +
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529153322.tsx b/.history/components/customer/Header_20220529153322.tsx new file mode 100644 index 0000000..d3d78d7 --- /dev/null +++ b/.history/components/customer/Header_20220529153322.tsx @@ -0,0 +1,83 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+ Logo +
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529153328.tsx b/.history/components/customer/Header_20220529153328.tsx new file mode 100644 index 0000000..6031383 --- /dev/null +++ b/.history/components/customer/Header_20220529153328.tsx @@ -0,0 +1,49 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+ Logo +
+
+
+ + +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529153335.tsx b/.history/components/customer/Header_20220529153335.tsx new file mode 100644 index 0000000..d3d78d7 --- /dev/null +++ b/.history/components/customer/Header_20220529153335.tsx @@ -0,0 +1,83 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+ Logo +
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529153339.tsx b/.history/components/customer/Header_20220529153339.tsx new file mode 100644 index 0000000..fc3f1dc --- /dev/null +++ b/.history/components/customer/Header_20220529153339.tsx @@ -0,0 +1,59 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+ Logo +
+
+
+ + +
+
+ + +
+ ); +}; diff --git a/.history/components/customer/Header_20220529153343.tsx b/.history/components/customer/Header_20220529153343.tsx new file mode 100644 index 0000000..d3d78d7 --- /dev/null +++ b/.history/components/customer/Header_20220529153343.tsx @@ -0,0 +1,83 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+ Logo +
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529153348.tsx b/.history/components/customer/Header_20220529153348.tsx new file mode 100644 index 0000000..7754798 --- /dev/null +++ b/.history/components/customer/Header_20220529153348.tsx @@ -0,0 +1,72 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+ Logo +
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ + ); +}; diff --git a/.history/components/customer/Header_20220529153350.tsx b/.history/components/customer/Header_20220529153350.tsx new file mode 100644 index 0000000..5979edf --- /dev/null +++ b/.history/components/customer/Header_20220529153350.tsx @@ -0,0 +1,72 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+ Logo +
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ + +
+ ); +}; diff --git a/.history/components/customer/Header_20220529153400.tsx b/.history/components/customer/Header_20220529153400.tsx new file mode 100644 index 0000000..d3d78d7 --- /dev/null +++ b/.history/components/customer/Header_20220529153400.tsx @@ -0,0 +1,83 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+ Logo +
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529153657.tsx b/.history/components/customer/Header_20220529153657.tsx new file mode 100644 index 0000000..5787331 --- /dev/null +++ b/.history/components/customer/Header_20220529153657.tsx @@ -0,0 +1,72 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+ Logo +
+
+
+ + +
+
+ + + +
+ ); +}; diff --git a/.history/components/customer/Header_20220529153704.tsx b/.history/components/customer/Header_20220529153704.tsx new file mode 100644 index 0000000..d3d78d7 --- /dev/null +++ b/.history/components/customer/Header_20220529153704.tsx @@ -0,0 +1,83 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+ Logo +
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529153709.tsx b/.history/components/customer/Header_20220529153709.tsx new file mode 100644 index 0000000..a1b4a6a --- /dev/null +++ b/.history/components/customer/Header_20220529153709.tsx @@ -0,0 +1,71 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+ Logo +
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529153715.tsx b/.history/components/customer/Header_20220529153715.tsx new file mode 100644 index 0000000..d3d78d7 --- /dev/null +++ b/.history/components/customer/Header_20220529153715.tsx @@ -0,0 +1,83 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+ Logo +
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529153717.tsx b/.history/components/customer/Header_20220529153717.tsx new file mode 100644 index 0000000..d3d78d7 --- /dev/null +++ b/.history/components/customer/Header_20220529153717.tsx @@ -0,0 +1,83 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+ Logo +
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529153759.tsx b/.history/components/customer/Header_20220529153759.tsx new file mode 100644 index 0000000..5787331 --- /dev/null +++ b/.history/components/customer/Header_20220529153759.tsx @@ -0,0 +1,72 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+ Logo +
+
+
+ + +
+
+ + + +
+ ); +}; diff --git a/.history/components/customer/Header_20220529153807.tsx b/.history/components/customer/Header_20220529153807.tsx new file mode 100644 index 0000000..d3d78d7 --- /dev/null +++ b/.history/components/customer/Header_20220529153807.tsx @@ -0,0 +1,83 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+ Logo +
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529153808.tsx b/.history/components/customer/Header_20220529153808.tsx new file mode 100644 index 0000000..d3d78d7 --- /dev/null +++ b/.history/components/customer/Header_20220529153808.tsx @@ -0,0 +1,83 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+ Logo +
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529155219.tsx b/.history/components/customer/Header_20220529155219.tsx new file mode 100644 index 0000000..85dce73 --- /dev/null +++ b/.history/components/customer/Header_20220529155219.tsx @@ -0,0 +1,83 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+ Logo +
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529155228.tsx b/.history/components/customer/Header_20220529155228.tsx new file mode 100644 index 0000000..d3d78d7 --- /dev/null +++ b/.history/components/customer/Header_20220529155228.tsx @@ -0,0 +1,83 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+ Logo +
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529155230.tsx b/.history/components/customer/Header_20220529155230.tsx new file mode 100644 index 0000000..c28b479 --- /dev/null +++ b/.history/components/customer/Header_20220529155230.tsx @@ -0,0 +1,80 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+ Logo +
+
+ +
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529155231.tsx b/.history/components/customer/Header_20220529155231.tsx new file mode 100644 index 0000000..c28b479 --- /dev/null +++ b/.history/components/customer/Header_20220529155231.tsx @@ -0,0 +1,80 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+ Logo +
+
+ +
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529155237.tsx b/.history/components/customer/Header_20220529155237.tsx new file mode 100644 index 0000000..d3d78d7 --- /dev/null +++ b/.history/components/customer/Header_20220529155237.tsx @@ -0,0 +1,83 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+ Logo +
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529155241.tsx b/.history/components/customer/Header_20220529155241.tsx new file mode 100644 index 0000000..067fbe1 --- /dev/null +++ b/.history/components/customer/Header_20220529155241.tsx @@ -0,0 +1,78 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+ Logo +
+
+
+ + +
+
+
+
+ +
+
+
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529155247.tsx b/.history/components/customer/Header_20220529155247.tsx new file mode 100644 index 0000000..d3d78d7 --- /dev/null +++ b/.history/components/customer/Header_20220529155247.tsx @@ -0,0 +1,83 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+ Logo +
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529155250.tsx b/.history/components/customer/Header_20220529155250.tsx new file mode 100644 index 0000000..fc1688a --- /dev/null +++ b/.history/components/customer/Header_20220529155250.tsx @@ -0,0 +1,76 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+ Logo +
+
+
+ + +
+
+ +
+
+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529155251.tsx b/.history/components/customer/Header_20220529155251.tsx new file mode 100644 index 0000000..fc1688a --- /dev/null +++ b/.history/components/customer/Header_20220529155251.tsx @@ -0,0 +1,76 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+ Logo +
+
+
+ + +
+
+ +
+
+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529155256.tsx b/.history/components/customer/Header_20220529155256.tsx new file mode 100644 index 0000000..d3d78d7 --- /dev/null +++ b/.history/components/customer/Header_20220529155256.tsx @@ -0,0 +1,83 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+ Logo +
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529155259.tsx b/.history/components/customer/Header_20220529155259.tsx new file mode 100644 index 0000000..056414a --- /dev/null +++ b/.history/components/customer/Header_20220529155259.tsx @@ -0,0 +1,75 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+ Logo +
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+
+
+ +
+
+
+ ); +}; diff --git a/.history/components/customer/Header_20220529155306.tsx b/.history/components/customer/Header_20220529155306.tsx new file mode 100644 index 0000000..d3d78d7 --- /dev/null +++ b/.history/components/customer/Header_20220529155306.tsx @@ -0,0 +1,83 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+ Logo +
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529155311.tsx b/.history/components/customer/Header_20220529155311.tsx new file mode 100644 index 0000000..8b0145a --- /dev/null +++ b/.history/components/customer/Header_20220529155311.tsx @@ -0,0 +1,73 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+ Logo +
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+
+ +
+
+ ); +}; diff --git a/.history/components/customer/Header_20220529155315.tsx b/.history/components/customer/Header_20220529155315.tsx new file mode 100644 index 0000000..d3d78d7 --- /dev/null +++ b/.history/components/customer/Header_20220529155315.tsx @@ -0,0 +1,83 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+ Logo +
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529155319.tsx b/.history/components/customer/Header_20220529155319.tsx new file mode 100644 index 0000000..dfd19ca --- /dev/null +++ b/.history/components/customer/Header_20220529155319.tsx @@ -0,0 +1,74 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+ Logo +
+
+
+ + +
+
+ +
+ +
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529155321.tsx b/.history/components/customer/Header_20220529155321.tsx new file mode 100644 index 0000000..6585821 --- /dev/null +++ b/.history/components/customer/Header_20220529155321.tsx @@ -0,0 +1,64 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+ Logo +
+
+
+ + +
+
+ +
+ +
+
+ +
+
+ ); +}; diff --git a/.history/components/customer/Header_20220529155329.tsx b/.history/components/customer/Header_20220529155329.tsx new file mode 100644 index 0000000..343df0c --- /dev/null +++ b/.history/components/customer/Header_20220529155329.tsx @@ -0,0 +1,57 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+ Logo +
+
+
+ + +
+
+
+ +
+
+ +
+
+ +
+
+ ); +}; diff --git a/.history/components/customer/Header_20220529155335.tsx b/.history/components/customer/Header_20220529155335.tsx new file mode 100644 index 0000000..1837e7f --- /dev/null +++ b/.history/components/customer/Header_20220529155335.tsx @@ -0,0 +1,54 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+ Logo +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ ); +}; diff --git a/.history/components/customer/Header_20220529155341.tsx b/.history/components/customer/Header_20220529155341.tsx new file mode 100644 index 0000000..646dc3c --- /dev/null +++ b/.history/components/customer/Header_20220529155341.tsx @@ -0,0 +1,52 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+ Logo +
+
+ +
+
+ +
+
+ +
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529155346.tsx b/.history/components/customer/Header_20220529155346.tsx new file mode 100644 index 0000000..132e498 --- /dev/null +++ b/.history/components/customer/Header_20220529155346.tsx @@ -0,0 +1,50 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+ Logo +
+
+ +
+
+ +
+ + +
+ ); +}; diff --git a/.history/components/customer/Header_20220529155352.tsx b/.history/components/customer/Header_20220529155352.tsx new file mode 100644 index 0000000..16c00be --- /dev/null +++ b/.history/components/customer/Header_20220529155352.tsx @@ -0,0 +1,48 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+ Logo +
+
+ +
+ + + +
+ ); +}; diff --git a/.history/components/customer/Header_20220529155403.tsx b/.history/components/customer/Header_20220529155403.tsx new file mode 100644 index 0000000..1db3d12 --- /dev/null +++ b/.history/components/customer/Header_20220529155403.tsx @@ -0,0 +1,46 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+ Logo +
+ + + + +
+ ); +}; diff --git a/.history/components/customer/Header_20220529155409.tsx b/.history/components/customer/Header_20220529155409.tsx new file mode 100644 index 0000000..28976be --- /dev/null +++ b/.history/components/customer/Header_20220529155409.tsx @@ -0,0 +1,44 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+ + + + + +
+ ); +}; diff --git a/.history/components/customer/Header_20220529155423.tsx b/.history/components/customer/Header_20220529155423.tsx new file mode 100644 index 0000000..338dbf9 --- /dev/null +++ b/.history/components/customer/Header_20220529155423.tsx @@ -0,0 +1,84 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+ Logo +
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529155424.tsx b/.history/components/customer/Header_20220529155424.tsx new file mode 100644 index 0000000..aad7a55 --- /dev/null +++ b/.history/components/customer/Header_20220529155424.tsx @@ -0,0 +1,84 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+ Logo +
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529155427.tsx b/.history/components/customer/Header_20220529155427.tsx new file mode 100644 index 0000000..8dc6277 --- /dev/null +++ b/.history/components/customer/Header_20220529155427.tsx @@ -0,0 +1,85 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+ Logo +
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529155432.tsx b/.history/components/customer/Header_20220529155432.tsx new file mode 100644 index 0000000..aad7a55 --- /dev/null +++ b/.history/components/customer/Header_20220529155432.tsx @@ -0,0 +1,84 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+ Logo +
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529155436.tsx b/.history/components/customer/Header_20220529155436.tsx new file mode 100644 index 0000000..d3d78d7 --- /dev/null +++ b/.history/components/customer/Header_20220529155436.tsx @@ -0,0 +1,83 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+ Logo +
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529155443.tsx b/.history/components/customer/Header_20220529155443.tsx new file mode 100644 index 0000000..fb449bf --- /dev/null +++ b/.history/components/customer/Header_20220529155443.tsx @@ -0,0 +1,83 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+ Logo +
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ + + ); +}; diff --git a/.history/components/customer/Header_20220529155445.tsx b/.history/components/customer/Header_20220529155445.tsx new file mode 100644 index 0000000..fb449bf --- /dev/null +++ b/.history/components/customer/Header_20220529155445.tsx @@ -0,0 +1,83 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+ Logo +
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ + + ); +}; diff --git a/.history/components/customer/Header_20220529155451.tsx b/.history/components/customer/Header_20220529155451.tsx new file mode 100644 index 0000000..b06f514 --- /dev/null +++ b/.history/components/customer/Header_20220529155451.tsx @@ -0,0 +1,83 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+ Logo +
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529155625.tsx b/.history/components/customer/Header_20220529155625.tsx new file mode 100644 index 0000000..1694ff0 --- /dev/null +++ b/.history/components/customer/Header_20220529155625.tsx @@ -0,0 +1,83 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+ Logo +
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529155651.tsx b/.history/components/customer/Header_20220529155651.tsx new file mode 100644 index 0000000..b06f514 --- /dev/null +++ b/.history/components/customer/Header_20220529155651.tsx @@ -0,0 +1,83 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+ Logo +
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529155657.tsx b/.history/components/customer/Header_20220529155657.tsx new file mode 100644 index 0000000..d9a432b --- /dev/null +++ b/.history/components/customer/Header_20220529155657.tsx @@ -0,0 +1,83 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( + +
+ Logo +
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ + + ); +}; diff --git a/.history/components/customer/Header_20220529155705.tsx b/.history/components/customer/Header_20220529155705.tsx new file mode 100644 index 0000000..40ab38d --- /dev/null +++ b/.history/components/customer/Header_20220529155705.tsx @@ -0,0 +1,83 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( + +
+ Logo +
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ + + ); +}; diff --git a/.history/components/customer/Header_20220529155714.tsx b/.history/components/customer/Header_20220529155714.tsx new file mode 100644 index 0000000..d3d78d7 --- /dev/null +++ b/.history/components/customer/Header_20220529155714.tsx @@ -0,0 +1,83 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+ Logo +
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529155854.tsx b/.history/components/customer/Header_20220529155854.tsx new file mode 100644 index 0000000..ab10f2b --- /dev/null +++ b/.history/components/customer/Header_20220529155854.tsx @@ -0,0 +1,81 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+ +
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529155900.tsx b/.history/components/customer/Header_20220529155900.tsx new file mode 100644 index 0000000..d3d78d7 --- /dev/null +++ b/.history/components/customer/Header_20220529155900.tsx @@ -0,0 +1,83 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+ Logo +
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529155903.tsx b/.history/components/customer/Header_20220529155903.tsx new file mode 100644 index 0000000..25e9e4e --- /dev/null +++ b/.history/components/customer/Header_20220529155903.tsx @@ -0,0 +1,83 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+ Logo +
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529155910.tsx b/.history/components/customer/Header_20220529155910.tsx new file mode 100644 index 0000000..d3d78d7 --- /dev/null +++ b/.history/components/customer/Header_20220529155910.tsx @@ -0,0 +1,83 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+ Logo +
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529160110.tsx b/.history/components/customer/Header_20220529160110.tsx new file mode 100644 index 0000000..89ac3d5 --- /dev/null +++ b/.history/components/customer/Header_20220529160110.tsx @@ -0,0 +1,83 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+

Logo +
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529160112.tsx b/.history/components/customer/Header_20220529160112.tsx new file mode 100644 index 0000000..9bcd673 --- /dev/null +++ b/.history/components/customer/Header_20220529160112.tsx @@ -0,0 +1,83 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529160624.tsx b/.history/components/customer/Header_20220529160624.tsx new file mode 100644 index 0000000..12ee0d4 --- /dev/null +++ b/.history/components/customer/Header_20220529160624.tsx @@ -0,0 +1,83 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+
+ +
+
+ ); +}; diff --git a/.history/components/customer/Header_20220529160630.tsx b/.history/components/customer/Header_20220529160630.tsx new file mode 100644 index 0000000..9bcd673 --- /dev/null +++ b/.history/components/customer/Header_20220529160630.tsx @@ -0,0 +1,83 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529160632.tsx b/.history/components/customer/Header_20220529160632.tsx new file mode 100644 index 0000000..12ee0d4 --- /dev/null +++ b/.history/components/customer/Header_20220529160632.tsx @@ -0,0 +1,83 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+
+ +
+
+ ); +}; diff --git a/.history/components/customer/Header_20220529160642.tsx b/.history/components/customer/Header_20220529160642.tsx new file mode 100644 index 0000000..19a88fa --- /dev/null +++ b/.history/components/customer/Header_20220529160642.tsx @@ -0,0 +1,83 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> + + +
+
+
+ +
+
+ ); +}; diff --git a/.history/components/customer/Header_20220529160646.tsx b/.history/components/customer/Header_20220529160646.tsx new file mode 100644 index 0000000..f7a4212 --- /dev/null +++ b/.history/components/customer/Header_20220529160646.tsx @@ -0,0 +1,83 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> + + +
+
+
+ +
+
+ ); +}; diff --git a/.history/components/customer/Header_20220529160653.tsx b/.history/components/customer/Header_20220529160653.tsx new file mode 100644 index 0000000..5de977c --- /dev/null +++ b/.history/components/customer/Header_20220529160653.tsx @@ -0,0 +1,83 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+

Logo

+
+
+
+ + +
+
+
+ +
+
+
+ + updateDataHeader()} + /> + + +
+
+
+ +
+
+ ); +}; diff --git a/.history/components/customer/Header_20220529160659.tsx b/.history/components/customer/Header_20220529160659.tsx new file mode 100644 index 0000000..a5d8856 --- /dev/null +++ b/.history/components/customer/Header_20220529160659.tsx @@ -0,0 +1,83 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+

Logo

+
+
+
+ + +
+
+
+ +
+
+
+ + updateDataHeader()} + /> + + +
+
+
+ +
+
+ ); +}; diff --git a/.history/components/customer/Header_20220529160718.tsx b/.history/components/customer/Header_20220529160718.tsx new file mode 100644 index 0000000..9bcd673 --- /dev/null +++ b/.history/components/customer/Header_20220529160718.tsx @@ -0,0 +1,83 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529160720.tsx b/.history/components/customer/Header_20220529160720.tsx new file mode 100644 index 0000000..bb1ed9a --- /dev/null +++ b/.history/components/customer/Header_20220529160720.tsx @@ -0,0 +1,83 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+

+
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529160723.tsx b/.history/components/customer/Header_20220529160723.tsx new file mode 100644 index 0000000..89ac3d5 --- /dev/null +++ b/.history/components/customer/Header_20220529160723.tsx @@ -0,0 +1,83 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+

Logo +
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529160724.tsx b/.history/components/customer/Header_20220529160724.tsx new file mode 100644 index 0000000..bb1ed9a --- /dev/null +++ b/.history/components/customer/Header_20220529160724.tsx @@ -0,0 +1,83 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+

+
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529160725.tsx b/.history/components/customer/Header_20220529160725.tsx new file mode 100644 index 0000000..9bcd673 --- /dev/null +++ b/.history/components/customer/Header_20220529160725.tsx @@ -0,0 +1,83 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529160852.tsx b/.history/components/customer/Header_20220529160852.tsx new file mode 100644 index 0000000..ec41a31 --- /dev/null +++ b/.history/components/customer/Header_20220529160852.tsx @@ -0,0 +1,84 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> + if(window.innerWidth < 800) { +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529160855.tsx b/.history/components/customer/Header_20220529160855.tsx new file mode 100644 index 0000000..def55b7 --- /dev/null +++ b/.history/components/customer/Header_20220529160855.tsx @@ -0,0 +1,85 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> + if(window.innerWidth < 800) { +

Корзина

+ Ъ + +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529160858.tsx b/.history/components/customer/Header_20220529160858.tsx new file mode 100644 index 0000000..9dd7a30 --- /dev/null +++ b/.history/components/customer/Header_20220529160858.tsx @@ -0,0 +1,85 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> + if(window.innerWidth < 800) { +

Корзина

+ } + +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529160900.tsx b/.history/components/customer/Header_20220529160900.tsx new file mode 100644 index 0000000..050986f --- /dev/null +++ b/.history/components/customer/Header_20220529160900.tsx @@ -0,0 +1,85 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> + {} if(window.innerWidth < 800) { +

Корзина

+ } + +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529160901.tsx b/.history/components/customer/Header_20220529160901.tsx new file mode 100644 index 0000000..ada249a --- /dev/null +++ b/.history/components/customer/Header_20220529160901.tsx @@ -0,0 +1,85 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> + { if(window.innerWidth < 800) { +

Корзина

+ } + +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529160903.tsx b/.history/components/customer/Header_20220529160903.tsx new file mode 100644 index 0000000..5c46bfa --- /dev/null +++ b/.history/components/customer/Header_20220529160903.tsx @@ -0,0 +1,86 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> + { if(window.innerWidth < 800) { +

Корзина

+ } + } + +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529160906.tsx b/.history/components/customer/Header_20220529160906.tsx new file mode 100644 index 0000000..a7b8a93 --- /dev/null +++ b/.history/components/customer/Header_20220529160906.tsx @@ -0,0 +1,86 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> + { if(window.innerWidth < 800) { +

Корзина

+ } + } + +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529160908.tsx b/.history/components/customer/Header_20220529160908.tsx new file mode 100644 index 0000000..bb1e874 --- /dev/null +++ b/.history/components/customer/Header_20220529160908.tsx @@ -0,0 +1,86 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> + { window.innerWidth < 800) { +

Корзина

+ } + } + +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529160909.tsx b/.history/components/customer/Header_20220529160909.tsx new file mode 100644 index 0000000..ead2f98 --- /dev/null +++ b/.history/components/customer/Header_20220529160909.tsx @@ -0,0 +1,86 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> + { window.innerWidth < 800) { +

Корзина

+ } + } + +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529160914.tsx b/.history/components/customer/Header_20220529160914.tsx new file mode 100644 index 0000000..b3870ab --- /dev/null +++ b/.history/components/customer/Header_20220529160914.tsx @@ -0,0 +1,86 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> + { window.innerWidth < 800 +

Корзина

+ } + } + +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529160916.tsx b/.history/components/customer/Header_20220529160916.tsx new file mode 100644 index 0000000..6a46f98 --- /dev/null +++ b/.history/components/customer/Header_20220529160916.tsx @@ -0,0 +1,86 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> + { window.innerWidth < 800 ? +

Корзина

+ } + } + +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529160917.tsx b/.history/components/customer/Header_20220529160917.tsx new file mode 100644 index 0000000..2c0a78f --- /dev/null +++ b/.history/components/customer/Header_20220529160917.tsx @@ -0,0 +1,86 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> + { window.innerWidth < 800 ? +

Корзина

+ } + } + +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529160920.tsx b/.history/components/customer/Header_20220529160920.tsx new file mode 100644 index 0000000..1a749aa --- /dev/null +++ b/.history/components/customer/Header_20220529160920.tsx @@ -0,0 +1,86 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> + { window.innerWidth < 800 ? +

Корзина

+ : '' + } + +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529160923.tsx b/.history/components/customer/Header_20220529160923.tsx new file mode 100644 index 0000000..dd2bcfc --- /dev/null +++ b/.history/components/customer/Header_20220529160923.tsx @@ -0,0 +1,86 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> + { window.innerWidth < 800 ? +

Корзина

+ : '' + } + +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529160931.tsx b/.history/components/customer/Header_20220529160931.tsx new file mode 100644 index 0000000..7d0a923 --- /dev/null +++ b/.history/components/customer/Header_20220529160931.tsx @@ -0,0 +1,86 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> + { window.innerWidth > 800 ? +

Корзина

+ : '' + } + +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529160934.tsx b/.history/components/customer/Header_20220529160934.tsx new file mode 100644 index 0000000..2f7260b --- /dev/null +++ b/.history/components/customer/Header_20220529160934.tsx @@ -0,0 +1,86 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> + { window.innerWidth > 640 ? +

Корзина

+ : '' + } + +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529161109.tsx b/.history/components/customer/Header_20220529161109.tsx new file mode 100644 index 0000000..df5cfd4 --- /dev/null +++ b/.history/components/customer/Header_20220529161109.tsx @@ -0,0 +1,94 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +function getWindowDimensions() { + const { innerWidth: width, innerHeight: height } = window; + return { + width, + height + }; +} + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> + { window.innerWidth > 640 ? +

Корзина

+ : '' + } + +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529161125.tsx b/.history/components/customer/Header_20220529161125.tsx new file mode 100644 index 0000000..6b48f00 --- /dev/null +++ b/.history/components/customer/Header_20220529161125.tsx @@ -0,0 +1,95 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +function getWindowDimensions() { + const { innerWidth: width, innerHeight: height } = window; + return { + width, + height + }; +} + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> + { window.innerWidth > 640 ? +

Корзина

+ : '' + } + +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529161127.tsx b/.history/components/customer/Header_20220529161127.tsx new file mode 100644 index 0000000..ab3ddd7 --- /dev/null +++ b/.history/components/customer/Header_20220529161127.tsx @@ -0,0 +1,107 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +function getWindowDimensions() { + const { innerWidth: width, innerHeight: height } = window; + return { + width, + height + }; +} + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + const [windowDimensions, setWindowDimensions] = useState(getWindowDimensions()); + + useEffect(() => { + function handleResize() { + setWindowDimensions(getWindowDimensions()); + } + + window.addEventListener('resize', handleResize); + return () => window.removeEventListener('resize', handleResize); + }, []); + + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> + { window.innerWidth > 640 ? +

Корзина

+ : '' + } + +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529161142.tsx b/.history/components/customer/Header_20220529161142.tsx new file mode 100644 index 0000000..5db4211 --- /dev/null +++ b/.history/components/customer/Header_20220529161142.tsx @@ -0,0 +1,107 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +function getWindowDimensions() { + const { innerWidth: width, innerHeight: height } = window; + return { + width, + height + }; +} + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + const [windowDimensions, setWindowDimensions] = useState(getWindowDimensions()); + + useEffect(() => { + function handleResize() { + setWindowDimensions(getWindowDimensions()); + } + + window.addEventListener('resize', handleResize); + return () => window.removeEventListener('resize', handleResize); + }, []); + +con + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> + { window.innerWidth > 640 ? +

Корзина

+ : '' + } + +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529161147.tsx b/.history/components/customer/Header_20220529161147.tsx new file mode 100644 index 0000000..2e8fe34 --- /dev/null +++ b/.history/components/customer/Header_20220529161147.tsx @@ -0,0 +1,107 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +function getWindowDimensions() { + const { innerWidth: width, innerHeight: height } = window; + return { + width, + height + }; +} + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + const [windowDimensions, setWindowDimensions] = useState(getWindowDimensions()); + + useEffect(() => { + function handleResize() { + setWindowDimensions(getWindowDimensions()); + } + + window.addEventListener('resize', handleResize); + return () => window.removeEventListener('resize', handleResize); + }, []); + +console.log(windowDimensions); + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> + { window.innerWidth > 640 ? +

Корзина

+ : '' + } + +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529161203.tsx b/.history/components/customer/Header_20220529161203.tsx new file mode 100644 index 0000000..1952c0e --- /dev/null +++ b/.history/components/customer/Header_20220529161203.tsx @@ -0,0 +1,107 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +function getWindowDimensions() { + const { innerWidth: width, innerHeight: height } = window; + return { + width, + height + }; +} + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + const [windowDimensions, setWindowDimensions] = useState(getWindowDimensions()); + + useEffect(() => { + function handleResize() { + setWindowDimensions(getWindowDimensions()); + } + + window.addEventListener('resize', handleResize); + return () => window.removeEventListener('resize', handleResize); + }, []); + +console.log(windowDimensions); + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> + +

Корзина

+ : '' + } + +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529161210.tsx b/.history/components/customer/Header_20220529161210.tsx new file mode 100644 index 0000000..29b619d --- /dev/null +++ b/.history/components/customer/Header_20220529161210.tsx @@ -0,0 +1,104 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + +function getWindowDimensions() { + const { innerWidth: width, innerHeight: height } = window; + return { + width, + height + }; +} + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + const [windowDimensions, setWindowDimensions] = useState(getWindowDimensions()); + + useEffect(() => { + function handleResize() { + setWindowDimensions(getWindowDimensions()); + } + + window.addEventListener('resize', handleResize); + return () => window.removeEventListener('resize', handleResize); + }, []); + +console.log(windowDimensions); + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529161333.tsx b/.history/components/customer/Header_20220529161333.tsx new file mode 100644 index 0000000..e718dcb --- /dev/null +++ b/.history/components/customer/Header_20220529161333.tsx @@ -0,0 +1,97 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + const [windowDimensions, setWindowDimensions] = useState(getWindowDimensions()); + + useEffect(() => { + function handleResize() { + setWindowDimensions(getWindowDimensions()); + } + + window.addEventListener('resize', handleResize); + return () => window.removeEventListener('resize', handleResize); + }, []); + +console.log(windowDimensions); + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529161339.tsx b/.history/components/customer/Header_20220529161339.tsx new file mode 100644 index 0000000..6f45d3c --- /dev/null +++ b/.history/components/customer/Header_20220529161339.tsx @@ -0,0 +1,86 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529161341.tsx b/.history/components/customer/Header_20220529161341.tsx new file mode 100644 index 0000000..6f45d3c --- /dev/null +++ b/.history/components/customer/Header_20220529161341.tsx @@ -0,0 +1,86 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + //React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529161431.tsx b/.history/components/customer/Header_20220529161431.tsx new file mode 100644 index 0000000..503a070 --- /dev/null +++ b/.history/components/customer/Header_20220529161431.tsx @@ -0,0 +1,86 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // }, [items]); + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529161434.tsx b/.history/components/customer/Header_20220529161434.tsx new file mode 100644 index 0000000..782049b --- /dev/null +++ b/.history/components/customer/Header_20220529161434.tsx @@ -0,0 +1,86 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + }, [items]); + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529161436.tsx b/.history/components/customer/Header_20220529161436.tsx new file mode 100644 index 0000000..d63f56a --- /dev/null +++ b/.history/components/customer/Header_20220529161436.tsx @@ -0,0 +1,86 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + }, [1]); + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529161440.tsx b/.history/components/customer/Header_20220529161440.tsx new file mode 100644 index 0000000..a6c93e0 --- /dev/null +++ b/.history/components/customer/Header_20220529161440.tsx @@ -0,0 +1,88 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + const pageWidth = document.documentElement.scrollWidth +const pageHeight = document.documentElement.scrollHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + }, [1]); + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529161443.tsx b/.history/components/customer/Header_20220529161443.tsx new file mode 100644 index 0000000..13f40f5 --- /dev/null +++ b/.history/components/customer/Header_20220529161443.tsx @@ -0,0 +1,88 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + const pageWidth = document.documentElement.scrollWidth + const pageHeight = document.documentElement.scrollHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + }, [1]); + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529161447.tsx b/.history/components/customer/Header_20220529161447.tsx new file mode 100644 index 0000000..2b991cc --- /dev/null +++ b/.history/components/customer/Header_20220529161447.tsx @@ -0,0 +1,90 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + const pageWidth = document.documentElement.scrollWidth + const pageHeight = document.documentElement.scrollHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + }, [1]); + + con + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529161450.tsx b/.history/components/customer/Header_20220529161450.tsx new file mode 100644 index 0000000..7537893 --- /dev/null +++ b/.history/components/customer/Header_20220529161450.tsx @@ -0,0 +1,90 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + const pageWidth = document.documentElement.scrollWidth + const pageHeight = document.documentElement.scrollHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + }, [1]); + + console.log(); + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529161454.tsx b/.history/components/customer/Header_20220529161454.tsx new file mode 100644 index 0000000..f0b9818 --- /dev/null +++ b/.history/components/customer/Header_20220529161454.tsx @@ -0,0 +1,90 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + const pageWidth = document.documentElement.scrollWidth + const pageHeight = document.documentElement.scrollHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + }, [1]); + + console.log(pageWidth); + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529161500.tsx b/.history/components/customer/Header_20220529161500.tsx new file mode 100644 index 0000000..9cfc51e --- /dev/null +++ b/.history/components/customer/Header_20220529161500.tsx @@ -0,0 +1,90 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + const pageWidth = document.documentElement.scrollWidth + const pageHeight = document.documentElement.scrollHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + }, [1]); + + + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529161502.tsx b/.history/components/customer/Header_20220529161502.tsx new file mode 100644 index 0000000..7250a93 --- /dev/null +++ b/.history/components/customer/Header_20220529161502.tsx @@ -0,0 +1,91 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + const pageWidth = document.documentElement.scrollWidth + const pageHeight = document.documentElement.scrollHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + console.log(pageWidth); + }, [1]); + + + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529161512.tsx b/.history/components/customer/Header_20220529161512.tsx new file mode 100644 index 0000000..a252458 --- /dev/null +++ b/.history/components/customer/Header_20220529161512.tsx @@ -0,0 +1,92 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + const pageWidth = document.documentElement.scrollWidth + const pageHeight = document.documentElement.scrollHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + console.log(pageWidth); + console.log(pageWidth); + }, [1]); + + + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529161516.tsx b/.history/components/customer/Header_20220529161516.tsx new file mode 100644 index 0000000..3221fa4 --- /dev/null +++ b/.history/components/customer/Header_20220529161516.tsx @@ -0,0 +1,92 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + const pageWidth = document.documentElement.scrollWidth + const pageHeight = document.documentElement.scrollHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + console.log(pageWidth); + console.log(pageHeight); + }, [1]); + + + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529161519.tsx b/.history/components/customer/Header_20220529161519.tsx new file mode 100644 index 0000000..4fc325d --- /dev/null +++ b/.history/components/customer/Header_20220529161519.tsx @@ -0,0 +1,92 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + const pageWidth = document.documentElement.scrollWidth + const pageHeight = document.documentElement.scrollHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + console.log(pageWidth); + console.log(pageHeight, ); + }, [1]); + + + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529161521.tsx b/.history/components/customer/Header_20220529161521.tsx new file mode 100644 index 0000000..1f423f8 --- /dev/null +++ b/.history/components/customer/Header_20220529161521.tsx @@ -0,0 +1,92 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + const pageWidth = document.documentElement.scrollWidth + const pageHeight = document.documentElement.scrollHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + console.log(pageWidth); + console.log(pageHeight, 'pageHeight'); + }, [1]); + + + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529161532.tsx b/.history/components/customer/Header_20220529161532.tsx new file mode 100644 index 0000000..bdf6cd7 --- /dev/null +++ b/.history/components/customer/Header_20220529161532.tsx @@ -0,0 +1,92 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + const pageWidth = document.documentElement.scrollWidth + const pageHeight = document.documentElement.scrollHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + console.log(pageWidth, pageWidth); + console.log(pageHeight, 'pageHeight'); + }, [1]); + + + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529161537.tsx b/.history/components/customer/Header_20220529161537.tsx new file mode 100644 index 0000000..7ef5e12 --- /dev/null +++ b/.history/components/customer/Header_20220529161537.tsx @@ -0,0 +1,92 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + const pageWidth = document.documentElement.scrollWidth + const pageHeight = document.documentElement.scrollHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + console.log(pageWidth, pageWidth'); + console.log(pageHeight, 'pageHeight'); + }, [1]); + + + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529161539.tsx b/.history/components/customer/Header_20220529161539.tsx new file mode 100644 index 0000000..4d75096 --- /dev/null +++ b/.history/components/customer/Header_20220529161539.tsx @@ -0,0 +1,92 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + const pageWidth = document.documentElement.scrollWidth + const pageHeight = document.documentElement.scrollHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + console.log(pageWidth, 'pageWidth'); + console.log(pageHeight, 'pageHeight'); + }, [1]); + + + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529161645.tsx b/.history/components/customer/Header_20220529161645.tsx new file mode 100644 index 0000000..2dd6d91 --- /dev/null +++ b/.history/components/customer/Header_20220529161645.tsx @@ -0,0 +1,92 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + const pageWidth = document.documentElement. window.outerWidth + const pageHeight = document.documentElement.scrollHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + console.log(pageWidth, 'pageWidth'); + console.log(pageHeight, 'pageHeight'); + }, [1]); + + + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529161648.tsx b/.history/components/customer/Header_20220529161648.tsx new file mode 100644 index 0000000..8f15acf --- /dev/null +++ b/.history/components/customer/Header_20220529161648.tsx @@ -0,0 +1,92 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + const pageWidth = document.documentElement.outerWidth + const pageHeight = document.documentElement.scrollHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + console.log(pageWidth, 'pageWidth'); + console.log(pageHeight, 'pageHeight'); + }, [1]); + + + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529161706.tsx b/.history/components/customer/Header_20220529161706.tsx new file mode 100644 index 0000000..f253428 --- /dev/null +++ b/.history/components/customer/Header_20220529161706.tsx @@ -0,0 +1,92 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + const pageWidth = document.documentElement.clientWidth + const pageHeight = document.documentElement.scrollHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + console.log(pageWidth, 'pageWidth'); + console.log(pageHeight, 'pageHeight'); + }, [1]); + + + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220529161714.tsx b/.history/components/customer/Header_20220529161714.tsx new file mode 100644 index 0000000..0310304 --- /dev/null +++ b/.history/components/customer/Header_20220529161714.tsx @@ -0,0 +1,92 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + const pageWidth = document.documentElement.clientWidth + const pageHeight = document.documentElement.clientHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + console.log(pageWidth, 'pageWidth'); + console.log(pageHeight, 'pageHeight'); + }, [1]); + + + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220530165226.tsx b/.history/components/customer/Header_20220530165226.tsx new file mode 100644 index 0000000..d9c10c1 --- /dev/null +++ b/.history/components/customer/Header_20220530165226.tsx @@ -0,0 +1,92 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + const pageWidth = document.documentElement.clientWidth + const pageHeight = document.documentElement.clientHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + console.log(pageWidth, 'pageWidth'); + console.log(pageHeight, 'pageHeight'); + }, [1]); + + + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220530165229.tsx b/.history/components/customer/Header_20220530165229.tsx new file mode 100644 index 0000000..2dde355 --- /dev/null +++ b/.history/components/customer/Header_20220530165229.tsx @@ -0,0 +1,92 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + const pageWidth = document.documentElement.clientWidth + const pageHeight = document.documentElement.clientHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + console.log(pageWidth, 'pageWidth'); + console.log(pageHeight, 'pageHeight'); + }, [1]); + + + + return ( +
+
+

Logo

+
+
+
+ + +
+
+
+ +
+
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220530165233.tsx b/.history/components/customer/Header_20220530165233.tsx new file mode 100644 index 0000000..8aa5349 --- /dev/null +++ b/.history/components/customer/Header_20220530165233.tsx @@ -0,0 +1,92 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + const pageWidth = document.documentElement.clientWidth + const pageHeight = document.documentElement.clientHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + console.log(pageWidth, 'pageWidth'); + console.log(pageHeight, 'pageHeight'); + }, [1]); + + + + return ( +
+
+

Logo

+
+
+
+ + +
+
+
+ +
+
+
+ + updateDataHeader()} + /> + + +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220530165236.tsx b/.history/components/customer/Header_20220530165236.tsx new file mode 100644 index 0000000..e595d10 --- /dev/null +++ b/.history/components/customer/Header_20220530165236.tsx @@ -0,0 +1,92 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + const pageWidth = document.documentElement.clientWidth + const pageHeight = document.documentElement.clientHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + console.log(pageWidth, 'pageWidth'); + console.log(pageHeight, 'pageHeight'); + }, [1]); + + + + return ( +
+
+

Logo

+
+
+
+ + +
+
+
+ +
+
+
+ + updateDataHeader()} + /> + + +
+
+
+ +
+
+ ); +}; diff --git a/.history/components/customer/Header_20220530165237.tsx b/.history/components/customer/Header_20220530165237.tsx new file mode 100644 index 0000000..e595d10 --- /dev/null +++ b/.history/components/customer/Header_20220530165237.tsx @@ -0,0 +1,92 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + const pageWidth = document.documentElement.clientWidth + const pageHeight = document.documentElement.clientHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + console.log(pageWidth, 'pageWidth'); + console.log(pageHeight, 'pageHeight'); + }, [1]); + + + + return ( +
+
+

Logo

+
+
+
+ + +
+
+
+ +
+
+
+ + updateDataHeader()} + /> + + +
+
+
+ +
+
+ ); +}; diff --git a/.history/components/customer/Header_20220530165443.tsx b/.history/components/customer/Header_20220530165443.tsx new file mode 100644 index 0000000..0310304 --- /dev/null +++ b/.history/components/customer/Header_20220530165443.tsx @@ -0,0 +1,92 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + const pageWidth = document.documentElement.clientWidth + const pageHeight = document.documentElement.clientHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + console.log(pageWidth, 'pageWidth'); + console.log(pageHeight, 'pageHeight'); + }, [1]); + + + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220530165447.tsx b/.history/components/customer/Header_20220530165447.tsx new file mode 100644 index 0000000..f253428 --- /dev/null +++ b/.history/components/customer/Header_20220530165447.tsx @@ -0,0 +1,92 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + const pageWidth = document.documentElement.clientWidth + const pageHeight = document.documentElement.scrollHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + console.log(pageWidth, 'pageWidth'); + console.log(pageHeight, 'pageHeight'); + }, [1]); + + + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220530165455.tsx b/.history/components/customer/Header_20220530165455.tsx new file mode 100644 index 0000000..56ea99c --- /dev/null +++ b/.history/components/customer/Header_20220530165455.tsx @@ -0,0 +1,92 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + // const pageWidth = document.documentElement.clientWidth + // const pageHeight = document.documentElement.scrollHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // console.log(pageWidth, 'pageWidth'); + // console.log(pageHeight, 'pageHeight'); + }, [1]); + + + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220530165511.tsx b/.history/components/customer/Header_20220530165511.tsx new file mode 100644 index 0000000..69cdea7 --- /dev/null +++ b/.history/components/customer/Header_20220530165511.tsx @@ -0,0 +1,92 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + // const pageWidth = document.documentElement.clientWidth + // const pageHeight = document.documentElement.scrollHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // console.log(pageWidth, 'pageWidth'); + // console.log(pageHeight, 'pageHeight'); + }, [1]); + + + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220530165514.tsx b/.history/components/customer/Header_20220530165514.tsx new file mode 100644 index 0000000..5681907 --- /dev/null +++ b/.history/components/customer/Header_20220530165514.tsx @@ -0,0 +1,92 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + // const pageWidth = document.documentElement.clientWidth + // const pageHeight = document.documentElement.scrollHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // console.log(pageWidth, 'pageWidth'); + // console.log(pageHeight, 'pageHeight'); + }, [1]); + + + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220530165521.tsx b/.history/components/customer/Header_20220530165521.tsx new file mode 100644 index 0000000..2f7b56b --- /dev/null +++ b/.history/components/customer/Header_20220530165521.tsx @@ -0,0 +1,90 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + // const pageWidth = document.documentElement.clientWidth + // const pageHeight = document.documentElement.scrollHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // console.log(pageWidth, 'pageWidth'); + // console.log(pageHeight, 'pageHeight'); + }, [1]); + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220530165524.tsx b/.history/components/customer/Header_20220530165524.tsx new file mode 100644 index 0000000..6979ed8 --- /dev/null +++ b/.history/components/customer/Header_20220530165524.tsx @@ -0,0 +1,89 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + // const pageWidth = document.documentElement.clientWidth + // const pageHeight = document.documentElement.scrollHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // console.log(pageWidth, 'pageWidth'); + // console.log(pageHeight, 'pageHeight'); + }, [1]); + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220530165529.tsx b/.history/components/customer/Header_20220530165529.tsx new file mode 100644 index 0000000..6979ed8 --- /dev/null +++ b/.history/components/customer/Header_20220530165529.tsx @@ -0,0 +1,89 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + // const pageWidth = document.documentElement.clientWidth + // const pageHeight = document.documentElement.scrollHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // console.log(pageWidth, 'pageWidth'); + // console.log(pageHeight, 'pageHeight'); + }, [1]); + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220530175306.tsx b/.history/components/customer/Header_20220530175306.tsx new file mode 100644 index 0000000..a5d3f90 --- /dev/null +++ b/.history/components/customer/Header_20220530175306.tsx @@ -0,0 +1,89 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + // const pageWidth = document.documentElement.clientWidth + // const pageHeight = document.documentElement.scrollHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // console.log(pageWidth, 'pageWidth'); + // console.log(pageHeight, 'pageHeight'); + }, [1]); + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220530175315.tsx b/.history/components/customer/Header_20220530175315.tsx new file mode 100644 index 0000000..40e81ff --- /dev/null +++ b/.history/components/customer/Header_20220530175315.tsx @@ -0,0 +1,88 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + // const pageWidth = document.documentElement.clientWidth + // const pageHeight = document.documentElement.scrollHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // console.log(pageWidth, 'pageWidth'); + // console.log(pageHeight, 'pageHeight'); + }, [1]); + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220530175916.tsx b/.history/components/customer/Header_20220530175916.tsx new file mode 100644 index 0000000..54a4d37 --- /dev/null +++ b/.history/components/customer/Header_20220530175916.tsx @@ -0,0 +1,87 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + // const pageWidth = document.documentElement.clientWidth + // const pageHeight = document.documentElement.scrollHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // console.log(pageWidth, 'pageWidth'); + // console.log(pageHeight, 'pageHeight'); + }, [1]); + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220530175929.tsx b/.history/components/customer/Header_20220530175929.tsx new file mode 100644 index 0000000..a123c99 --- /dev/null +++ b/.history/components/customer/Header_20220530175929.tsx @@ -0,0 +1,87 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + // const pageWidth = document.documentElement.clientWidth + // const pageHeight = document.documentElement.scrollHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // console.log(pageWidth, 'pageWidth'); + // console.log(pageHeight, 'pageHeight'); + }, [1]); + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220530175933.tsx b/.history/components/customer/Header_20220530175933.tsx new file mode 100644 index 0000000..5b7d388 --- /dev/null +++ b/.history/components/customer/Header_20220530175933.tsx @@ -0,0 +1,87 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + // const pageWidth = document.documentElement.clientWidth + // const pageHeight = document.documentElement.scrollHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // console.log(pageWidth, 'pageWidth'); + // console.log(pageHeight, 'pageHeight'); + }, [1]); + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220530175935.tsx b/.history/components/customer/Header_20220530175935.tsx new file mode 100644 index 0000000..54a4d37 --- /dev/null +++ b/.history/components/customer/Header_20220530175935.tsx @@ -0,0 +1,87 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + // const pageWidth = document.documentElement.clientWidth + // const pageHeight = document.documentElement.scrollHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // console.log(pageWidth, 'pageWidth'); + // console.log(pageHeight, 'pageHeight'); + }, [1]); + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220530175936.tsx b/.history/components/customer/Header_20220530175936.tsx new file mode 100644 index 0000000..288fa86 --- /dev/null +++ b/.history/components/customer/Header_20220530175936.tsx @@ -0,0 +1,87 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + // const pageWidth = document.documentElement.clientWidth + // const pageHeight = document.documentElement.scrollHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // console.log(pageWidth, 'pageWidth'); + // console.log(pageHeight, 'pageHeight'); + }, [1]); + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220530175948.tsx b/.history/components/customer/Header_20220530175948.tsx new file mode 100644 index 0000000..dd9d29f --- /dev/null +++ b/.history/components/customer/Header_20220530175948.tsx @@ -0,0 +1,87 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + // const pageWidth = document.documentElement.clientWidth + // const pageHeight = document.documentElement.scrollHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // console.log(pageWidth, 'pageWidth'); + // console.log(pageHeight, 'pageHeight'); + }, [1]); + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220530175953.tsx b/.history/components/customer/Header_20220530175953.tsx new file mode 100644 index 0000000..2730b25 --- /dev/null +++ b/.history/components/customer/Header_20220530175953.tsx @@ -0,0 +1,87 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + // const pageWidth = document.documentElement.clientWidth + // const pageHeight = document.documentElement.scrollHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // console.log(pageWidth, 'pageWidth'); + // console.log(pageHeight, 'pageHeight'); + }, [1]); + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220530175958.tsx b/.history/components/customer/Header_20220530175958.tsx new file mode 100644 index 0000000..54a4d37 --- /dev/null +++ b/.history/components/customer/Header_20220530175958.tsx @@ -0,0 +1,87 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + // const pageWidth = document.documentElement.clientWidth + // const pageHeight = document.documentElement.scrollHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // console.log(pageWidth, 'pageWidth'); + // console.log(pageHeight, 'pageHeight'); + }, [1]); + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220530180000.tsx b/.history/components/customer/Header_20220530180000.tsx new file mode 100644 index 0000000..6f471f8 --- /dev/null +++ b/.history/components/customer/Header_20220530180000.tsx @@ -0,0 +1,87 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + // const pageWidth = document.documentElement.clientWidth + // const pageHeight = document.documentElement.scrollHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // console.log(pageWidth, 'pageWidth'); + // console.log(pageHeight, 'pageHeight'); + }, [1]); + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220530180002.tsx b/.history/components/customer/Header_20220530180002.tsx new file mode 100644 index 0000000..54a4d37 --- /dev/null +++ b/.history/components/customer/Header_20220530180002.tsx @@ -0,0 +1,87 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + // const pageWidth = document.documentElement.clientWidth + // const pageHeight = document.documentElement.scrollHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // console.log(pageWidth, 'pageWidth'); + // console.log(pageHeight, 'pageHeight'); + }, [1]); + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220530180003.tsx b/.history/components/customer/Header_20220530180003.tsx new file mode 100644 index 0000000..6a9efaf --- /dev/null +++ b/.history/components/customer/Header_20220530180003.tsx @@ -0,0 +1,87 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + // const pageWidth = document.documentElement.clientWidth + // const pageHeight = document.documentElement.scrollHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // console.log(pageWidth, 'pageWidth'); + // console.log(pageHeight, 'pageHeight'); + }, [1]); + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220530180005.tsx b/.history/components/customer/Header_20220530180005.tsx new file mode 100644 index 0000000..54a4d37 --- /dev/null +++ b/.history/components/customer/Header_20220530180005.tsx @@ -0,0 +1,87 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + // const pageWidth = document.documentElement.clientWidth + // const pageHeight = document.documentElement.scrollHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // console.log(pageWidth, 'pageWidth'); + // console.log(pageHeight, 'pageHeight'); + }, [1]); + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220530180008.tsx b/.history/components/customer/Header_20220530180008.tsx new file mode 100644 index 0000000..b120db6 --- /dev/null +++ b/.history/components/customer/Header_20220530180008.tsx @@ -0,0 +1,87 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + // const pageWidth = document.documentElement.clientWidth + // const pageHeight = document.documentElement.scrollHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // console.log(pageWidth, 'pageWidth'); + // console.log(pageHeight, 'pageHeight'); + }, [1]); + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220530180010.tsx b/.history/components/customer/Header_20220530180010.tsx new file mode 100644 index 0000000..54a4d37 --- /dev/null +++ b/.history/components/customer/Header_20220530180010.tsx @@ -0,0 +1,87 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + // const pageWidth = document.documentElement.clientWidth + // const pageHeight = document.documentElement.scrollHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // console.log(pageWidth, 'pageWidth'); + // console.log(pageHeight, 'pageHeight'); + }, [1]); + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220530180106.tsx b/.history/components/customer/Header_20220530180106.tsx new file mode 100644 index 0000000..9439306 --- /dev/null +++ b/.history/components/customer/Header_20220530180106.tsx @@ -0,0 +1,83 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + // const pageWidth = document.documentElement.clientWidth + // const pageHeight = document.documentElement.scrollHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // console.log(pageWidth, 'pageWidth'); + // console.log(pageHeight, 'pageHeight'); + }, [1]); + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ +
+
+ + +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220530180109.tsx b/.history/components/customer/Header_20220530180109.tsx new file mode 100644 index 0000000..54a4d37 --- /dev/null +++ b/.history/components/customer/Header_20220530180109.tsx @@ -0,0 +1,87 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + // const pageWidth = document.documentElement.clientWidth + // const pageHeight = document.documentElement.scrollHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // console.log(pageWidth, 'pageWidth'); + // console.log(pageHeight, 'pageHeight'); + }, [1]); + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220530180112.tsx b/.history/components/customer/Header_20220530180112.tsx new file mode 100644 index 0000000..2898ea6 --- /dev/null +++ b/.history/components/customer/Header_20220530180112.tsx @@ -0,0 +1,87 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + // const pageWidth = document.documentElement.clientWidth + // const pageHeight = document.documentElement.scrollHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // console.log(pageWidth, 'pageWidth'); + // console.log(pageHeight, 'pageHeight'); + }, [1]); + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220530180114.tsx b/.history/components/customer/Header_20220530180114.tsx new file mode 100644 index 0000000..54a4d37 --- /dev/null +++ b/.history/components/customer/Header_20220530180114.tsx @@ -0,0 +1,87 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + // const pageWidth = document.documentElement.clientWidth + // const pageHeight = document.documentElement.scrollHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // console.log(pageWidth, 'pageWidth'); + // console.log(pageHeight, 'pageHeight'); + }, [1]); + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ +
+
+ + updateDataHeader()} + /> +

Корзина

+ +
+
+ +
+ ); +}; diff --git a/.history/components/customer/Header_20220530180224.tsx b/.history/components/customer/Header_20220530180224.tsx new file mode 100644 index 0000000..1ebf788 --- /dev/null +++ b/.history/components/customer/Header_20220530180224.tsx @@ -0,0 +1,88 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + // const pageWidth = document.documentElement.clientWidth + // const pageHeight = document.documentElement.scrollHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // console.log(pageWidth, 'pageWidth'); + // console.log(pageHeight, 'pageHeight'); + }, [1]); + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ + + +
+ ); +}; diff --git a/.history/components/customer/Header_20220530180226.tsx b/.history/components/customer/Header_20220530180226.tsx new file mode 100644 index 0000000..f15aac9 --- /dev/null +++ b/.history/components/customer/Header_20220530180226.tsx @@ -0,0 +1,88 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + // const pageWidth = document.documentElement.clientWidth + // const pageHeight = document.documentElement.scrollHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // console.log(pageWidth, 'pageWidth'); + // console.log(pageHeight, 'pageHeight'); + }, [1]); + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ + + +
+ ); +}; diff --git a/.history/components/customer/Header_20220530180228.tsx b/.history/components/customer/Header_20220530180228.tsx new file mode 100644 index 0000000..1ea1808 --- /dev/null +++ b/.history/components/customer/Header_20220530180228.tsx @@ -0,0 +1,88 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + // const pageWidth = document.documentElement.clientWidth + // const pageHeight = document.documentElement.scrollHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // console.log(pageWidth, 'pageWidth'); + // console.log(pageHeight, 'pageHeight'); + }, [1]); + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ + + +
+ ); +}; diff --git a/.history/components/customer/Header_20220530180229.tsx b/.history/components/customer/Header_20220530180229.tsx new file mode 100644 index 0000000..4887b43 --- /dev/null +++ b/.history/components/customer/Header_20220530180229.tsx @@ -0,0 +1,89 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + // const pageWidth = document.documentElement.clientWidth + // const pageHeight = document.documentElement.scrollHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // console.log(pageWidth, 'pageWidth'); + // console.log(pageHeight, 'pageHeight'); + }, [1]); + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ + + +
+ ); +}; diff --git a/.history/components/customer/Header_20220530180231.tsx b/.history/components/customer/Header_20220530180231.tsx new file mode 100644 index 0000000..f54327a --- /dev/null +++ b/.history/components/customer/Header_20220530180231.tsx @@ -0,0 +1,89 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + // const pageWidth = document.documentElement.clientWidth + // const pageHeight = document.documentElement.scrollHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // console.log(pageWidth, 'pageWidth'); + // console.log(pageHeight, 'pageHeight'); + }, [1]); + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ + + +
+ ); +}; diff --git a/.history/components/customer/Header_20220530180234.tsx b/.history/components/customer/Header_20220530180234.tsx new file mode 100644 index 0000000..9c8cc23 --- /dev/null +++ b/.history/components/customer/Header_20220530180234.tsx @@ -0,0 +1,89 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + // const pageWidth = document.documentElement.clientWidth + // const pageHeight = document.documentElement.scrollHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // console.log(pageWidth, 'pageWidth'); + // console.log(pageHeight, 'pageHeight'); + }, [1]); + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ + + +
+ ); +}; diff --git a/.history/components/customer/Header_20220530180244.tsx b/.history/components/customer/Header_20220530180244.tsx new file mode 100644 index 0000000..4eb61ad --- /dev/null +++ b/.history/components/customer/Header_20220530180244.tsx @@ -0,0 +1,89 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + // const pageWidth = document.documentElement.clientWidth + // const pageHeight = document.documentElement.scrollHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // console.log(pageWidth, 'pageWidth'); + // console.log(pageHeight, 'pageHeight'); + }, [1]); + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ + + +
+ ); +}; diff --git a/.history/components/customer/Header_20220530180245.tsx b/.history/components/customer/Header_20220530180245.tsx new file mode 100644 index 0000000..20c1bed --- /dev/null +++ b/.history/components/customer/Header_20220530180245.tsx @@ -0,0 +1,89 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + // const pageWidth = document.documentElement.clientWidth + // const pageHeight = document.documentElement.scrollHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // console.log(pageWidth, 'pageWidth'); + // console.log(pageHeight, 'pageHeight'); + }, [1]); + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ + + +
+ ); +}; diff --git a/.history/components/customer/Header_20220530180248.tsx b/.history/components/customer/Header_20220530180248.tsx new file mode 100644 index 0000000..4eb61ad --- /dev/null +++ b/.history/components/customer/Header_20220530180248.tsx @@ -0,0 +1,89 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + // const pageWidth = document.documentElement.clientWidth + // const pageHeight = document.documentElement.scrollHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // console.log(pageWidth, 'pageWidth'); + // console.log(pageHeight, 'pageHeight'); + }, [1]); + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ + + +
+ ); +}; diff --git a/.history/components/customer/Header_20220530180249.tsx b/.history/components/customer/Header_20220530180249.tsx new file mode 100644 index 0000000..9c8cc23 --- /dev/null +++ b/.history/components/customer/Header_20220530180249.tsx @@ -0,0 +1,89 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + // const pageWidth = document.documentElement.clientWidth + // const pageHeight = document.documentElement.scrollHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // console.log(pageWidth, 'pageWidth'); + // console.log(pageHeight, 'pageHeight'); + }, [1]); + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ + + +
+ ); +}; diff --git a/.history/components/customer/Header_20220530182258.tsx b/.history/components/customer/Header_20220530182258.tsx new file mode 100644 index 0000000..f54e98e --- /dev/null +++ b/.history/components/customer/Header_20220530182258.tsx @@ -0,0 +1,90 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + // const pageWidth = document.documentElement.clientWidth + // const pageHeight = document.documentElement.scrollHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // console.log(pageWidth, 'pageWidth'); + // console.log(pageHeight, 'pageHeight'); + }, [1]); + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ + + +
+ ); +}; diff --git a/.history/components/customer/Header_20220530182300.tsx b/.history/components/customer/Header_20220530182300.tsx new file mode 100644 index 0000000..04ad2dd --- /dev/null +++ b/.history/components/customer/Header_20220530182300.tsx @@ -0,0 +1,90 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + // const pageWidth = document.documentElement.clientWidth + // const pageHeight = document.documentElement.scrollHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // console.log(pageWidth, 'pageWidth'); + // console.log(pageHeight, 'pageHeight'); + }, [1]); + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ + + +
+ ); +}; diff --git a/.history/components/customer/Header_20220530182302.tsx b/.history/components/customer/Header_20220530182302.tsx new file mode 100644 index 0000000..9c6c857 --- /dev/null +++ b/.history/components/customer/Header_20220530182302.tsx @@ -0,0 +1,89 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + // const pageWidth = document.documentElement.clientWidth + // const pageHeight = document.documentElement.scrollHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // console.log(pageWidth, 'pageWidth'); + // console.log(pageHeight, 'pageHeight'); + }, [1]); + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ + + +
+ ); +}; diff --git a/.history/components/customer/Header_20220530182724.tsx b/.history/components/customer/Header_20220530182724.tsx new file mode 100644 index 0000000..0181c8c --- /dev/null +++ b/.history/components/customer/Header_20220530182724.tsx @@ -0,0 +1,89 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + // const pageWidth = document.documentElement.clientWidth + // const pageHeight = document.documentElement.scrollHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // console.log(pageWidth, 'pageWidth'); + // console.log(pageHeight, 'pageHeight'); + }, [1]); + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ + + +
+ ); +}; diff --git a/.history/components/customer/Header_20220530182729.tsx b/.history/components/customer/Header_20220530182729.tsx new file mode 100644 index 0000000..338a9f6 --- /dev/null +++ b/.history/components/customer/Header_20220530182729.tsx @@ -0,0 +1,89 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + // const pageWidth = document.documentElement.clientWidth + // const pageHeight = document.documentElement.scrollHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // console.log(pageWidth, 'pageWidth'); + // console.log(pageHeight, 'pageHeight'); + }, [1]); + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ + + +
+ ); +}; diff --git a/.history/components/customer/Header_20220530182732.tsx b/.history/components/customer/Header_20220530182732.tsx new file mode 100644 index 0000000..cfd554f --- /dev/null +++ b/.history/components/customer/Header_20220530182732.tsx @@ -0,0 +1,89 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + // const pageWidth = document.documentElement.clientWidth + // const pageHeight = document.documentElement.scrollHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // console.log(pageWidth, 'pageWidth'); + // console.log(pageHeight, 'pageHeight'); + }, [1]); + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ + + +
+ ); +}; diff --git a/.history/components/customer/Header_20220530182733.tsx b/.history/components/customer/Header_20220530182733.tsx new file mode 100644 index 0000000..cfd554f --- /dev/null +++ b/.history/components/customer/Header_20220530182733.tsx @@ -0,0 +1,89 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + // const pageWidth = document.documentElement.clientWidth + // const pageHeight = document.documentElement.scrollHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // console.log(pageWidth, 'pageWidth'); + // console.log(pageHeight, 'pageHeight'); + }, [1]); + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ + + +
+ ); +}; diff --git a/.history/components/customer/Header_20220530183415.tsx b/.history/components/customer/Header_20220530183415.tsx new file mode 100644 index 0000000..dd04200 --- /dev/null +++ b/.history/components/customer/Header_20220530183415.tsx @@ -0,0 +1,89 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + // const pageWidth = document.documentElement.clientWidth + // const pageHeight = document.documentElement.scrollHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // console.log(pageWidth, 'pageWidth'); + // console.log(pageHeight, 'pageHeight'); + }, [1]); + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ + + +
+ ); +}; diff --git a/.history/components/customer/Header_20220530183817.tsx b/.history/components/customer/Header_20220530183817.tsx new file mode 100644 index 0000000..6a4cb5c --- /dev/null +++ b/.history/components/customer/Header_20220530183817.tsx @@ -0,0 +1,89 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + // const pageWidth = document.documentElement.clientWidth + // const pageHeight = document.documentElement.scrollHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // console.log(pageWidth, 'pageWidth'); + // console.log(pageHeight, 'pageHeight'); + }, [1]); + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ + + +
+ ); +}; diff --git a/.history/components/customer/Header_20220530183822.tsx b/.history/components/customer/Header_20220530183822.tsx new file mode 100644 index 0000000..0cfa7a5 --- /dev/null +++ b/.history/components/customer/Header_20220530183822.tsx @@ -0,0 +1,89 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + // const pageWidth = document.documentElement.clientWidth + // const pageHeight = document.documentElement.scrollHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // console.log(pageWidth, 'pageWidth'); + // console.log(pageHeight, 'pageHeight'); + }, [1]); + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ + + +
+ ); +}; diff --git a/.history/components/customer/Header_20220530183823.tsx b/.history/components/customer/Header_20220530183823.tsx new file mode 100644 index 0000000..0cfa7a5 --- /dev/null +++ b/.history/components/customer/Header_20220530183823.tsx @@ -0,0 +1,89 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + // const pageWidth = document.documentElement.clientWidth + // const pageHeight = document.documentElement.scrollHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // console.log(pageWidth, 'pageWidth'); + // console.log(pageHeight, 'pageHeight'); + }, [1]); + + return ( +
+
+

Logo

+
+
+
+ + +
+
+ + + +
+ ); +}; diff --git a/.history/components/customer/Pages/Index/block/Description/Description_20220530190937.tsx b/.history/components/customer/Pages/Index/block/Description/Description_20220530190937.tsx new file mode 100644 index 0000000..97edca8 --- /dev/null +++ b/.history/components/customer/Pages/Index/block/Description/Description_20220530190937.tsx @@ -0,0 +1,43 @@ +import React from 'react'; +import { ContainerTitle, ContainerInside } from '../../containers' +import { PictureText } from '../../../UI' + +export const Description: React.FC = () => { + return( + + +
+

Вы проголодались на работе? Или удобно устроились перед телевизором, чтобы посмотреть фильм? + А может, к Вам внезапно нагрянули друзья, а в холодильнике пусто? Пицца с доставкой от пиццерий.
+ Pizza - отличный выход для любой из этих ситуаций.

+

Вам остается только определиться, какой из видов этого итальянского блюда Вы хотите попробовать. + У Вас также есть прекрасная возможность заказать дополнительные ингредиенты к любой пицце: пармезан, + курицу, ананас, карри и многое другое. Придумайте собственный кулинарный шедевр, а наш курьерская доставка + привезет его Вам. Почувствуйте себя шеф-поваром!

+
+ + Минимальная стоимость зааза для доставки от 599 рублей + + + +
+ Бесплатная доставка от пиццерии Pizza - быстро и очень выгодно! +
+ + +
+

Вы все правильно поняли: Вы получите заказанные блюда горячими, ведь доставка пиццы осуществляется с + поразительной скоростью (не более 35 минут); +

+

+ Pizza использует только свежие ингредиенты, из которых пиццмейкеры готовят пиццу по проверенным рецептам, + поэтому лакомство придется Вам по вкусу; доставка пиццы будет бесплатной, и это никак не отразится на высоком качестве + Ваших любимых блюд. Для того чтобы заказать пиццу на дом, добавьте в «Корзину» понравившийся вариант и оформите заказ на + сайте пиццерии. +

+
+ Доставим заказ до 35 минут + + + ) +} \ No newline at end of file diff --git a/.history/components/customer/Pages/Index/block/Description/Description_20220531162101.tsx b/.history/components/customer/Pages/Index/block/Description/Description_20220531162101.tsx new file mode 100644 index 0000000..d933201 --- /dev/null +++ b/.history/components/customer/Pages/Index/block/Description/Description_20220531162101.tsx @@ -0,0 +1,43 @@ +import React from 'react'; +import { ContainerTitle, ContainerInside } from '../../../../containers' +import { PictureText } from '../../../../../UI' + +export const Description: React.FC = () => { + return( + + +
+

Вы проголодались на работе? Или удобно устроились перед телевизором, чтобы посмотреть фильм? + А может, к Вам внезапно нагрянули друзья, а в холодильнике пусто? Пицца с доставкой от пиццерий.
+ Pizza - отличный выход для любой из этих ситуаций.

+

Вам остается только определиться, какой из видов этого итальянского блюда Вы хотите попробовать. + У Вас также есть прекрасная возможность заказать дополнительные ингредиенты к любой пицце: пармезан, + курицу, ананас, карри и многое другое. Придумайте собственный кулинарный шедевр, а наш курьерская доставка + привезет его Вам. Почувствуйте себя шеф-поваром!

+
+ + Минимальная стоимость зааза для доставки от 599 рублей + + + +
+ Бесплатная доставка от пиццерии Pizza - быстро и очень выгодно! +
+ + +
+

Вы все правильно поняли: Вы получите заказанные блюда горячими, ведь доставка пиццы осуществляется с + поразительной скоростью (не более 35 минут); +

+

+ Pizza использует только свежие ингредиенты, из которых пиццмейкеры готовят пиццу по проверенным рецептам, + поэтому лакомство придется Вам по вкусу; доставка пиццы будет бесплатной, и это никак не отразится на высоком качестве + Ваших любимых блюд. Для того чтобы заказать пиццу на дом, добавьте в «Корзину» понравившийся вариант и оформите заказ на + сайте пиццерии. +

+
+ Доставим заказ до 35 минут + + + ) +} \ No newline at end of file diff --git a/.history/components/customer/Pages/Index/block/Pizza/Pizza_20220529151345.tsx b/.history/components/customer/Pages/Index/block/Pizza/Pizza_20220529151345.tsx new file mode 100644 index 0000000..dfe53cb --- /dev/null +++ b/.history/components/customer/Pages/Index/block/Pizza/Pizza_20220529151345.tsx @@ -0,0 +1,56 @@ +import React from 'react'; +import Image from 'next/image'; +import {ButtonImg, Button } from '../../../UI'; +import classNames from 'classnames'; + +type PizzaBlockProps = { + id: number; + title: string; + heft_trad: number; + description: string; + img_trad: string; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + img_trad, + heft_trad, + description, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {description}

    + + onClickAdd()}>Видос + + +

    от {heft_trad} руб

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/Pages/Index/block/Pizza/Pizza_20220531162101.tsx b/.history/components/customer/Pages/Index/block/Pizza/Pizza_20220531162101.tsx new file mode 100644 index 0000000..0bb4113 --- /dev/null +++ b/.history/components/customer/Pages/Index/block/Pizza/Pizza_20220531162101.tsx @@ -0,0 +1,56 @@ +import React from 'react'; +import Image from 'next/image'; +import {ButtonImg, Button } from '../../../../../UI'; +import classNames from 'classnames'; + +type PizzaBlockProps = { + id: number; + title: string; + heft_trad: number; + description: string; + img_trad: string; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + img_trad, + heft_trad, + description, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {description}

    + + onClickAdd()}>Видос + + +

    от {heft_trad} руб

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Categories/Categories_20220528175029.tsx b/.history/components/customer/block/Categories/Categories_20220528175029.tsx new file mode 100644 index 0000000..e69de29 diff --git a/.history/components/customer/block/Categories/Categories_20220528175234.tsx b/.history/components/customer/block/Categories/Categories_20220528175234.tsx new file mode 100644 index 0000000..001a1b4 --- /dev/null +++ b/.history/components/customer/block/Categories/Categories_20220528175234.tsx @@ -0,0 +1,26 @@ +import React from 'react'; +import classNames from 'classnames'; + +type Props = { + id: number; + color: string; + title_one: string; + title_two: string; + img: string; + sale: string; + }; + + export const Stock: React.FC = ({color, title_one, title_two, img, sale}) => { + return( +
    +
    +

    {title_one}

    +

    {title_two}

    +
    +
    +
    +

    {sale}

    +
    +
    + ) +} \ No newline at end of file diff --git a/.history/components/customer/block/Categories/Categories_20220528175311.tsx b/.history/components/customer/block/Categories/Categories_20220528175311.tsx new file mode 100644 index 0000000..cf0608c --- /dev/null +++ b/.history/components/customer/block/Categories/Categories_20220528175311.tsx @@ -0,0 +1,18 @@ +import React from 'react'; +import classNames from 'classnames'; + +type Props = { + id: number; + color: string; + title_one: string; + title_two: string; + img: string; + sale: string; + }; + + export const CategoriesCard: React.FC = ({color, title_one, title_two, img, sale}) => { + return( + export const CategoriesCard: React.FC = ({color, title_one, title_two, img, sale}) => { + + ) +} \ No newline at end of file diff --git a/.history/components/customer/block/Categories/Categories_20220528175856.tsx b/.history/components/customer/block/Categories/Categories_20220528175856.tsx new file mode 100644 index 0000000..4bc6ccb --- /dev/null +++ b/.history/components/customer/block/Categories/Categories_20220528175856.tsx @@ -0,0 +1,20 @@ +import React from 'react'; +import classNames from 'classnames'; + +type Props = { + id: number; + color: string; + title_one: string; + title_two: string; + img: string; + sale: string; + }; + + export const CategoriesCard: React.FC = ({color, title_one, title_two, img, sale}) => { + return( + {rows.name} + ) +} \ No newline at end of file diff --git a/.history/components/customer/block/Categories/Categories_20220528224149.tsx b/.history/components/customer/block/Categories/Categories_20220528224149.tsx new file mode 100644 index 0000000..7f8fc42 --- /dev/null +++ b/.history/components/customer/block/Categories/Categories_20220528224149.tsx @@ -0,0 +1,16 @@ +import React from 'react'; +import classNames from 'classnames'; + +type Props = { + type: string; + title: string; + }; + + export const CategoriesCard: React.FC = ({type, title}) => { + return( + {title} + ) +} \ No newline at end of file diff --git a/.history/components/customer/block/Categories/Categories_20220528224224.tsx b/.history/components/customer/block/Categories/Categories_20220528224224.tsx new file mode 100644 index 0000000..055350b --- /dev/null +++ b/.history/components/customer/block/Categories/Categories_20220528224224.tsx @@ -0,0 +1,16 @@ +import React from 'react'; +import classNames from 'classnames'; + +type Props = { + type: string; + title: string; + }; + + export const CategoriesCard: React.FC = ({type, title}) => { + return( + {title} + ) +} \ No newline at end of file diff --git a/.history/components/customer/block/Categories/Categories_20220528224233.tsx b/.history/components/customer/block/Categories/Categories_20220528224233.tsx new file mode 100644 index 0000000..9f19a2a --- /dev/null +++ b/.history/components/customer/block/Categories/Categories_20220528224233.tsx @@ -0,0 +1,17 @@ +import React from 'react'; +import classNames from 'classnames'; + +type Props = { + type: string; + title: string; + }; + + export const CategoriesCard: React.FC = ({type, title}) => { + return( + {title} + + ) +} \ No newline at end of file diff --git a/.history/components/customer/block/Categories/Categories_20220528224355.tsx b/.history/components/customer/block/Categories/Categories_20220528224355.tsx new file mode 100644 index 0000000..9c78026 --- /dev/null +++ b/.history/components/customer/block/Categories/Categories_20220528224355.tsx @@ -0,0 +1,17 @@ +import React from 'react'; +import classNames from 'classnames'; + +type Props = { + type: string; + title: string; + }; + + export const CategoriesButton: React.FC = ({type, title}) => { + return( + {title} + + ) +} \ No newline at end of file diff --git a/.history/components/customer/block/Categories/Categories_20220528230021.tsx b/.history/components/customer/block/Categories/Categories_20220528230021.tsx new file mode 100644 index 0000000..736cbdd --- /dev/null +++ b/.history/components/customer/block/Categories/Categories_20220528230021.tsx @@ -0,0 +1,17 @@ +import React from 'react'; +import classNames from 'classnames'; + +type Props = { + type: string; + name: string; + }; + + export const CategoriesButton: React.FC = ({type, name}) => { + return( + {name} + + ) +} \ No newline at end of file diff --git a/.history/components/customer/block/Categories/Skeleton_20220528175037.tsx b/.history/components/customer/block/Categories/Skeleton_20220528175037.tsx new file mode 100644 index 0000000..e69de29 diff --git a/.history/components/customer/block/Categories/Skeleton_20220528175118.tsx b/.history/components/customer/block/Categories/Skeleton_20220528175118.tsx new file mode 100644 index 0000000..ab9517c --- /dev/null +++ b/.history/components/customer/block/Categories/Skeleton_20220528175118.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import ContentLoader from 'react-content-loader'; + +export const CategoriesSkeleton = () => ( + + + +); diff --git a/.history/components/customer/block/Categories/Skeleton_20220528234710.tsx b/.history/components/customer/block/Categories/Skeleton_20220528234710.tsx new file mode 100644 index 0000000..58659e9 --- /dev/null +++ b/.history/components/customer/block/Categories/Skeleton_20220528234710.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import ContentLoader from 'react-content-loader'; + +export const CategoriesSkeleton = () => ( + + + +); diff --git a/.history/components/customer/block/Categories/Skeleton_20220528234713.tsx b/.history/components/customer/block/Categories/Skeleton_20220528234713.tsx new file mode 100644 index 0000000..a7dd184 --- /dev/null +++ b/.history/components/customer/block/Categories/Skeleton_20220528234713.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import ContentLoader from 'react-content-loader'; + +export const CategoriesSkeleton = () => ( + + + +); diff --git a/.history/components/customer/block/Categories/Skeleton_20220528234717.tsx b/.history/components/customer/block/Categories/Skeleton_20220528234717.tsx new file mode 100644 index 0000000..c3aa778 --- /dev/null +++ b/.history/components/customer/block/Categories/Skeleton_20220528234717.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import ContentLoader from 'react-content-loader'; + +export const CategoriesSkeleton = () => ( + + + +); diff --git a/.history/components/customer/block/Categories/Skeleton_20220528234719.tsx b/.history/components/customer/block/Categories/Skeleton_20220528234719.tsx new file mode 100644 index 0000000..df1b9b3 --- /dev/null +++ b/.history/components/customer/block/Categories/Skeleton_20220528234719.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import ContentLoader from 'react-content-loader'; + +export const CategoriesSkeleton = () => ( + + + +); diff --git a/.history/components/customer/block/Categories/Skeleton_20220528234723.tsx b/.history/components/customer/block/Categories/Skeleton_20220528234723.tsx new file mode 100644 index 0000000..b51436c --- /dev/null +++ b/.history/components/customer/block/Categories/Skeleton_20220528234723.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import ContentLoader from 'react-content-loader'; + +export const CategoriesSkeleton = () => ( + + + +); diff --git a/.history/components/customer/block/Categories/Skeleton_20220528234725.tsx b/.history/components/customer/block/Categories/Skeleton_20220528234725.tsx new file mode 100644 index 0000000..ce479bf --- /dev/null +++ b/.history/components/customer/block/Categories/Skeleton_20220528234725.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import ContentLoader from 'react-content-loader'; + +export const CategoriesSkeleton = () => ( + + + +); diff --git a/.history/components/customer/block/Categories/Skeleton_20220528235052.tsx b/.history/components/customer/block/Categories/Skeleton_20220528235052.tsx new file mode 100644 index 0000000..5ec378b --- /dev/null +++ b/.history/components/customer/block/Categories/Skeleton_20220528235052.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import ContentLoader from 'react-content-loader'; + +export const CategoriesSkeleton = () => ( + + + +); diff --git a/.history/components/customer/block/Categories/index_20220530190145.ts b/.history/components/customer/block/Categories/index_20220530190145.ts new file mode 100644 index 0000000..e69de29 diff --git a/.history/components/customer/block/Categories/index_20220530190154.ts b/.history/components/customer/block/Categories/index_20220530190154.ts new file mode 100644 index 0000000..aa52c18 --- /dev/null +++ b/.history/components/customer/block/Categories/index_20220530190154.ts @@ -0,0 +1 @@ +export * from './Categories' \ No newline at end of file diff --git a/.history/components/customer/block/Categories/index_20220530190157.ts b/.history/components/customer/block/Categories/index_20220530190157.ts new file mode 100644 index 0000000..e80debf --- /dev/null +++ b/.history/components/customer/block/Categories/index_20220530190157.ts @@ -0,0 +1,2 @@ +export * from './Categories' +export * from './Categories' \ No newline at end of file diff --git a/.history/components/customer/block/Categories/index_20220530190201.ts b/.history/components/customer/block/Categories/index_20220530190201.ts new file mode 100644 index 0000000..3b18803 --- /dev/null +++ b/.history/components/customer/block/Categories/index_20220530190201.ts @@ -0,0 +1,2 @@ +export * from './Categories' +export * from './Skeleton' \ No newline at end of file diff --git a/.history/components/customer/block/Categories/index_20220530190202.ts b/.history/components/customer/block/Categories/index_20220530190202.ts new file mode 100644 index 0000000..3b18803 --- /dev/null +++ b/.history/components/customer/block/Categories/index_20220530190202.ts @@ -0,0 +1,2 @@ +export * from './Categories' +export * from './Skeleton' \ No newline at end of file diff --git a/.history/components/customer/block/DeliveryArea/DeliveryArea_20220531160802.tsx b/.history/components/customer/block/DeliveryArea/DeliveryArea_20220531160802.tsx new file mode 100644 index 0000000..e69de29 diff --git a/.history/components/customer/block/DeliveryArea/DeliveryArea_20220531160828.tsx b/.history/components/customer/block/DeliveryArea/DeliveryArea_20220531160828.tsx new file mode 100644 index 0000000..1a49be4 --- /dev/null +++ b/.history/components/customer/block/DeliveryArea/DeliveryArea_20220531160828.tsx @@ -0,0 +1,18 @@ +import React from 'react'; +import { Header, Footer, FooterNav } from '../../components/customer/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/block/DeliveryArea/DeliveryArea_20220531160837.tsx b/.history/components/customer/block/DeliveryArea/DeliveryArea_20220531160837.tsx new file mode 100644 index 0000000..1a608e8 --- /dev/null +++ b/.history/components/customer/block/DeliveryArea/DeliveryArea_20220531160837.tsx @@ -0,0 +1,18 @@ +import React from 'react'; +import { Header, Footer, FooterNav } from '../../components/customer/block'; +import { ContainerInside } from '../../components/customer/containers' + +type Props = { children: React.ReactNode }; + +export const DeliveryArea: React.FC = ({children}) => { + return ( +
    +
    +
    + {children} + +
    +
    +
    + ); +}; \ No newline at end of file diff --git a/.history/components/customer/block/DeliveryArea/DeliveryArea_20220531160842.tsx b/.history/components/customer/block/DeliveryArea/DeliveryArea_20220531160842.tsx new file mode 100644 index 0000000..d67ac82 --- /dev/null +++ b/.history/components/customer/block/DeliveryArea/DeliveryArea_20220531160842.tsx @@ -0,0 +1,15 @@ +import React from 'react'; +type Props = { children: React.ReactNode }; + +export const DeliveryArea: React.FC = ({children}) => { + return ( +
    +
    +
    + {children} + +
    +
    +
    + ); +}; \ No newline at end of file diff --git a/.history/components/customer/block/DeliveryArea/DeliveryArea_20220531160848.tsx b/.history/components/customer/block/DeliveryArea/DeliveryArea_20220531160848.tsx new file mode 100644 index 0000000..3529630 --- /dev/null +++ b/.history/components/customer/block/DeliveryArea/DeliveryArea_20220531160848.tsx @@ -0,0 +1,8 @@ +import React from 'react'; +type Props = { children: React.ReactNode }; + +export const DeliveryArea: React.FC = ({children}) => { + return ( + + ); +}; \ No newline at end of file diff --git a/.history/components/customer/block/DeliveryArea/DeliveryArea_20220531160851.tsx b/.history/components/customer/block/DeliveryArea/DeliveryArea_20220531160851.tsx new file mode 100644 index 0000000..bf54823 --- /dev/null +++ b/.history/components/customer/block/DeliveryArea/DeliveryArea_20220531160851.tsx @@ -0,0 +1,8 @@ +import React from 'react'; +type Props = { children: React.ReactNode }; + +export const DeliveryArea: React.FC = ({children}) => { + return ( +

    + ); +}; \ No newline at end of file diff --git a/.history/components/customer/block/DeliveryArea/DeliveryArea_20220531160901.tsx b/.history/components/customer/block/DeliveryArea/DeliveryArea_20220531160901.tsx new file mode 100644 index 0000000..3db025d --- /dev/null +++ b/.history/components/customer/block/DeliveryArea/DeliveryArea_20220531160901.tsx @@ -0,0 +1,8 @@ +import React from 'react'; +type Props = { children: React.ReactNode }; + +export const DeliveryArea: React.FC = ({children}) => { + return ( +

    Зона

    + ); +}; \ No newline at end of file diff --git a/.history/components/customer/block/DeliveryArea/DeliveryArea_20220531160904.tsx b/.history/components/customer/block/DeliveryArea/DeliveryArea_20220531160904.tsx new file mode 100644 index 0000000..c774dd9 --- /dev/null +++ b/.history/components/customer/block/DeliveryArea/DeliveryArea_20220531160904.tsx @@ -0,0 +1,8 @@ +import React from 'react'; +type Props = { children: React.ReactNode }; + +export const DeliveryArea: React.FC = ({children}) => { + return ( +

    Зона доставки

    + ); +}; \ No newline at end of file diff --git a/.history/components/customer/block/DeliveryArea/DeliveryArea_20220531160905.tsx b/.history/components/customer/block/DeliveryArea/DeliveryArea_20220531160905.tsx new file mode 100644 index 0000000..1af7982 --- /dev/null +++ b/.history/components/customer/block/DeliveryArea/DeliveryArea_20220531160905.tsx @@ -0,0 +1,8 @@ +import React from 'react'; +type Props = { children: React.ReactNode }; + +export const DeliveryArea: React.FC = ({children}) => { + return ( +

    Зона доставки пи

    + ); +}; \ No newline at end of file diff --git a/.history/components/customer/block/DeliveryArea/DeliveryArea_20220531160908.tsx b/.history/components/customer/block/DeliveryArea/DeliveryArea_20220531160908.tsx new file mode 100644 index 0000000..cbbaa8a --- /dev/null +++ b/.history/components/customer/block/DeliveryArea/DeliveryArea_20220531160908.tsx @@ -0,0 +1,8 @@ +import React from 'react'; +type Props = { children: React.ReactNode }; + +export const DeliveryArea: React.FC = ({children}) => { + return ( +

    Зона доставки пиццы

    + ); +}; \ No newline at end of file diff --git a/.history/components/customer/block/DeliveryArea/DeliveryArea_20220531160917.tsx b/.history/components/customer/block/DeliveryArea/DeliveryArea_20220531160917.tsx new file mode 100644 index 0000000..1708e79 --- /dev/null +++ b/.history/components/customer/block/DeliveryArea/DeliveryArea_20220531160917.tsx @@ -0,0 +1,11 @@ +import React from 'react'; +type Props = { children: React.ReactNode }; + +export const DeliveryArea: React.FC = ({children}) => { + return ( +

    Зона доставки пиццы

    + + ); +}; \ No newline at end of file diff --git a/.history/components/customer/block/DeliveryArea/DeliveryArea_20220531160922.tsx b/.history/components/customer/block/DeliveryArea/DeliveryArea_20220531160922.tsx new file mode 100644 index 0000000..2dc4721 --- /dev/null +++ b/.history/components/customer/block/DeliveryArea/DeliveryArea_20220531160922.tsx @@ -0,0 +1,12 @@ +import React from 'react'; +type Props = { children: React.ReactNode }; + +export const DeliveryArea: React.FC = ({children}) => { + return ( + <> +

    Зона доставки пиццы

    + + ); +}; \ No newline at end of file diff --git a/.history/components/customer/block/DeliveryArea/DeliveryArea_20220531160924.tsx b/.history/components/customer/block/DeliveryArea/DeliveryArea_20220531160924.tsx new file mode 100644 index 0000000..68c41e0 --- /dev/null +++ b/.history/components/customer/block/DeliveryArea/DeliveryArea_20220531160924.tsx @@ -0,0 +1,12 @@ +import React from 'react'; +type Props = { children: React.ReactNode }; + +export const DeliveryArea: React.FC = ({children}) => { + return ( + <> +

    Зона доставки пиццы

    + + ); +}; \ No newline at end of file diff --git a/.history/components/customer/block/DeliveryArea/DeliveryArea_20220531160927.tsx b/.history/components/customer/block/DeliveryArea/DeliveryArea_20220531160927.tsx new file mode 100644 index 0000000..3304d33 --- /dev/null +++ b/.history/components/customer/block/DeliveryArea/DeliveryArea_20220531160927.tsx @@ -0,0 +1,13 @@ +import React from 'react'; +type Props = { children: React.ReactNode }; + +export const DeliveryArea: React.FC = ({children}) => { + return ( + <> +

    Зона доставки пиццы

    + + + ); +}; \ No newline at end of file diff --git a/.history/components/customer/block/DeliveryArea/DeliveryArea_20220531160929.tsx b/.history/components/customer/block/DeliveryArea/DeliveryArea_20220531160929.tsx new file mode 100644 index 0000000..d20107c --- /dev/null +++ b/.history/components/customer/block/DeliveryArea/DeliveryArea_20220531160929.tsx @@ -0,0 +1,13 @@ +import React from 'react'; +type Props = { children: React.ReactNode }; + +export const DeliveryArea: React.FC = ({children}) => { + return ( + <> +

    Зона доставки пиццы

    + + + ); +}; \ No newline at end of file diff --git a/.history/components/customer/block/DeliveryArea/DeliveryArea_20220531160933.tsx b/.history/components/customer/block/DeliveryArea/DeliveryArea_20220531160933.tsx new file mode 100644 index 0000000..fb97c6e --- /dev/null +++ b/.history/components/customer/block/DeliveryArea/DeliveryArea_20220531160933.tsx @@ -0,0 +1,13 @@ +import React from 'react'; +type Props = { children: React.ReactNode }; + +export const DeliveryArea: React.FC = ({children}) => { + return ( + <> +

    Зона доставки пиццы

    + + + ); +}; \ No newline at end of file diff --git a/.history/components/customer/block/DeliveryArea/DeliveryArea_20220531160934.tsx b/.history/components/customer/block/DeliveryArea/DeliveryArea_20220531160934.tsx new file mode 100644 index 0000000..ab14af9 --- /dev/null +++ b/.history/components/customer/block/DeliveryArea/DeliveryArea_20220531160934.tsx @@ -0,0 +1,13 @@ +import React from 'react'; +type Props = { children: React.ReactNode }; + +export const DeliveryArea: React.FC = ({children}) => { + return ( + <> +

    Зона доставки пиццы

    + + + ); +}; \ No newline at end of file diff --git a/.history/components/customer/block/DeliveryArea/DeliveryArea_20220531160935.tsx b/.history/components/customer/block/DeliveryArea/DeliveryArea_20220531160935.tsx new file mode 100644 index 0000000..eb6ddfa --- /dev/null +++ b/.history/components/customer/block/DeliveryArea/DeliveryArea_20220531160935.tsx @@ -0,0 +1,13 @@ +import React from 'react'; +type Props = { children: React.ReactNode }; + +export const DeliveryArea: React.FC = ({children}) => { + return ( + <> +

    Зона доставки пиццы

    + + + ); +}; \ No newline at end of file diff --git a/.history/components/customer/block/DeliveryArea/DeliveryArea_20220531160937.tsx b/.history/components/customer/block/DeliveryArea/DeliveryArea_20220531160937.tsx new file mode 100644 index 0000000..eb6ddfa --- /dev/null +++ b/.history/components/customer/block/DeliveryArea/DeliveryArea_20220531160937.tsx @@ -0,0 +1,13 @@ +import React from 'react'; +type Props = { children: React.ReactNode }; + +export const DeliveryArea: React.FC = ({children}) => { + return ( + <> +

    Зона доставки пиццы

    + + + ); +}; \ No newline at end of file diff --git a/.history/components/customer/block/DeliveryArea/DeliveryArea_20220531161030.tsx b/.history/components/customer/block/DeliveryArea/DeliveryArea_20220531161030.tsx new file mode 100644 index 0000000..6055ccc --- /dev/null +++ b/.history/components/customer/block/DeliveryArea/DeliveryArea_20220531161030.tsx @@ -0,0 +1,13 @@ +import React from 'react'; +type Props = { children: React.ReactNode }; + +export const DeliveryArea: React.FC = ({children}) => { + return ( + <> +

    Зона доставки пиццы

    + + + ); +}; \ No newline at end of file diff --git a/.history/components/customer/block/DeliveryArea/DeliveryArea_20220531161031.tsx b/.history/components/customer/block/DeliveryArea/DeliveryArea_20220531161031.tsx new file mode 100644 index 0000000..2c521a7 --- /dev/null +++ b/.history/components/customer/block/DeliveryArea/DeliveryArea_20220531161031.tsx @@ -0,0 +1,13 @@ +import React from 'react'; +type Props = { children: React.ReactNode }; + +export const DeliveryArea: React.FC = ({}) => { + return ( + <> +

    Зона доставки пиццы

    + + + ); +}; \ No newline at end of file diff --git a/.history/components/customer/block/DeliveryArea/DeliveryArea_20220531161032.tsx b/.history/components/customer/block/DeliveryArea/DeliveryArea_20220531161032.tsx new file mode 100644 index 0000000..ec217f5 --- /dev/null +++ b/.history/components/customer/block/DeliveryArea/DeliveryArea_20220531161032.tsx @@ -0,0 +1,13 @@ +import React from 'react'; +type Props = { children: React.ReactNode }; + +export const DeliveryArea: React.FC = () => { + return ( + <> +

    Зона доставки пиццы

    + + + ); +}; \ No newline at end of file diff --git a/.history/components/customer/block/DeliveryArea/DeliveryArea_20220531161035.tsx b/.history/components/customer/block/DeliveryArea/DeliveryArea_20220531161035.tsx new file mode 100644 index 0000000..27a63bd --- /dev/null +++ b/.history/components/customer/block/DeliveryArea/DeliveryArea_20220531161035.tsx @@ -0,0 +1,12 @@ +import React from 'react'; + +export const DeliveryArea: React.FC = () => { + return ( + <> +

    Зона доставки пиццы

    + + + ); +}; \ No newline at end of file diff --git a/.history/components/customer/block/DeliveryArea/DeliveryArea_20220531161359.tsx b/.history/components/customer/block/DeliveryArea/DeliveryArea_20220531161359.tsx new file mode 100644 index 0000000..ecb66cd --- /dev/null +++ b/.history/components/customer/block/DeliveryArea/DeliveryArea_20220531161359.tsx @@ -0,0 +1,12 @@ +import React from 'react'; + +export const DeliveryArea: React.FC = () => { + return ( + <> +

    Зона доставки пиццы

    + + + ); +}; \ No newline at end of file diff --git a/.history/components/customer/block/DeliveryArea/DeliveryArea_20220531161402.tsx b/.history/components/customer/block/DeliveryArea/DeliveryArea_20220531161402.tsx new file mode 100644 index 0000000..ecb66cd --- /dev/null +++ b/.history/components/customer/block/DeliveryArea/DeliveryArea_20220531161402.tsx @@ -0,0 +1,12 @@ +import React from 'react'; + +export const DeliveryArea: React.FC = () => { + return ( + <> +

    Зона доставки пиццы

    + + + ); +}; \ No newline at end of file diff --git a/.history/components/customer/block/DeliveryArea/index_20220531160748.ts b/.history/components/customer/block/DeliveryArea/index_20220531160748.ts new file mode 100644 index 0000000..e69de29 diff --git a/.history/components/customer/block/DeliveryArea/index_20220531160812.ts b/.history/components/customer/block/DeliveryArea/index_20220531160812.ts new file mode 100644 index 0000000..4d21243 --- /dev/null +++ b/.history/components/customer/block/DeliveryArea/index_20220531160812.ts @@ -0,0 +1 @@ +exp \ No newline at end of file diff --git a/.history/components/customer/block/DeliveryArea/index_20220531160819.ts b/.history/components/customer/block/DeliveryArea/index_20220531160819.ts new file mode 100644 index 0000000..5a3bf3c --- /dev/null +++ b/.history/components/customer/block/DeliveryArea/index_20220531160819.ts @@ -0,0 +1 @@ +export * from './DeliveryArea' \ No newline at end of file diff --git a/.history/components/customer/block/DeliveryArea/index_20220531160820.ts b/.history/components/customer/block/DeliveryArea/index_20220531160820.ts new file mode 100644 index 0000000..5a3bf3c --- /dev/null +++ b/.history/components/customer/block/DeliveryArea/index_20220531160820.ts @@ -0,0 +1 @@ +export * from './DeliveryArea' \ No newline at end of file diff --git a/.history/components/customer/block/Description/Description_20220530184318.tsx b/.history/components/customer/block/Description/Description_20220530184318.tsx new file mode 100644 index 0000000..e69de29 diff --git a/.history/components/customer/block/Description/Description_20220530184328.tsx b/.history/components/customer/block/Description/Description_20220530184328.tsx new file mode 100644 index 0000000..c35bf2c --- /dev/null +++ b/.history/components/customer/block/Description/Description_20220530184328.tsx @@ -0,0 +1,15 @@ +import React from 'react'; + +export const Box: React.FC = ({children}) => { + return( +
    +
    +
      + {children} +
    +
    +
    + ) +} + +type Props = { children: React.ReactNode }; \ No newline at end of file diff --git a/.history/components/customer/block/Description/Description_20220530184337.tsx b/.history/components/customer/block/Description/Description_20220530184337.tsx new file mode 100644 index 0000000..1e6c664 --- /dev/null +++ b/.history/components/customer/block/Description/Description_20220530184337.tsx @@ -0,0 +1,15 @@ +import React from 'react'; + +export const Description: React.FC = ({children}) => { + return( +
    +
    +
      + {children} +
    +
    +
    + ) +} + +type Props = { children: React.ReactNode }; \ No newline at end of file diff --git a/.history/components/customer/block/Description/Description_20220530184343.tsx b/.history/components/customer/block/Description/Description_20220530184343.tsx new file mode 100644 index 0000000..335bb3e --- /dev/null +++ b/.history/components/customer/block/Description/Description_20220530184343.tsx @@ -0,0 +1,15 @@ +import React from 'react'; + +export const Description: React.FC = () => { + return( +
    +
    +
      + {children} +
    +
    +
    + ) +} + +type Props = { children: React.ReactNode }; \ No newline at end of file diff --git a/.history/components/customer/block/Description/Description_20220530184345.tsx b/.history/components/customer/block/Description/Description_20220530184345.tsx new file mode 100644 index 0000000..a86cbbf --- /dev/null +++ b/.history/components/customer/block/Description/Description_20220530184345.tsx @@ -0,0 +1,15 @@ +import React from 'react'; + +export const Description: React.FC = () => { + return( +
    +
    +
      + +
    +
    +
    + ) +} + +type Props = { children: React.ReactNode }; \ No newline at end of file diff --git a/.history/components/customer/block/Description/Description_20220530184348.tsx b/.history/components/customer/block/Description/Description_20220530184348.tsx new file mode 100644 index 0000000..7d11e00 --- /dev/null +++ b/.history/components/customer/block/Description/Description_20220530184348.tsx @@ -0,0 +1,15 @@ +import React from 'react'; + +export const Description: React.FC = () => { + return( +
    +
    +
      + +
    +
    +
    + ) +} + +type Props = { children: React.ReactNode }; \ No newline at end of file diff --git a/.history/components/customer/block/Description/Description_20220530184349.tsx b/.history/components/customer/block/Description/Description_20220530184349.tsx new file mode 100644 index 0000000..7d11e00 --- /dev/null +++ b/.history/components/customer/block/Description/Description_20220530184349.tsx @@ -0,0 +1,15 @@ +import React from 'react'; + +export const Description: React.FC = () => { + return( +
    +
    +
      + +
    +
    +
    + ) +} + +type Props = { children: React.ReactNode }; \ No newline at end of file diff --git a/.history/components/customer/block/Description/Description_20220530184402.tsx b/.history/components/customer/block/Description/Description_20220530184402.tsx new file mode 100644 index 0000000..d1cb1c5 --- /dev/null +++ b/.history/components/customer/block/Description/Description_20220530184402.tsx @@ -0,0 +1,42 @@ +import React from 'react'; + +export const Description: React.FC = () => { + return( + + +
    +

    Вы проголодались на работе? Или удобно устроились перед телевизором, чтобы посмотреть фильм? + А может, к Вам внезапно нагрянули друзья, а в холодильнике пусто? Пицца с доставкой от пиццерий.
    + Pizza - отличный выход для любой из этих ситуаций.

    +

    Вам остается только определиться, какой из видов этого итальянского блюда Вы хотите попробовать. + У Вас также есть прекрасная возможность заказать дополнительные ингредиенты к любой пицце: пармезан, + курицу, ананас, карри и многое другое. Придумайте собственный кулинарный шедевр, а наш курьерская доставка + привезет его Вам. Почувствуйте себя шеф-поваром!

    +
    + + Минимальная стоимость зааза для доставки от 599 рублей + +     + +
    + Бесплатная доставка от пиццерии Pizza - быстро и очень выгодно! +
    + + +
    +

    Вы все правильно поняли: Вы получите заказанные блюда горячими, ведь доставка пиццы осуществляется с + поразительной скоростью (не более 35 минут); +

    +

    + Pizza использует только свежие ингредиенты, из которых пиццмейкеры готовят пиццу по проверенным рецептам, + поэтому лакомство придется Вам по вкусу; доставка пиццы будет бесплатной, и это никак не отразится на высоком качестве + Ваших любимых блюд. Для того чтобы заказать пиццу на дом, добавьте в «Корзину» понравившийся вариант и оформите заказ на + сайте пиццерии. +

    +
    + Доставим заказ до 35 минут +     + ) +} + +type Props = { children: React.ReactNode }; \ No newline at end of file diff --git a/.history/components/customer/block/Description/Description_20220530184410.tsx b/.history/components/customer/block/Description/Description_20220530184410.tsx new file mode 100644 index 0000000..93f994a --- /dev/null +++ b/.history/components/customer/block/Description/Description_20220530184410.tsx @@ -0,0 +1,40 @@ +import React from 'react'; + +export const Description: React.FC = () => { + return( + + +
    +

    Вы проголодались на работе? Или удобно устроились перед телевизором, чтобы посмотреть фильм? + А может, к Вам внезапно нагрянули друзья, а в холодильнике пусто? Пицца с доставкой от пиццерий.
    + Pizza - отличный выход для любой из этих ситуаций.

    +

    Вам остается только определиться, какой из видов этого итальянского блюда Вы хотите попробовать. + У Вас также есть прекрасная возможность заказать дополнительные ингредиенты к любой пицце: пармезан, + курицу, ананас, карри и многое другое. Придумайте собственный кулинарный шедевр, а наш курьерская доставка + привезет его Вам. Почувствуйте себя шеф-поваром!

    +
    + + Минимальная стоимость зааза для доставки от 599 рублей + +     + +
    + Бесплатная доставка от пиццерии Pizza - быстро и очень выгодно! +
    + + +
    +

    Вы все правильно поняли: Вы получите заказанные блюда горячими, ведь доставка пиццы осуществляется с + поразительной скоростью (не более 35 минут); +

    +

    + Pizza использует только свежие ингредиенты, из которых пиццмейкеры готовят пиццу по проверенным рецептам, + поэтому лакомство придется Вам по вкусу; доставка пиццы будет бесплатной, и это никак не отразится на высоком качестве + Ваших любимых блюд. Для того чтобы заказать пиццу на дом, добавьте в «Корзину» понравившийся вариант и оформите заказ на + сайте пиццерии. +

    +
    + Доставим заказ до 35 минут +     + ) +} \ No newline at end of file diff --git a/.history/components/customer/block/Description/Description_20220530184951.tsx b/.history/components/customer/block/Description/Description_20220530184951.tsx new file mode 100644 index 0000000..81d49b8 --- /dev/null +++ b/.history/components/customer/block/Description/Description_20220530184951.tsx @@ -0,0 +1,41 @@ +import React from 'react'; +import + +export const Description: React.FC = () => { + return( + + +
    +

    Вы проголодались на работе? Или удобно устроились перед телевизором, чтобы посмотреть фильм? + А может, к Вам внезапно нагрянули друзья, а в холодильнике пусто? Пицца с доставкой от пиццерий.
    + Pizza - отличный выход для любой из этих ситуаций.

    +

    Вам остается только определиться, какой из видов этого итальянского блюда Вы хотите попробовать. + У Вас также есть прекрасная возможность заказать дополнительные ингредиенты к любой пицце: пармезан, + курицу, ананас, карри и многое другое. Придумайте собственный кулинарный шедевр, а наш курьерская доставка + привезет его Вам. Почувствуйте себя шеф-поваром!

    +
    + + Минимальная стоимость зааза для доставки от 599 рублей + +     + +
    + Бесплатная доставка от пиццерии Pizza - быстро и очень выгодно! +
    + + +
    +

    Вы все правильно поняли: Вы получите заказанные блюда горячими, ведь доставка пиццы осуществляется с + поразительной скоростью (не более 35 минут); +

    +

    + Pizza использует только свежие ингредиенты, из которых пиццмейкеры готовят пиццу по проверенным рецептам, + поэтому лакомство придется Вам по вкусу; доставка пиццы будет бесплатной, и это никак не отразится на высоком качестве + Ваших любимых блюд. Для того чтобы заказать пиццу на дом, добавьте в «Корзину» понравившийся вариант и оформите заказ на + сайте пиццерии. +

    +
    + Доставим заказ до 35 минут +     + ) +} \ No newline at end of file diff --git a/.history/components/customer/block/Description/Description_20220530184955.tsx b/.history/components/customer/block/Description/Description_20220530184955.tsx new file mode 100644 index 0000000..ce629ba --- /dev/null +++ b/.history/components/customer/block/Description/Description_20220530184955.tsx @@ -0,0 +1,41 @@ +import React from 'react'; +import { ContainerTitle} + +export const Description: React.FC = () => { + return( + + +
    +

    Вы проголодались на работе? Или удобно устроились перед телевизором, чтобы посмотреть фильм? + А может, к Вам внезапно нагрянули друзья, а в холодильнике пусто? Пицца с доставкой от пиццерий.
    + Pizza - отличный выход для любой из этих ситуаций.

    +

    Вам остается только определиться, какой из видов этого итальянского блюда Вы хотите попробовать. + У Вас также есть прекрасная возможность заказать дополнительные ингредиенты к любой пицце: пармезан, + курицу, ананас, карри и многое другое. Придумайте собственный кулинарный шедевр, а наш курьерская доставка + привезет его Вам. Почувствуйте себя шеф-поваром!

    +
    + + Минимальная стоимость зааза для доставки от 599 рублей + +     + +
    + Бесплатная доставка от пиццерии Pizza - быстро и очень выгодно! +
    + + +
    +

    Вы все правильно поняли: Вы получите заказанные блюда горячими, ведь доставка пиццы осуществляется с + поразительной скоростью (не более 35 минут); +

    +

    + Pizza использует только свежие ингредиенты, из которых пиццмейкеры готовят пиццу по проверенным рецептам, + поэтому лакомство придется Вам по вкусу; доставка пиццы будет бесплатной, и это никак не отразится на высоком качестве + Ваших любимых блюд. Для того чтобы заказать пиццу на дом, добавьте в «Корзину» понравившийся вариант и оформите заказ на + сайте пиццерии. +

    +
    + Доставим заказ до 35 минут +     + ) +} \ No newline at end of file diff --git a/.history/components/customer/block/Description/Description_20220530184959.tsx b/.history/components/customer/block/Description/Description_20220530184959.tsx new file mode 100644 index 0000000..1cfa8d3 --- /dev/null +++ b/.history/components/customer/block/Description/Description_20220530184959.tsx @@ -0,0 +1,41 @@ +import React from 'react'; +import { ContainerTitle } form './' + +export const Description: React.FC = () => { + return( + + +
    +

    Вы проголодались на работе? Или удобно устроились перед телевизором, чтобы посмотреть фильм? + А может, к Вам внезапно нагрянули друзья, а в холодильнике пусто? Пицца с доставкой от пиццерий.
    + Pizza - отличный выход для любой из этих ситуаций.

    +

    Вам остается только определиться, какой из видов этого итальянского блюда Вы хотите попробовать. + У Вас также есть прекрасная возможность заказать дополнительные ингредиенты к любой пицце: пармезан, + курицу, ананас, карри и многое другое. Придумайте собственный кулинарный шедевр, а наш курьерская доставка + привезет его Вам. Почувствуйте себя шеф-поваром!

    +
    + + Минимальная стоимость зааза для доставки от 599 рублей + +     + +
    + Бесплатная доставка от пиццерии Pizza - быстро и очень выгодно! +
    + + +
    +

    Вы все правильно поняли: Вы получите заказанные блюда горячими, ведь доставка пиццы осуществляется с + поразительной скоростью (не более 35 минут); +

    +

    + Pizza использует только свежие ингредиенты, из которых пиццмейкеры готовят пиццу по проверенным рецептам, + поэтому лакомство придется Вам по вкусу; доставка пиццы будет бесплатной, и это никак не отразится на высоком качестве + Ваших любимых блюд. Для того чтобы заказать пиццу на дом, добавьте в «Корзину» понравившийся вариант и оформите заказ на + сайте пиццерии. +

    +
    + Доставим заказ до 35 минут +     + ) +} \ No newline at end of file diff --git a/.history/components/customer/block/Description/Description_20220530185002.tsx b/.history/components/customer/block/Description/Description_20220530185002.tsx new file mode 100644 index 0000000..c3847a4 --- /dev/null +++ b/.history/components/customer/block/Description/Description_20220530185002.tsx @@ -0,0 +1,41 @@ +import React from 'react'; +import { ContainerTitle } from './' + +export const Description: React.FC = () => { + return( + + +
    +

    Вы проголодались на работе? Или удобно устроились перед телевизором, чтобы посмотреть фильм? + А может, к Вам внезапно нагрянули друзья, а в холодильнике пусто? Пицца с доставкой от пиццерий.
    + Pizza - отличный выход для любой из этих ситуаций.

    +

    Вам остается только определиться, какой из видов этого итальянского блюда Вы хотите попробовать. + У Вас также есть прекрасная возможность заказать дополнительные ингредиенты к любой пицце: пармезан, + курицу, ананас, карри и многое другое. Придумайте собственный кулинарный шедевр, а наш курьерская доставка + привезет его Вам. Почувствуйте себя шеф-поваром!

    +
    + + Минимальная стоимость зааза для доставки от 599 рублей + +     + +
    + Бесплатная доставка от пиццерии Pizza - быстро и очень выгодно! +
    + + +
    +

    Вы все правильно поняли: Вы получите заказанные блюда горячими, ведь доставка пиццы осуществляется с + поразительной скоростью (не более 35 минут); +

    +

    + Pizza использует только свежие ингредиенты, из которых пиццмейкеры готовят пиццу по проверенным рецептам, + поэтому лакомство придется Вам по вкусу; доставка пиццы будет бесплатной, и это никак не отразится на высоком качестве + Ваших любимых блюд. Для того чтобы заказать пиццу на дом, добавьте в «Корзину» понравившийся вариант и оформите заказ на + сайте пиццерии. +

    +
    + Доставим заказ до 35 минут +     + ) +} \ No newline at end of file diff --git a/.history/components/customer/block/Description/Description_20220530185007.tsx b/.history/components/customer/block/Description/Description_20220530185007.tsx new file mode 100644 index 0000000..b3a3b84 --- /dev/null +++ b/.history/components/customer/block/Description/Description_20220530185007.tsx @@ -0,0 +1,41 @@ +import React from 'react'; +import { ContainerTitle } from '../' + +export const Description: React.FC = () => { + return( + + +
    +

    Вы проголодались на работе? Или удобно устроились перед телевизором, чтобы посмотреть фильм? + А может, к Вам внезапно нагрянули друзья, а в холодильнике пусто? Пицца с доставкой от пиццерий.
    + Pizza - отличный выход для любой из этих ситуаций.

    +

    Вам остается только определиться, какой из видов этого итальянского блюда Вы хотите попробовать. + У Вас также есть прекрасная возможность заказать дополнительные ингредиенты к любой пицце: пармезан, + курицу, ананас, карри и многое другое. Придумайте собственный кулинарный шедевр, а наш курьерская доставка + привезет его Вам. Почувствуйте себя шеф-поваром!

    +
    + + Минимальная стоимость зааза для доставки от 599 рублей + +     + +
    + Бесплатная доставка от пиццерии Pizza - быстро и очень выгодно! +
    + + +
    +

    Вы все правильно поняли: Вы получите заказанные блюда горячими, ведь доставка пиццы осуществляется с + поразительной скоростью (не более 35 минут); +

    +

    + Pizza использует только свежие ингредиенты, из которых пиццмейкеры готовят пиццу по проверенным рецептам, + поэтому лакомство придется Вам по вкусу; доставка пиццы будет бесплатной, и это никак не отразится на высоком качестве + Ваших любимых блюд. Для того чтобы заказать пиццу на дом, добавьте в «Корзину» понравившийся вариант и оформите заказ на + сайте пиццерии. +

    +
    + Доставим заказ до 35 минут +     + ) +} \ No newline at end of file diff --git a/.history/components/customer/block/Description/Description_20220530185012.tsx b/.history/components/customer/block/Description/Description_20220530185012.tsx new file mode 100644 index 0000000..3dc4409 --- /dev/null +++ b/.history/components/customer/block/Description/Description_20220530185012.tsx @@ -0,0 +1,41 @@ +import React from 'react'; +import { ContainerTitle } from '../../' + +export const Description: React.FC = () => { + return( + + +
    +

    Вы проголодались на работе? Или удобно устроились перед телевизором, чтобы посмотреть фильм? + А может, к Вам внезапно нагрянули друзья, а в холодильнике пусто? Пицца с доставкой от пиццерий.
    + Pizza - отличный выход для любой из этих ситуаций.

    +

    Вам остается только определиться, какой из видов этого итальянского блюда Вы хотите попробовать. + У Вас также есть прекрасная возможность заказать дополнительные ингредиенты к любой пицце: пармезан, + курицу, ананас, карри и многое другое. Придумайте собственный кулинарный шедевр, а наш курьерская доставка + привезет его Вам. Почувствуйте себя шеф-поваром!

    +
    + + Минимальная стоимость зааза для доставки от 599 рублей + +     + +
    + Бесплатная доставка от пиццерии Pizza - быстро и очень выгодно! +
    + + +
    +

    Вы все правильно поняли: Вы получите заказанные блюда горячими, ведь доставка пиццы осуществляется с + поразительной скоростью (не более 35 минут); +

    +

    + Pizza использует только свежие ингредиенты, из которых пиццмейкеры готовят пиццу по проверенным рецептам, + поэтому лакомство придется Вам по вкусу; доставка пиццы будет бесплатной, и это никак не отразится на высоком качестве + Ваших любимых блюд. Для того чтобы заказать пиццу на дом, добавьте в «Корзину» понравившийся вариант и оформите заказ на + сайте пиццерии. +

    +
    + Доставим заказ до 35 минут +     + ) +} \ No newline at end of file diff --git a/.history/components/customer/block/Description/Description_20220530185014.tsx b/.history/components/customer/block/Description/Description_20220530185014.tsx new file mode 100644 index 0000000..57636d8 --- /dev/null +++ b/.history/components/customer/block/Description/Description_20220530185014.tsx @@ -0,0 +1,41 @@ +import React from 'react'; +import { ContainerTitle } from '../../containers' + +export const Description: React.FC = () => { + return( + + +
    +

    Вы проголодались на работе? Или удобно устроились перед телевизором, чтобы посмотреть фильм? + А может, к Вам внезапно нагрянули друзья, а в холодильнике пусто? Пицца с доставкой от пиццерий.
    + Pizza - отличный выход для любой из этих ситуаций.

    +

    Вам остается только определиться, какой из видов этого итальянского блюда Вы хотите попробовать. + У Вас также есть прекрасная возможность заказать дополнительные ингредиенты к любой пицце: пармезан, + курицу, ананас, карри и многое другое. Придумайте собственный кулинарный шедевр, а наш курьерская доставка + привезет его Вам. Почувствуйте себя шеф-поваром!

    +
    + + Минимальная стоимость зааза для доставки от 599 рублей + +     + +
    + Бесплатная доставка от пиццерии Pizza - быстро и очень выгодно! +
    + + +
    +

    Вы все правильно поняли: Вы получите заказанные блюда горячими, ведь доставка пиццы осуществляется с + поразительной скоростью (не более 35 минут); +

    +

    + Pizza использует только свежие ингредиенты, из которых пиццмейкеры готовят пиццу по проверенным рецептам, + поэтому лакомство придется Вам по вкусу; доставка пиццы будет бесплатной, и это никак не отразится на высоком качестве + Ваших любимых блюд. Для того чтобы заказать пиццу на дом, добавьте в «Корзину» понравившийся вариант и оформите заказ на + сайте пиццерии. +

    +
    + Доставим заказ до 35 минут +     + ) +} \ No newline at end of file diff --git a/.history/components/customer/block/Description/Description_20220530185020.tsx b/.history/components/customer/block/Description/Description_20220530185020.tsx new file mode 100644 index 0000000..33e3e54 --- /dev/null +++ b/.history/components/customer/block/Description/Description_20220530185020.tsx @@ -0,0 +1,41 @@ +import React from 'react'; +import { ContainerTitle } from '../../containers' + +export const Description: React.FC = () => { + return( + + +
    +

    Вы проголодались на работе? Или удобно устроились перед телевизором, чтобы посмотреть фильм? + А может, к Вам внезапно нагрянули друзья, а в холодильнике пусто? Пицца с доставкой от пиццерий.
    + Pizza - отличный выход для любой из этих ситуаций.

    +

    Вам остается только определиться, какой из видов этого итальянского блюда Вы хотите попробовать. + У Вас также есть прекрасная возможность заказать дополнительные ингредиенты к любой пицце: пармезан, + курицу, ананас, карри и многое другое. Придумайте собственный кулинарный шедевр, а наш курьерская доставка + привезет его Вам. Почувствуйте себя шеф-поваром!

    +
    + + Минимальная стоимость зааза для доставки от 599 рублей + +     + +
    + Бесплатная доставка от пиццерии Pizza - быстро и очень выгодно! +
    + + +
    +

    Вы все правильно поняли: Вы получите заказанные блюда горячими, ведь доставка пиццы осуществляется с + поразительной скоростью (не более 35 минут); +

    +

    + Pizza использует только свежие ингредиенты, из которых пиццмейкеры готовят пиццу по проверенным рецептам, + поэтому лакомство придется Вам по вкусу; доставка пиццы будет бесплатной, и это никак не отразится на высоком качестве + Ваших любимых блюд. Для того чтобы заказать пиццу на дом, добавьте в «Корзину» понравившийся вариант и оформите заказ на + сайте пиццерии. +

    +
    + Доставим заказ до 35 минут +     + ) +} \ No newline at end of file diff --git a/.history/components/customer/block/Description/Description_20220530185031.tsx b/.history/components/customer/block/Description/Description_20220530185031.tsx new file mode 100644 index 0000000..f3d9179 --- /dev/null +++ b/.history/components/customer/block/Description/Description_20220530185031.tsx @@ -0,0 +1,41 @@ +import React from 'react'; +import { ContainerTitle } from '../../containers' + +export const Description: React.FC = () => { + return( + + +
    +

    Вы проголодались на работе? Или удобно устроились перед телевизором, чтобы посмотреть фильм? + А может, к Вам внезапно нагрянули друзья, а в холодильнике пусто? Пицца с доставкой от пиццерий.
    + Pizza - отличный выход для любой из этих ситуаций.

    +

    Вам остается только определиться, какой из видов этого итальянского блюда Вы хотите попробовать. + У Вас также есть прекрасная возможность заказать дополнительные ингредиенты к любой пицце: пармезан, + курицу, ананас, карри и многое другое. Придумайте собственный кулинарный шедевр, а наш курьерская доставка + привезет его Вам. Почувствуйте себя шеф-поваром!

    +
    + + Минимальная стоимость зааза для доставки от 599 рублей + +     + +
    + Бесплатная доставка от пиццерии Pizza - быстро и очень выгодно! +
    + + +
    +

    Вы все правильно поняли: Вы получите заказанные блюда горячими, ведь доставка пиццы осуществляется с + поразительной скоростью (не более 35 минут); +

    +

    + Pizza использует только свежие ингредиенты, из которых пиццмейкеры готовят пиццу по проверенным рецептам, + поэтому лакомство придется Вам по вкусу; доставка пиццы будет бесплатной, и это никак не отразится на высоком качестве + Ваших любимых блюд. Для того чтобы заказать пиццу на дом, добавьте в «Корзину» понравившийся вариант и оформите заказ на + сайте пиццерии. +

    +
    + Доставим заказ до 35 минут +     + ) +} \ No newline at end of file diff --git a/.history/components/customer/block/Description/Description_20220530185145.tsx b/.history/components/customer/block/Description/Description_20220530185145.tsx new file mode 100644 index 0000000..b3a354f --- /dev/null +++ b/.history/components/customer/block/Description/Description_20220530185145.tsx @@ -0,0 +1,42 @@ +import React from 'react'; +import { ContainerTitle } from '../../containers' + +export const Description: React.FC = () => { + return( + + +
    +

    Вы проголодались на работе? Или удобно устроились перед телевизором, чтобы посмотреть фильм? + А может, к Вам внезапно нагрянули друзья, а в холодильнике пусто? Пицца с доставкой от пиццерий.
    + Pizza - отличный выход для любой из этих ситуаций.

    +

    Вам остается только определиться, какой из видов этого итальянского блюда Вы хотите попробовать. + У Вас также есть прекрасная возможность заказать дополнительные ингредиенты к любой пицце: пармезан, + курицу, ананас, карри и многое другое. Придумайте собственный кулинарный шедевр, а наш курьерская доставка + привезет его Вам. Почувствуйте себя шеф-поваром!

    +
    + + Минимальная стоимость зааза для доставки от 599 рублей + +     + +
    + Бесплатная доставка от пиццерии Pizza - быстро и очень выгодно! +
    + + +
    +

    Вы все правильно поняли: Вы получите заказанные блюда горячими, ведь доставка пиццы осуществляется с + поразительной скоростью (не более 35 минут); +

    +

    + Pizza использует только свежие ингредиенты, из которых пиццмейкеры готовят пиццу по проверенным рецептам, + поэтому лакомство придется Вам по вкусу; доставка пиццы будет бесплатной, и это никак не отразится на высоком качестве + Ваших любимых блюд. Для того чтобы заказать пиццу на дом, добавьте в «Корзину» понравившийся вариант и оформите заказ на + сайте пиццерии. +

    +
    + Доставим заказ до 35 минут +     +     + ) +} \ No newline at end of file diff --git a/.history/components/customer/block/Description/Description_20220530185400.tsx b/.history/components/customer/block/Description/Description_20220530185400.tsx new file mode 100644 index 0000000..21539ea --- /dev/null +++ b/.history/components/customer/block/Description/Description_20220530185400.tsx @@ -0,0 +1,42 @@ +import React from 'react'; +import { ContainerTitle, ContainerInside } from '../../containers' + +export const Description: React.FC = () => { + return( + + +
    +

    Вы проголодались на работе? Или удобно устроились перед телевизором, чтобы посмотреть фильм? + А может, к Вам внезапно нагрянули друзья, а в холодильнике пусто? Пицца с доставкой от пиццерий.
    + Pizza - отличный выход для любой из этих ситуаций.

    +

    Вам остается только определиться, какой из видов этого итальянского блюда Вы хотите попробовать. + У Вас также есть прекрасная возможность заказать дополнительные ингредиенты к любой пицце: пармезан, + курицу, ананас, карри и многое другое. Придумайте собственный кулинарный шедевр, а наш курьерская доставка + привезет его Вам. Почувствуйте себя шеф-поваром!

    +
    + + Минимальная стоимость зааза для доставки от 599 рублей + +     + +
    + Бесплатная доставка от пиццерии Pizza - быстро и очень выгодно! +
    + + +
    +

    Вы все правильно поняли: Вы получите заказанные блюда горячими, ведь доставка пиццы осуществляется с + поразительной скоростью (не более 35 минут); +

    +

    + Pizza использует только свежие ингредиенты, из которых пиццмейкеры готовят пиццу по проверенным рецептам, + поэтому лакомство придется Вам по вкусу; доставка пиццы будет бесплатной, и это никак не отразится на высоком качестве + Ваших любимых блюд. Для того чтобы заказать пиццу на дом, добавьте в «Корзину» понравившийся вариант и оформите заказ на + сайте пиццерии. +

    +
    + Доставим заказ до 35 минут +     +     + ) +} \ No newline at end of file diff --git a/.history/components/customer/block/Description/Description_20220530185405.tsx b/.history/components/customer/block/Description/Description_20220530185405.tsx new file mode 100644 index 0000000..743136a --- /dev/null +++ b/.history/components/customer/block/Description/Description_20220530185405.tsx @@ -0,0 +1,42 @@ +import React from 'react'; +import { ContainerTitle, ContainerInside } from '../../containers' + +export const Description: React.FC = () => { + return( + + +
    +

    Вы проголодались на работе? Или удобно устроились перед телевизором, чтобы посмотреть фильм? + А может, к Вам внезапно нагрянули друзья, а в холодильнике пусто? Пицца с доставкой от пиццерий.
    + Pizza - отличный выход для любой из этих ситуаций.

    +

    Вам остается только определиться, какой из видов этого итальянского блюда Вы хотите попробовать. + У Вас также есть прекрасная возможность заказать дополнительные ингредиенты к любой пицце: пармезан, + курицу, ананас, карри и многое другое. Придумайте собственный кулинарный шедевр, а наш курьерская доставка + привезет его Вам. Почувствуйте себя шеф-поваром!

    +
    + + Минимальная стоимость зааза для доставки от 599 рублей + +     + +
    + Бесплатная доставка от пиццерии Pizza - быстро и очень выгодно! +
    + + +
    +

    Вы все правильно поняли: Вы получите заказанные блюда горячими, ведь доставка пиццы осуществляется с + поразительной скоростью (не более 35 минут); +

    +

    + Pizza использует только свежие ингредиенты, из которых пиццмейкеры готовят пиццу по проверенным рецептам, + поэтому лакомство придется Вам по вкусу; доставка пиццы будет бесплатной, и это никак не отразится на высоком качестве + Ваших любимых блюд. Для того чтобы заказать пиццу на дом, добавьте в «Корзину» понравившийся вариант и оформите заказ на + сайте пиццерии. +

    +
    + Доставим заказ до 35 минут +     +     + ) +} \ No newline at end of file diff --git a/.history/components/customer/block/Description/Description_20220530185407.tsx b/.history/components/customer/block/Description/Description_20220530185407.tsx new file mode 100644 index 0000000..c5bebb8 --- /dev/null +++ b/.history/components/customer/block/Description/Description_20220530185407.tsx @@ -0,0 +1,42 @@ +import React from 'react'; +import { ContainerTitle, ContainerInside } from '../../containers' + +export const Description: React.FC = () => { + return( + + +
    +

    Вы проголодались на работе? Или удобно устроились перед телевизором, чтобы посмотреть фильм? + А может, к Вам внезапно нагрянули друзья, а в холодильнике пусто? Пицца с доставкой от пиццерий.
    + Pizza - отличный выход для любой из этих ситуаций.

    +

    Вам остается только определиться, какой из видов этого итальянского блюда Вы хотите попробовать. + У Вас также есть прекрасная возможность заказать дополнительные ингредиенты к любой пицце: пармезан, + курицу, ананас, карри и многое другое. Придумайте собственный кулинарный шедевр, а наш курьерская доставка + привезет его Вам. Почувствуйте себя шеф-поваром!

    +
    + + Минимальная стоимость зааза для доставки от 599 рублей + +     + +
    + Бесплатная доставка от пиццерии Pizza - быстро и очень выгодно! +
    + + +
    +

    Вы все правильно поняли: Вы получите заказанные блюда горячими, ведь доставка пиццы осуществляется с + поразительной скоростью (не более 35 минут); +

    +

    + Pizza использует только свежие ингредиенты, из которых пиццмейкеры готовят пиццу по проверенным рецептам, + поэтому лакомство придется Вам по вкусу; доставка пиццы будет бесплатной, и это никак не отразится на высоком качестве + Ваших любимых блюд. Для того чтобы заказать пиццу на дом, добавьте в «Корзину» понравившийся вариант и оформите заказ на + сайте пиццерии. +

    +
    + Доставим заказ до 35 минут +     +     + ) +} \ No newline at end of file diff --git a/.history/components/customer/block/Description/Description_20220530185409.tsx b/.history/components/customer/block/Description/Description_20220530185409.tsx new file mode 100644 index 0000000..63efe82 --- /dev/null +++ b/.history/components/customer/block/Description/Description_20220530185409.tsx @@ -0,0 +1,42 @@ +import React from 'react'; +import { ContainerTitle, ContainerInside } from '../../containers' + +export const Description: React.FC = () => { + return( + + +
    +

    Вы проголодались на работе? Или удобно устроились перед телевизором, чтобы посмотреть фильм? + А может, к Вам внезапно нагрянули друзья, а в холодильнике пусто? Пицца с доставкой от пиццерий.
    + Pizza - отличный выход для любой из этих ситуаций.

    +

    Вам остается только определиться, какой из видов этого итальянского блюда Вы хотите попробовать. + У Вас также есть прекрасная возможность заказать дополнительные ингредиенты к любой пицце: пармезан, + курицу, ананас, карри и многое другое. Придумайте собственный кулинарный шедевр, а наш курьерская доставка + привезет его Вам. Почувствуйте себя шеф-поваром!

    +
    + + Минимальная стоимость зааза для доставки от 599 рублей + +     + +
    + Бесплатная доставка от пиццерии Pizza - быстро и очень выгодно! +
    + + +
    +

    Вы все правильно поняли: Вы получите заказанные блюда горячими, ведь доставка пиццы осуществляется с + поразительной скоростью (не более 35 минут); +

    +

    + Pizza использует только свежие ингредиенты, из которых пиццмейкеры готовят пиццу по проверенным рецептам, + поэтому лакомство придется Вам по вкусу; доставка пиццы будет бесплатной, и это никак не отразится на высоком качестве + Ваших любимых блюд. Для того чтобы заказать пиццу на дом, добавьте в «Корзину» понравившийся вариант и оформите заказ на + сайте пиццерии. +

    +
    + Доставим заказ до 35 минут +     +     + ) +} \ No newline at end of file diff --git a/.history/components/customer/block/Description/Description_20220530185411.tsx b/.history/components/customer/block/Description/Description_20220530185411.tsx new file mode 100644 index 0000000..35d4ae3 --- /dev/null +++ b/.history/components/customer/block/Description/Description_20220530185411.tsx @@ -0,0 +1,42 @@ +import React from 'react'; +import { ContainerTitle, ContainerInside } from '../../containers' + +export const Description: React.FC = () => { + return( + + +
    +

    Вы проголодались на работе? Или удобно устроились перед телевизором, чтобы посмотреть фильм? + А может, к Вам внезапно нагрянули друзья, а в холодильнике пусто? Пицца с доставкой от пиццерий.
    + Pizza - отличный выход для любой из этих ситуаций.

    +

    Вам остается только определиться, какой из видов этого итальянского блюда Вы хотите попробовать. + У Вас также есть прекрасная возможность заказать дополнительные ингредиенты к любой пицце: пармезан, + курицу, ананас, карри и многое другое. Придумайте собственный кулинарный шедевр, а наш курьерская доставка + привезет его Вам. Почувствуйте себя шеф-поваром!

    +
    + + Минимальная стоимость зааза для доставки от 599 рублей + +     + +
    + Бесплатная доставка от пиццерии Pizza - быстро и очень выгодно! +
    + + +
    +

    Вы все правильно поняли: Вы получите заказанные блюда горячими, ведь доставка пиццы осуществляется с + поразительной скоростью (не более 35 минут); +

    +

    + Pizza использует только свежие ингредиенты, из которых пиццмейкеры готовят пиццу по проверенным рецептам, + поэтому лакомство придется Вам по вкусу; доставка пиццы будет бесплатной, и это никак не отразится на высоком качестве + Ваших любимых блюд. Для того чтобы заказать пиццу на дом, добавьте в «Корзину» понравившийся вариант и оформите заказ на + сайте пиццерии. +

    +
    + Доставим заказ до 35 минут +     +     + ) +} \ No newline at end of file diff --git a/.history/components/customer/block/Description/Description_20220530185415.tsx b/.history/components/customer/block/Description/Description_20220530185415.tsx new file mode 100644 index 0000000..ad5be7a --- /dev/null +++ b/.history/components/customer/block/Description/Description_20220530185415.tsx @@ -0,0 +1,42 @@ +import React from 'react'; +import { ContainerTitle, ContainerInside } from '../../containers' + +export const Description: React.FC = () => { + return( + + +
    +

    Вы проголодались на работе? Или удобно устроились перед телевизором, чтобы посмотреть фильм? + А может, к Вам внезапно нагрянули друзья, а в холодильнике пусто? Пицца с доставкой от пиццерий.
    + Pizza - отличный выход для любой из этих ситуаций.

    +

    Вам остается только определиться, какой из видов этого итальянского блюда Вы хотите попробовать. + У Вас также есть прекрасная возможность заказать дополнительные ингредиенты к любой пицце: пармезан, + курицу, ананас, карри и многое другое. Придумайте собственный кулинарный шедевр, а наш курьерская доставка + привезет его Вам. Почувствуйте себя шеф-поваром!

    +
    + + Минимальная стоимость зааза для доставки от 599 рублей + +     + +
    + Бесплатная доставка от пиццерии Pizza - быстро и очень выгодно! +
    + + +
    +

    Вы все правильно поняли: Вы получите заказанные блюда горячими, ведь доставка пиццы осуществляется с + поразительной скоростью (не более 35 минут); +

    +

    + Pizza использует только свежие ингредиенты, из которых пиццмейкеры готовят пиццу по проверенным рецептам, + поэтому лакомство придется Вам по вкусу; доставка пиццы будет бесплатной, и это никак не отразится на высоком качестве + Ваших любимых блюд. Для того чтобы заказать пиццу на дом, добавьте в «Корзину» понравившийся вариант и оформите заказ на + сайте пиццерии. +

    +
    + Доставим заказ до 35 минут +     +     + ) +} \ No newline at end of file diff --git a/.history/components/customer/block/Description/Description_20220530185417.tsx b/.history/components/customer/block/Description/Description_20220530185417.tsx new file mode 100644 index 0000000..3b6144b --- /dev/null +++ b/.history/components/customer/block/Description/Description_20220530185417.tsx @@ -0,0 +1,42 @@ +import React from 'react'; +import { ContainerTitle, ContainerInside } from '../../containers' + +export const Description: React.FC = () => { + return( + + +
    +

    Вы проголодались на работе? Или удобно устроились перед телевизором, чтобы посмотреть фильм? + А может, к Вам внезапно нагрянули друзья, а в холодильнике пусто? Пицца с доставкой от пиццерий.
    + Pizza - отличный выход для любой из этих ситуаций.

    +

    Вам остается только определиться, какой из видов этого итальянского блюда Вы хотите попробовать. + У Вас также есть прекрасная возможность заказать дополнительные ингредиенты к любой пицце: пармезан, + курицу, ананас, карри и многое другое. Придумайте собственный кулинарный шедевр, а наш курьерская доставка + привезет его Вам. Почувствуйте себя шеф-поваром!

    +
    + + Минимальная стоимость зааза для доставки от 599 рублей + +     + +
    + Бесплатная доставка от пиццерии Pizza - быстро и очень выгодно! +
    + + +
    +

    Вы все правильно поняли: Вы получите заказанные блюда горячими, ведь доставка пиццы осуществляется с + поразительной скоростью (не более 35 минут); +

    +

    + Pizza использует только свежие ингредиенты, из которых пиццмейкеры готовят пиццу по проверенным рецептам, + поэтому лакомство придется Вам по вкусу; доставка пиццы будет бесплатной, и это никак не отразится на высоком качестве + Ваших любимых блюд. Для того чтобы заказать пиццу на дом, добавьте в «Корзину» понравившийся вариант и оформите заказ на + сайте пиццерии. +

    +
    + Доставим заказ до 35 минут +     +     + ) +} \ No newline at end of file diff --git a/.history/components/customer/block/Description/Description_20220530185425.tsx b/.history/components/customer/block/Description/Description_20220530185425.tsx new file mode 100644 index 0000000..5b6574a --- /dev/null +++ b/.history/components/customer/block/Description/Description_20220530185425.tsx @@ -0,0 +1,42 @@ +import React from 'react'; +import { ContainerTitle, ContainerInside } from '../../containers' + +export const Description: React.FC = () => { + return( + + +
    +

    Вы проголодались на работе? Или удобно устроились перед телевизором, чтобы посмотреть фильм? + А может, к Вам внезапно нагрянули друзья, а в холодильнике пусто? Пицца с доставкой от пиццерий.
    + Pizza - отличный выход для любой из этих ситуаций.

    +

    Вам остается только определиться, какой из видов этого итальянского блюда Вы хотите попробовать. + У Вас также есть прекрасная возможность заказать дополнительные ингредиенты к любой пицце: пармезан, + курицу, ананас, карри и многое другое. Придумайте собственный кулинарный шедевр, а наш курьерская доставка + привезет его Вам. Почувствуйте себя шеф-поваром!

    +
    + + Минимальная стоимость зааза для доставки от 599 рублей + +     + +
    + Бесплатная доставка от пиццерии Pizza - быстро и очень выгодно! +
    + + +
    +

    Вы все правильно поняли: Вы получите заказанные блюда горячими, ведь доставка пиццы осуществляется с + поразительной скоростью (не более 35 минут); +

    +

    + Pizza использует только свежие ингредиенты, из которых пиццмейкеры готовят пиццу по проверенным рецептам, + поэтому лакомство придется Вам по вкусу; доставка пиццы будет бесплатной, и это никак не отразится на высоком качестве + Ваших любимых блюд. Для того чтобы заказать пиццу на дом, добавьте в «Корзину» понравившийся вариант и оформите заказ на + сайте пиццерии. +

    +
    + Доставим заказ до 35 минут +     +     + ) +} \ No newline at end of file diff --git a/.history/components/customer/block/Description/Description_20220530185427.tsx b/.history/components/customer/block/Description/Description_20220530185427.tsx new file mode 100644 index 0000000..a107367 --- /dev/null +++ b/.history/components/customer/block/Description/Description_20220530185427.tsx @@ -0,0 +1,42 @@ +import React from 'react'; +import { ContainerTitle, ContainerInside } from '../../containers' + +export const Description: React.FC = () => { + return( + + +
    +

    Вы проголодались на работе? Или удобно устроились перед телевизором, чтобы посмотреть фильм? + А может, к Вам внезапно нагрянули друзья, а в холодильнике пусто? Пицца с доставкой от пиццерий.
    + Pizza - отличный выход для любой из этих ситуаций.

    +

    Вам остается только определиться, какой из видов этого итальянского блюда Вы хотите попробовать. + У Вас также есть прекрасная возможность заказать дополнительные ингредиенты к любой пицце: пармезан, + курицу, ананас, карри и многое другое. Придумайте собственный кулинарный шедевр, а наш курьерская доставка + привезет его Вам. Почувствуйте себя шеф-поваром!

    +
    + + Минимальная стоимость зааза для доставки от 599 рублей + +     + +
    + Бесплатная доставка от пиццерии Pizza - быстро и очень выгодно! +
    + + +
    +

    Вы все правильно поняли: Вы получите заказанные блюда горячими, ведь доставка пиццы осуществляется с + поразительной скоростью (не более 35 минут); +

    +

    + Pizza использует только свежие ингредиенты, из которых пиццмейкеры готовят пиццу по проверенным рецептам, + поэтому лакомство придется Вам по вкусу; доставка пиццы будет бесплатной, и это никак не отразится на высоком качестве + Ваших любимых блюд. Для того чтобы заказать пиццу на дом, добавьте в «Корзину» понравившийся вариант и оформите заказ на + сайте пиццерии. +

    +
    + Доставим заказ до 35 минут +     +     + ) +} \ No newline at end of file diff --git a/.history/components/customer/block/Description/Description_20220530185428.tsx b/.history/components/customer/block/Description/Description_20220530185428.tsx new file mode 100644 index 0000000..a01922f --- /dev/null +++ b/.history/components/customer/block/Description/Description_20220530185428.tsx @@ -0,0 +1,42 @@ +import React from 'react'; +import { ContainerTitle, ContainerInside } from '../../containers' + +export const Description: React.FC = () => { + return( + + +
    +

    Вы проголодались на работе? Или удобно устроились перед телевизором, чтобы посмотреть фильм? + А может, к Вам внезапно нагрянули друзья, а в холодильнике пусто? Пицца с доставкой от пиццерий.
    + Pizza - отличный выход для любой из этих ситуаций.

    +

    Вам остается только определиться, какой из видов этого итальянского блюда Вы хотите попробовать. + У Вас также есть прекрасная возможность заказать дополнительные ингредиенты к любой пицце: пармезан, + курицу, ананас, карри и многое другое. Придумайте собственный кулинарный шедевр, а наш курьерская доставка + привезет его Вам. Почувствуйте себя шеф-поваром!

    +
    + + Минимальная стоимость зааза для доставки от 599 рублей + +     + +
    + Бесплатная доставка от пиццерии Pizza - быстро и очень выгодно! +
    + + +
    +

    Вы все правильно поняли: Вы получите заказанные блюда горячими, ведь доставка пиццы осуществляется с + поразительной скоростью (не более 35 минут); +

    +

    + Pizza использует только свежие ингредиенты, из которых пиццмейкеры готовят пиццу по проверенным рецептам, + поэтому лакомство придется Вам по вкусу; доставка пиццы будет бесплатной, и это никак не отразится на высоком качестве + Ваших любимых блюд. Для того чтобы заказать пиццу на дом, добавьте в «Корзину» понравившийся вариант и оформите заказ на + сайте пиццерии. +

    +
    + Доставим заказ до 35 минут +     +     + ) +} \ No newline at end of file diff --git a/.history/components/customer/block/Description/Description_20220530185434.tsx b/.history/components/customer/block/Description/Description_20220530185434.tsx new file mode 100644 index 0000000..9599a6a --- /dev/null +++ b/.history/components/customer/block/Description/Description_20220530185434.tsx @@ -0,0 +1,42 @@ +import React from 'react'; +import { ContainerTitle, ContainerInside } from '../../containers' + +export const Description: React.FC = () => { + return( + + +
    +

    Вы проголодались на работе? Или удобно устроились перед телевизором, чтобы посмотреть фильм? + А может, к Вам внезапно нагрянули друзья, а в холодильнике пусто? Пицца с доставкой от пиццерий.
    + Pizza - отличный выход для любой из этих ситуаций.

    +

    Вам остается только определиться, какой из видов этого итальянского блюда Вы хотите попробовать. + У Вас также есть прекрасная возможность заказать дополнительные ингредиенты к любой пицце: пармезан, + курицу, ананас, карри и многое другое. Придумайте собственный кулинарный шедевр, а наш курьерская доставка + привезет его Вам. Почувствуйте себя шеф-поваром!

    +
    + + Минимальная стоимость зааза для доставки от 599 рублей + +     + +
    + Бесплатная доставка от пиццерии Pizza - быстро и очень выгодно! +
    + + +
    +

    Вы все правильно поняли: Вы получите заказанные блюда горячими, ведь доставка пиццы осуществляется с + поразительной скоростью (не более 35 минут); +

    +

    + Pizza использует только свежие ингредиенты, из которых пиццмейкеры готовят пиццу по проверенным рецептам, + поэтому лакомство придется Вам по вкусу; доставка пиццы будет бесплатной, и это никак не отразится на высоком качестве + Ваших любимых блюд. Для того чтобы заказать пиццу на дом, добавьте в «Корзину» понравившийся вариант и оформите заказ на + сайте пиццерии. +

    +
    + Доставим заказ до 35 минут +     +     + ) +} \ No newline at end of file diff --git a/.history/components/customer/block/Description/Description_20220530185437.tsx b/.history/components/customer/block/Description/Description_20220530185437.tsx new file mode 100644 index 0000000..55ae7ab --- /dev/null +++ b/.history/components/customer/block/Description/Description_20220530185437.tsx @@ -0,0 +1,42 @@ +import React from 'react'; +import { ContainerTitle, ContainerInside } from '../../containers' + +export const Description: React.FC = () => { + return( + + +
    +

    Вы проголодались на работе? Или удобно устроились перед телевизором, чтобы посмотреть фильм? + А может, к Вам внезапно нагрянули друзья, а в холодильнике пусто? Пицца с доставкой от пиццерий.
    + Pizza - отличный выход для любой из этих ситуаций.

    +

    Вам остается только определиться, какой из видов этого итальянского блюда Вы хотите попробовать. + У Вас также есть прекрасная возможность заказать дополнительные ингредиенты к любой пицце: пармезан, + курицу, ананас, карри и многое другое. Придумайте собственный кулинарный шедевр, а наш курьерская доставка + привезет его Вам. Почувствуйте себя шеф-поваром!

    +
    + + Минимальная стоимость зааза для доставки от 599 рублей + +     + +
    + Бесплатная доставка от пиццерии Pizza - быстро и очень выгодно! +
    + + +
    +

    Вы все правильно поняли: Вы получите заказанные блюда горячими, ведь доставка пиццы осуществляется с + поразительной скоростью (не более 35 минут); +

    +

    + Pizza использует только свежие ингредиенты, из которых пиццмейкеры готовят пиццу по проверенным рецептам, + поэтому лакомство придется Вам по вкусу; доставка пиццы будет бесплатной, и это никак не отразится на высоком качестве + Ваших любимых блюд. Для того чтобы заказать пиццу на дом, добавьте в «Корзину» понравившийся вариант и оформите заказ на + сайте пиццерии. +

    +
    + Доставим заказ до 35 минут +     +     + ) +} \ No newline at end of file diff --git a/.history/components/customer/block/Description/Description_20220530185440.tsx b/.history/components/customer/block/Description/Description_20220530185440.tsx new file mode 100644 index 0000000..ec7e56d --- /dev/null +++ b/.history/components/customer/block/Description/Description_20220530185440.tsx @@ -0,0 +1,42 @@ +import React from 'react'; +import { ContainerTitle, ContainerInside } from '../../containers' + +export const Description: React.FC = () => { + return( + + +
    +

    Вы проголодались на работе? Или удобно устроились перед телевизором, чтобы посмотреть фильм? + А может, к Вам внезапно нагрянули друзья, а в холодильнике пусто? Пицца с доставкой от пиццерий.
    + Pizza - отличный выход для любой из этих ситуаций.

    +

    Вам остается только определиться, какой из видов этого итальянского блюда Вы хотите попробовать. + У Вас также есть прекрасная возможность заказать дополнительные ингредиенты к любой пицце: пармезан, + курицу, ананас, карри и многое другое. Придумайте собственный кулинарный шедевр, а наш курьерская доставка + привезет его Вам. Почувствуйте себя шеф-поваром!

    +
    + + Минимальная стоимость зааза для доставки от 599 рублей + +     + +
    + Бесплатная доставка от пиццерии Pizza - быстро и очень выгодно! +
    + + +
    +

    Вы все правильно поняли: Вы получите заказанные блюда горячими, ведь доставка пиццы осуществляется с + поразительной скоростью (не более 35 минут); +

    +

    + Pizza использует только свежие ингредиенты, из которых пиццмейкеры готовят пиццу по проверенным рецептам, + поэтому лакомство придется Вам по вкусу; доставка пиццы будет бесплатной, и это никак не отразится на высоком качестве + Ваших любимых блюд. Для того чтобы заказать пиццу на дом, добавьте в «Корзину» понравившийся вариант и оформите заказ на + сайте пиццерии. +

    +
    + Доставим заказ до 35 минут +     +     + ) +} \ No newline at end of file diff --git a/.history/components/customer/block/Description/Description_20220530185445.tsx b/.history/components/customer/block/Description/Description_20220530185445.tsx new file mode 100644 index 0000000..ec7e56d --- /dev/null +++ b/.history/components/customer/block/Description/Description_20220530185445.tsx @@ -0,0 +1,42 @@ +import React from 'react'; +import { ContainerTitle, ContainerInside } from '../../containers' + +export const Description: React.FC = () => { + return( + + +
    +

    Вы проголодались на работе? Или удобно устроились перед телевизором, чтобы посмотреть фильм? + А может, к Вам внезапно нагрянули друзья, а в холодильнике пусто? Пицца с доставкой от пиццерий.
    + Pizza - отличный выход для любой из этих ситуаций.

    +

    Вам остается только определиться, какой из видов этого итальянского блюда Вы хотите попробовать. + У Вас также есть прекрасная возможность заказать дополнительные ингредиенты к любой пицце: пармезан, + курицу, ананас, карри и многое другое. Придумайте собственный кулинарный шедевр, а наш курьерская доставка + привезет его Вам. Почувствуйте себя шеф-поваром!

    +
    + + Минимальная стоимость зааза для доставки от 599 рублей + +     + +
    + Бесплатная доставка от пиццерии Pizza - быстро и очень выгодно! +
    + + +
    +

    Вы все правильно поняли: Вы получите заказанные блюда горячими, ведь доставка пиццы осуществляется с + поразительной скоростью (не более 35 минут); +

    +

    + Pizza использует только свежие ингредиенты, из которых пиццмейкеры готовят пиццу по проверенным рецептам, + поэтому лакомство придется Вам по вкусу; доставка пиццы будет бесплатной, и это никак не отразится на высоком качестве + Ваших любимых блюд. Для того чтобы заказать пиццу на дом, добавьте в «Корзину» понравившийся вариант и оформите заказ на + сайте пиццерии. +

    +
    + Доставим заказ до 35 минут +     +     + ) +} \ No newline at end of file diff --git a/.history/components/customer/block/Description/Description_20220530185503.tsx b/.history/components/customer/block/Description/Description_20220530185503.tsx new file mode 100644 index 0000000..fb8f614 --- /dev/null +++ b/.history/components/customer/block/Description/Description_20220530185503.tsx @@ -0,0 +1,42 @@ +import React from 'react'; +import { ContainerTitle, ContainerInside } from '../../containers' + +export const Description: React.FC = () => { + return( + + +
    +

    Вы проголодались на работе? Или удобно устроились перед телевизором, чтобы посмотреть фильм? + А может, к Вам внезапно нагрянули друзья, а в холодильнике пусто? Пицца с доставкой от пиццерий.
    + Pizza - отличный выход для любой из этих ситуаций.

    +

    Вам остается только определиться, какой из видов этого итальянского блюда Вы хотите попробовать. + У Вас также есть прекрасная возможность заказать дополнительные ингредиенты к любой пицце: пармезан, + курицу, ананас, карри и многое другое. Придумайте собственный кулинарный шедевр, а наш курьерская доставка + привезет его Вам. Почувствуйте себя шеф-поваром!

    +
    + + Минимальная стоимость зааза для доставки от 599 рублей + +     + +
    + Бесплатная доставка от пиццерии Pizza - быстро и очень выгодно! +
    + + +
    +

    Вы все правильно поняли: Вы получите заказанные блюда горячими, ведь доставка пиццы осуществляется с + поразительной скоростью (не более 35 минут); +

    +

    + Pizza использует только свежие ингредиенты, из которых пиццмейкеры готовят пиццу по проверенным рецептам, + поэтому лакомство придется Вам по вкусу; доставка пиццы будет бесплатной, и это никак не отразится на высоком качестве + Ваших любимых блюд. Для того чтобы заказать пиццу на дом, добавьте в «Корзину» понравившийся вариант и оформите заказ на + сайте пиццерии. +

    +
    + Доставим заказ до 35 минут +     +     + ) +} \ No newline at end of file diff --git a/.history/components/customer/block/Description/Description_20220530185509.tsx b/.history/components/customer/block/Description/Description_20220530185509.tsx new file mode 100644 index 0000000..340a4f8 --- /dev/null +++ b/.history/components/customer/block/Description/Description_20220530185509.tsx @@ -0,0 +1,42 @@ +import React from 'react'; +import { ContainerTitle, ContainerInside } from '../../containers' + +export const Description: React.FC = () => { + return( + + +
    +

    Вы проголодались на работе? Или удобно устроились перед телевизором, чтобы посмотреть фильм? + А может, к Вам внезапно нагрянули друзья, а в холодильнике пусто? Пицца с доставкой от пиццерий.
    + Pizza - отличный выход для любой из этих ситуаций.

    +

    Вам остается только определиться, какой из видов этого итальянского блюда Вы хотите попробовать. + У Вас также есть прекрасная возможность заказать дополнительные ингредиенты к любой пицце: пармезан, + курицу, ананас, карри и многое другое. Придумайте собственный кулинарный шедевр, а наш курьерская доставка + привезет его Вам. Почувствуйте себя шеф-поваром!

    +
    + + Минимальная стоимость зааза для доставки от 599 рублей + +     + +
    + Бесплатная доставка от пиццерии Pizza - быстро и очень выгодно! +
    + + +
    +

    Вы все правильно поняли: Вы получите заказанные блюда горячими, ведь доставка пиццы осуществляется с + поразительной скоростью (не более 35 минут); +

    +

    + Pizza использует только свежие ингредиенты, из которых пиццмейкеры готовят пиццу по проверенным рецептам, + поэтому лакомство придется Вам по вкусу; доставка пиццы будет бесплатной, и это никак не отразится на высоком качестве + Ваших любимых блюд. Для того чтобы заказать пиццу на дом, добавьте в «Корзину» понравившийся вариант и оформите заказ на + сайте пиццерии. +

    +
    + Доставим заказ до 35 минут +     +     + ) +} \ No newline at end of file diff --git a/.history/components/customer/block/Description/Description_20220530185515.tsx b/.history/components/customer/block/Description/Description_20220530185515.tsx new file mode 100644 index 0000000..94fea8c --- /dev/null +++ b/.history/components/customer/block/Description/Description_20220530185515.tsx @@ -0,0 +1,42 @@ +import React from 'react'; +import { ContainerTitle, ContainerInside } from '../../containers' + +export const Description: React.FC = () => { + return( + + +
    +

    Вы проголодались на работе? Или удобно устроились перед телевизором, чтобы посмотреть фильм? + А может, к Вам внезапно нагрянули друзья, а в холодильнике пусто? Пицца с доставкой от пиццерий.
    + Pizza - отличный выход для любой из этих ситуаций.

    +

    Вам остается только определиться, какой из видов этого итальянского блюда Вы хотите попробовать. + У Вас также есть прекрасная возможность заказать дополнительные ингредиенты к любой пицце: пармезан, + курицу, ананас, карри и многое другое. Придумайте собственный кулинарный шедевр, а наш курьерская доставка + привезет его Вам. Почувствуйте себя шеф-поваром!

    +
    + + Минимальная стоимость зааза для доставки от 599 рублей + +     + +
    + Бесплатная доставка от пиццерии Pizza - быстро и очень выгодно! +
    + + +
    +

    Вы все правильно поняли: Вы получите заказанные блюда горячими, ведь доставка пиццы осуществляется с + поразительной скоростью (не более 35 минут); +

    +

    + Pizza использует только свежие ингредиенты, из которых пиццмейкеры готовят пиццу по проверенным рецептам, + поэтому лакомство придется Вам по вкусу; доставка пиццы будет бесплатной, и это никак не отразится на высоком качестве + Ваших любимых блюд. Для того чтобы заказать пиццу на дом, добавьте в «Корзину» понравившийся вариант и оформите заказ на + сайте пиццерии. +

    +
    + Доставим заказ до 35 минут +     +     + ) +} \ No newline at end of file diff --git a/.history/components/customer/block/Description/Description_20220530185517.tsx b/.history/components/customer/block/Description/Description_20220530185517.tsx new file mode 100644 index 0000000..0aca9d6 --- /dev/null +++ b/.history/components/customer/block/Description/Description_20220530185517.tsx @@ -0,0 +1,42 @@ +import React from 'react'; +import { ContainerTitle, ContainerInside } from '../../containers' + +export const Description: React.FC = () => { + return( + + +
    +

    Вы проголодались на работе? Или удобно устроились перед телевизором, чтобы посмотреть фильм? + А может, к Вам внезапно нагрянули друзья, а в холодильнике пусто? Пицца с доставкой от пиццерий.
    + Pizza - отличный выход для любой из этих ситуаций.

    +

    Вам остается только определиться, какой из видов этого итальянского блюда Вы хотите попробовать. + У Вас также есть прекрасная возможность заказать дополнительные ингредиенты к любой пицце: пармезан, + курицу, ананас, карри и многое другое. Придумайте собственный кулинарный шедевр, а наш курьерская доставка + привезет его Вам. Почувствуйте себя шеф-поваром!

    +
    + + Минимальная стоимость зааза для доставки от 599 рублей + +     + +
    + Бесплатная доставка от пиццерии Pizza - быстро и очень выгодно! +
    + + +
    +

    Вы все правильно поняли: Вы получите заказанные блюда горячими, ведь доставка пиццы осуществляется с + поразительной скоростью (не более 35 минут); +

    +

    + Pizza использует только свежие ингредиенты, из которых пиццмейкеры готовят пиццу по проверенным рецептам, + поэтому лакомство придется Вам по вкусу; доставка пиццы будет бесплатной, и это никак не отразится на высоком качестве + Ваших любимых блюд. Для того чтобы заказать пиццу на дом, добавьте в «Корзину» понравившийся вариант и оформите заказ на + сайте пиццерии. +

    +
    + Доставим заказ до 35 минут +     +     + ) +} \ No newline at end of file diff --git a/.history/components/customer/block/Description/Description_20220530185518.tsx b/.history/components/customer/block/Description/Description_20220530185518.tsx new file mode 100644 index 0000000..697667e --- /dev/null +++ b/.history/components/customer/block/Description/Description_20220530185518.tsx @@ -0,0 +1,42 @@ +import React from 'react'; +import { ContainerTitle, ContainerInside } from '../../containers' + +export const Description: React.FC = () => { + return( + + +
    +

    Вы проголодались на работе? Или удобно устроились перед телевизором, чтобы посмотреть фильм? + А может, к Вам внезапно нагрянули друзья, а в холодильнике пусто? Пицца с доставкой от пиццерий.
    + Pizza - отличный выход для любой из этих ситуаций.

    +

    Вам остается только определиться, какой из видов этого итальянского блюда Вы хотите попробовать. + У Вас также есть прекрасная возможность заказать дополнительные ингредиенты к любой пицце: пармезан, + курицу, ананас, карри и многое другое. Придумайте собственный кулинарный шедевр, а наш курьерская доставка + привезет его Вам. Почувствуйте себя шеф-поваром!

    +
    + + Минимальная стоимость зааза для доставки от 599 рублей + +     + +
    + Бесплатная доставка от пиццерии Pizza - быстро и очень выгодно! +
    + + +
    +

    Вы все правильно поняли: Вы получите заказанные блюда горячими, ведь доставка пиццы осуществляется с + поразительной скоростью (не более 35 минут); +

    +

    + Pizza использует только свежие ингредиенты, из которых пиццмейкеры готовят пиццу по проверенным рецептам, + поэтому лакомство придется Вам по вкусу; доставка пиццы будет бесплатной, и это никак не отразится на высоком качестве + Ваших любимых блюд. Для того чтобы заказать пиццу на дом, добавьте в «Корзину» понравившийся вариант и оформите заказ на + сайте пиццерии. +

    +
    + Доставим заказ до 35 минут +     +     + ) +} \ No newline at end of file diff --git a/.history/components/customer/block/Description/Description_20220530185519.tsx b/.history/components/customer/block/Description/Description_20220530185519.tsx new file mode 100644 index 0000000..6462f03 --- /dev/null +++ b/.history/components/customer/block/Description/Description_20220530185519.tsx @@ -0,0 +1,42 @@ +import React from 'react'; +import { ContainerTitle, ContainerInside } from '../../containers' + +export const Description: React.FC = () => { + return( + + +
    +

    Вы проголодались на работе? Или удобно устроились перед телевизором, чтобы посмотреть фильм? + А может, к Вам внезапно нагрянули друзья, а в холодильнике пусто? Пицца с доставкой от пиццерий.
    + Pizza - отличный выход для любой из этих ситуаций.

    +

    Вам остается только определиться, какой из видов этого итальянского блюда Вы хотите попробовать. + У Вас также есть прекрасная возможность заказать дополнительные ингредиенты к любой пицце: пармезан, + курицу, ананас, карри и многое другое. Придумайте собственный кулинарный шедевр, а наш курьерская доставка + привезет его Вам. Почувствуйте себя шеф-поваром!

    +
    + + Минимальная стоимость зааза для доставки от 599 рублей + +     + +
    + Бесплатная доставка от пиццерии Pizza - быстро и очень выгодно! +
    + + +
    +

    Вы все правильно поняли: Вы получите заказанные блюда горячими, ведь доставка пиццы осуществляется с + поразительной скоростью (не более 35 минут); +

    +

    + Pizza использует только свежие ингредиенты, из которых пиццмейкеры готовят пиццу по проверенным рецептам, + поэтому лакомство придется Вам по вкусу; доставка пиццы будет бесплатной, и это никак не отразится на высоком качестве + Ваших любимых блюд. Для того чтобы заказать пиццу на дом, добавьте в «Корзину» понравившийся вариант и оформите заказ на + сайте пиццерии. +

    +
    + Доставим заказ до 35 минут +     +     + ) +} \ No newline at end of file diff --git a/.history/components/customer/block/Description/Description_20220530185523.tsx b/.history/components/customer/block/Description/Description_20220530185523.tsx new file mode 100644 index 0000000..e1500cc --- /dev/null +++ b/.history/components/customer/block/Description/Description_20220530185523.tsx @@ -0,0 +1,42 @@ +import React from 'react'; +import { ContainerTitle, ContainerInside } from '../../containers' + +export const Description: React.FC = () => { + return( + + +
    +

    Вы проголодались на работе? Или удобно устроились перед телевизором, чтобы посмотреть фильм? + А может, к Вам внезапно нагрянули друзья, а в холодильнике пусто? Пицца с доставкой от пиццерий.
    + Pizza - отличный выход для любой из этих ситуаций.

    +

    Вам остается только определиться, какой из видов этого итальянского блюда Вы хотите попробовать. + У Вас также есть прекрасная возможность заказать дополнительные ингредиенты к любой пицце: пармезан, + курицу, ананас, карри и многое другое. Придумайте собственный кулинарный шедевр, а наш курьерская доставка + привезет его Вам. Почувствуйте себя шеф-поваром!

    +
    + + Минимальная стоимость зааза для доставки от 599 рублей + +     + +
    + Бесплатная доставка от пиццерии Pizza - быстро и очень выгодно! +
    + + +
    +

    Вы все правильно поняли: Вы получите заказанные блюда горячими, ведь доставка пиццы осуществляется с + поразительной скоростью (не более 35 минут); +

    +

    + Pizza использует только свежие ингредиенты, из которых пиццмейкеры готовят пиццу по проверенным рецептам, + поэтому лакомство придется Вам по вкусу; доставка пиццы будет бесплатной, и это никак не отразится на высоком качестве + Ваших любимых блюд. Для того чтобы заказать пиццу на дом, добавьте в «Корзину» понравившийся вариант и оформите заказ на + сайте пиццерии. +

    +
    + Доставим заказ до 35 минут +     +     + ) +} \ No newline at end of file diff --git a/.history/components/customer/block/Description/Description_20220530185525.tsx b/.history/components/customer/block/Description/Description_20220530185525.tsx new file mode 100644 index 0000000..1a05589 --- /dev/null +++ b/.history/components/customer/block/Description/Description_20220530185525.tsx @@ -0,0 +1,42 @@ +import React from 'react'; +import { ContainerTitle, ContainerInside } from '../../containers' + +export const Description: React.FC = () => { + return( + + +
    +

    Вы проголодались на работе? Или удобно устроились перед телевизором, чтобы посмотреть фильм? + А может, к Вам внезапно нагрянули друзья, а в холодильнике пусто? Пицца с доставкой от пиццерий.
    + Pizza - отличный выход для любой из этих ситуаций.

    +

    Вам остается только определиться, какой из видов этого итальянского блюда Вы хотите попробовать. + У Вас также есть прекрасная возможность заказать дополнительные ингредиенты к любой пицце: пармезан, + курицу, ананас, карри и многое другое. Придумайте собственный кулинарный шедевр, а наш курьерская доставка + привезет его Вам. Почувствуйте себя шеф-поваром!

    +
    + + Минимальная стоимость зааза для доставки от 599 рублей + +     + +
    + Бесплатная доставка от пиццерии Pizza - быстро и очень выгодно! +
    + + +
    +

    Вы все правильно поняли: Вы получите заказанные блюда горячими, ведь доставка пиццы осуществляется с + поразительной скоростью (не более 35 минут); +

    +

    + Pizza использует только свежие ингредиенты, из которых пиццмейкеры готовят пиццу по проверенным рецептам, + поэтому лакомство придется Вам по вкусу; доставка пиццы будет бесплатной, и это никак не отразится на высоком качестве + Ваших любимых блюд. Для того чтобы заказать пиццу на дом, добавьте в «Корзину» понравившийся вариант и оформите заказ на + сайте пиццерии. +

    +
    + Доставим заказ до 35 минут +     +     + ) +} \ No newline at end of file diff --git a/.history/components/customer/block/Description/Description_20220530185527.tsx b/.history/components/customer/block/Description/Description_20220530185527.tsx new file mode 100644 index 0000000..7d2926b --- /dev/null +++ b/.history/components/customer/block/Description/Description_20220530185527.tsx @@ -0,0 +1,42 @@ +import React from 'react'; +import { ContainerTitle, ContainerInside } from '../../containers' + +export const Description: React.FC = () => { + return( + + +
    +

    Вы проголодались на работе? Или удобно устроились перед телевизором, чтобы посмотреть фильм? + А может, к Вам внезапно нагрянули друзья, а в холодильнике пусто? Пицца с доставкой от пиццерий.
    + Pizza - отличный выход для любой из этих ситуаций.

    +

    Вам остается только определиться, какой из видов этого итальянского блюда Вы хотите попробовать. + У Вас также есть прекрасная возможность заказать дополнительные ингредиенты к любой пицце: пармезан, + курицу, ананас, карри и многое другое. Придумайте собственный кулинарный шедевр, а наш курьерская доставка + привезет его Вам. Почувствуйте себя шеф-поваром!

    +
    + + Минимальная стоимость зааза для доставки от 599 рублей + +     + +
    + Бесплатная доставка от пиццерии Pizza - быстро и очень выгодно! +
    + + +
    +

    Вы все правильно поняли: Вы получите заказанные блюда горячими, ведь доставка пиццы осуществляется с + поразительной скоростью (не более 35 минут); +

    +

    + Pizza использует только свежие ингредиенты, из которых пиццмейкеры готовят пиццу по проверенным рецептам, + поэтому лакомство придется Вам по вкусу; доставка пиццы будет бесплатной, и это никак не отразится на высоком качестве + Ваших любимых блюд. Для того чтобы заказать пиццу на дом, добавьте в «Корзину» понравившийся вариант и оформите заказ на + сайте пиццерии. +

    +
    + Доставим заказ до 35 минут +     +     + ) +} \ No newline at end of file diff --git a/.history/components/customer/block/Description/Description_20220530185529.tsx b/.history/components/customer/block/Description/Description_20220530185529.tsx new file mode 100644 index 0000000..aa7fb36 --- /dev/null +++ b/.history/components/customer/block/Description/Description_20220530185529.tsx @@ -0,0 +1,42 @@ +import React from 'react'; +import { ContainerTitle, ContainerInside } from '../../containers' + +export const Description: React.FC = () => { + return( + + +
    +

    Вы проголодались на работе? Или удобно устроились перед телевизором, чтобы посмотреть фильм? + А может, к Вам внезапно нагрянули друзья, а в холодильнике пусто? Пицца с доставкой от пиццерий.
    + Pizza - отличный выход для любой из этих ситуаций.

    +

    Вам остается только определиться, какой из видов этого итальянского блюда Вы хотите попробовать. + У Вас также есть прекрасная возможность заказать дополнительные ингредиенты к любой пицце: пармезан, + курицу, ананас, карри и многое другое. Придумайте собственный кулинарный шедевр, а наш курьерская доставка + привезет его Вам. Почувствуйте себя шеф-поваром!

    +
    + + Минимальная стоимость зааза для доставки от 599 рублей + +     + +
    + Бесплатная доставка от пиццерии Pizza - быстро и очень выгодно! +
    + + +
    +

    Вы все правильно поняли: Вы получите заказанные блюда горячими, ведь доставка пиццы осуществляется с + поразительной скоростью (не более 35 минут); +

    +

    + Pizza использует только свежие ингредиенты, из которых пиццмейкеры готовят пиццу по проверенным рецептам, + поэтому лакомство придется Вам по вкусу; доставка пиццы будет бесплатной, и это никак не отразится на высоком качестве + Ваших любимых блюд. Для того чтобы заказать пиццу на дом, добавьте в «Корзину» понравившийся вариант и оформите заказ на + сайте пиццерии. +

    +
    + Доставим заказ до 35 минут +     +     + ) +} \ No newline at end of file diff --git a/.history/components/customer/block/Description/Description_20220530185531.tsx b/.history/components/customer/block/Description/Description_20220530185531.tsx new file mode 100644 index 0000000..aa7fb36 --- /dev/null +++ b/.history/components/customer/block/Description/Description_20220530185531.tsx @@ -0,0 +1,42 @@ +import React from 'react'; +import { ContainerTitle, ContainerInside } from '../../containers' + +export const Description: React.FC = () => { + return( + + +
    +

    Вы проголодались на работе? Или удобно устроились перед телевизором, чтобы посмотреть фильм? + А может, к Вам внезапно нагрянули друзья, а в холодильнике пусто? Пицца с доставкой от пиццерий.
    + Pizza - отличный выход для любой из этих ситуаций.

    +

    Вам остается только определиться, какой из видов этого итальянского блюда Вы хотите попробовать. + У Вас также есть прекрасная возможность заказать дополнительные ингредиенты к любой пицце: пармезан, + курицу, ананас, карри и многое другое. Придумайте собственный кулинарный шедевр, а наш курьерская доставка + привезет его Вам. Почувствуйте себя шеф-поваром!

    +
    + + Минимальная стоимость зааза для доставки от 599 рублей + +     + +
    + Бесплатная доставка от пиццерии Pizza - быстро и очень выгодно! +
    + + +
    +

    Вы все правильно поняли: Вы получите заказанные блюда горячими, ведь доставка пиццы осуществляется с + поразительной скоростью (не более 35 минут); +

    +

    + Pizza использует только свежие ингредиенты, из которых пиццмейкеры готовят пиццу по проверенным рецептам, + поэтому лакомство придется Вам по вкусу; доставка пиццы будет бесплатной, и это никак не отразится на высоком качестве + Ваших любимых блюд. Для того чтобы заказать пиццу на дом, добавьте в «Корзину» понравившийся вариант и оформите заказ на + сайте пиццерии. +

    +
    + Доставим заказ до 35 минут +     +     + ) +} \ No newline at end of file diff --git a/.history/components/customer/block/Description/Description_20220530185820.tsx b/.history/components/customer/block/Description/Description_20220530185820.tsx new file mode 100644 index 0000000..fc26339 --- /dev/null +++ b/.history/components/customer/block/Description/Description_20220530185820.tsx @@ -0,0 +1,43 @@ +import React from 'react'; +import { ContainerTitle, ContainerInside } from '../../containers' + + +export const Description: React.FC = () => { + return( + + +
    +

    Вы проголодались на работе? Или удобно устроились перед телевизором, чтобы посмотреть фильм? + А может, к Вам внезапно нагрянули друзья, а в холодильнике пусто? Пицца с доставкой от пиццерий.
    + Pizza - отличный выход для любой из этих ситуаций.

    +

    Вам остается только определиться, какой из видов этого итальянского блюда Вы хотите попробовать. + У Вас также есть прекрасная возможность заказать дополнительные ингредиенты к любой пицце: пармезан, + курицу, ананас, карри и многое другое. Придумайте собственный кулинарный шедевр, а наш курьерская доставка + привезет его Вам. Почувствуйте себя шеф-поваром!

    +
    + + Минимальная стоимость зааза для доставки от 599 рублей + +     + +
    + Бесплатная доставка от пиццерии Pizza - быстро и очень выгодно! +
    + + +
    +

    Вы все правильно поняли: Вы получите заказанные блюда горячими, ведь доставка пиццы осуществляется с + поразительной скоростью (не более 35 минут); +

    +

    + Pizza использует только свежие ингредиенты, из которых пиццмейкеры готовят пиццу по проверенным рецептам, + поэтому лакомство придется Вам по вкусу; доставка пиццы будет бесплатной, и это никак не отразится на высоком качестве + Ваших любимых блюд. Для того чтобы заказать пиццу на дом, добавьте в «Корзину» понравившийся вариант и оформите заказ на + сайте пиццерии. +

    +
    + Доставим заказ до 35 минут +     +     + ) +} \ No newline at end of file diff --git a/.history/components/customer/block/Description/Description_20220530185821.tsx b/.history/components/customer/block/Description/Description_20220530185821.tsx new file mode 100644 index 0000000..c4e3762 --- /dev/null +++ b/.history/components/customer/block/Description/Description_20220530185821.tsx @@ -0,0 +1,43 @@ +import React from 'react'; +import { ContainerTitle, ContainerInside } from '../../containers' +im + +export const Description: React.FC = () => { + return( + + +
    +

    Вы проголодались на работе? Или удобно устроились перед телевизором, чтобы посмотреть фильм? + А может, к Вам внезапно нагрянули друзья, а в холодильнике пусто? Пицца с доставкой от пиццерий.
    + Pizza - отличный выход для любой из этих ситуаций.

    +

    Вам остается только определиться, какой из видов этого итальянского блюда Вы хотите попробовать. + У Вас также есть прекрасная возможность заказать дополнительные ингредиенты к любой пицце: пармезан, + курицу, ананас, карри и многое другое. Придумайте собственный кулинарный шедевр, а наш курьерская доставка + привезет его Вам. Почувствуйте себя шеф-поваром!

    +
    + + Минимальная стоимость зааза для доставки от 599 рублей + +     + +
    + Бесплатная доставка от пиццерии Pizza - быстро и очень выгодно! +
    + + +
    +

    Вы все правильно поняли: Вы получите заказанные блюда горячими, ведь доставка пиццы осуществляется с + поразительной скоростью (не более 35 минут); +

    +

    + Pizza использует только свежие ингредиенты, из которых пиццмейкеры готовят пиццу по проверенным рецептам, + поэтому лакомство придется Вам по вкусу; доставка пиццы будет бесплатной, и это никак не отразится на высоком качестве + Ваших любимых блюд. Для того чтобы заказать пиццу на дом, добавьте в «Корзину» понравившийся вариант и оформите заказ на + сайте пиццерии. +

    +
    + Доставим заказ до 35 минут +     +     + ) +} \ No newline at end of file diff --git a/.history/components/customer/block/Description/Description_20220530185825.tsx b/.history/components/customer/block/Description/Description_20220530185825.tsx new file mode 100644 index 0000000..4907c78 --- /dev/null +++ b/.history/components/customer/block/Description/Description_20220530185825.tsx @@ -0,0 +1,43 @@ +import React from 'react'; +import { ContainerTitle, ContainerInside } from '../../containers' +import {} + +export const Description: React.FC = () => { + return( + + +
    +

    Вы проголодались на работе? Или удобно устроились перед телевизором, чтобы посмотреть фильм? + А может, к Вам внезапно нагрянули друзья, а в холодильнике пусто? Пицца с доставкой от пиццерий.
    + Pizza - отличный выход для любой из этих ситуаций.

    +

    Вам остается только определиться, какой из видов этого итальянского блюда Вы хотите попробовать. + У Вас также есть прекрасная возможность заказать дополнительные ингредиенты к любой пицце: пармезан, + курицу, ананас, карри и многое другое. Придумайте собственный кулинарный шедевр, а наш курьерская доставка + привезет его Вам. Почувствуйте себя шеф-поваром!

    +
    + + Минимальная стоимость зааза для доставки от 599 рублей + +     + +
    + Бесплатная доставка от пиццерии Pizza - быстро и очень выгодно! +
    + + +
    +

    Вы все правильно поняли: Вы получите заказанные блюда горячими, ведь доставка пиццы осуществляется с + поразительной скоростью (не более 35 минут); +

    +

    + Pizza использует только свежие ингредиенты, из которых пиццмейкеры готовят пиццу по проверенным рецептам, + поэтому лакомство придется Вам по вкусу; доставка пиццы будет бесплатной, и это никак не отразится на высоком качестве + Ваших любимых блюд. Для того чтобы заказать пиццу на дом, добавьте в «Корзину» понравившийся вариант и оформите заказ на + сайте пиццерии. +

    +
    + Доставим заказ до 35 минут +     +     + ) +} \ No newline at end of file diff --git a/.history/components/customer/block/Description/Description_20220530185829.tsx b/.history/components/customer/block/Description/Description_20220530185829.tsx new file mode 100644 index 0000000..e69b13a --- /dev/null +++ b/.history/components/customer/block/Description/Description_20220530185829.tsx @@ -0,0 +1,43 @@ +import React from 'react'; +import { ContainerTitle, ContainerInside } from '../../containers' +import {PictureText} + +export const Description: React.FC = () => { + return( + + +
    +

    Вы проголодались на работе? Или удобно устроились перед телевизором, чтобы посмотреть фильм? + А может, к Вам внезапно нагрянули друзья, а в холодильнике пусто? Пицца с доставкой от пиццерий.
    + Pizza - отличный выход для любой из этих ситуаций.

    +

    Вам остается только определиться, какой из видов этого итальянского блюда Вы хотите попробовать. + У Вас также есть прекрасная возможность заказать дополнительные ингредиенты к любой пицце: пармезан, + курицу, ананас, карри и многое другое. Придумайте собственный кулинарный шедевр, а наш курьерская доставка + привезет его Вам. Почувствуйте себя шеф-поваром!

    +
    + + Минимальная стоимость зааза для доставки от 599 рублей + +     + +
    + Бесплатная доставка от пиццерии Pizza - быстро и очень выгодно! +
    + + +
    +

    Вы все правильно поняли: Вы получите заказанные блюда горячими, ведь доставка пиццы осуществляется с + поразительной скоростью (не более 35 минут); +

    +

    + Pizza использует только свежие ингредиенты, из которых пиццмейкеры готовят пиццу по проверенным рецептам, + поэтому лакомство придется Вам по вкусу; доставка пиццы будет бесплатной, и это никак не отразится на высоком качестве + Ваших любимых блюд. Для того чтобы заказать пиццу на дом, добавьте в «Корзину» понравившийся вариант и оформите заказ на + сайте пиццерии. +

    +
    + Доставим заказ до 35 минут +     +     + ) +} \ No newline at end of file diff --git a/.history/components/customer/block/Description/Description_20220530185832.tsx b/.history/components/customer/block/Description/Description_20220530185832.tsx new file mode 100644 index 0000000..e51b787 --- /dev/null +++ b/.history/components/customer/block/Description/Description_20220530185832.tsx @@ -0,0 +1,43 @@ +import React from 'react'; +import { ContainerTitle, ContainerInside } from '../../containers' +import { PictureText} + +export const Description: React.FC = () => { + return( + + +
    +

    Вы проголодались на работе? Или удобно устроились перед телевизором, чтобы посмотреть фильм? + А может, к Вам внезапно нагрянули друзья, а в холодильнике пусто? Пицца с доставкой от пиццерий.
    + Pizza - отличный выход для любой из этих ситуаций.

    +

    Вам остается только определиться, какой из видов этого итальянского блюда Вы хотите попробовать. + У Вас также есть прекрасная возможность заказать дополнительные ингредиенты к любой пицце: пармезан, + курицу, ананас, карри и многое другое. Придумайте собственный кулинарный шедевр, а наш курьерская доставка + привезет его Вам. Почувствуйте себя шеф-поваром!

    +
    + + Минимальная стоимость зааза для доставки от 599 рублей + +     + +
    + Бесплатная доставка от пиццерии Pizza - быстро и очень выгодно! +
    + + +
    +

    Вы все правильно поняли: Вы получите заказанные блюда горячими, ведь доставка пиццы осуществляется с + поразительной скоростью (не более 35 минут); +

    +

    + Pizza использует только свежие ингредиенты, из которых пиццмейкеры готовят пиццу по проверенным рецептам, + поэтому лакомство придется Вам по вкусу; доставка пиццы будет бесплатной, и это никак не отразится на высоком качестве + Ваших любимых блюд. Для того чтобы заказать пиццу на дом, добавьте в «Корзину» понравившийся вариант и оформите заказ на + сайте пиццерии. +

    +
    + Доставим заказ до 35 минут +     +     + ) +} \ No newline at end of file diff --git a/.history/components/customer/block/Description/Description_20220530185838.tsx b/.history/components/customer/block/Description/Description_20220530185838.tsx new file mode 100644 index 0000000..1621fc6 --- /dev/null +++ b/.history/components/customer/block/Description/Description_20220530185838.tsx @@ -0,0 +1,43 @@ +import React from 'react'; +import { ContainerTitle, ContainerInside } from '../../containers' +import { PictureText } from '../' + +export const Description: React.FC = () => { + return( + + +
    +

    Вы проголодались на работе? Или удобно устроились перед телевизором, чтобы посмотреть фильм? + А может, к Вам внезапно нагрянули друзья, а в холодильнике пусто? Пицца с доставкой от пиццерий.
    + Pizza - отличный выход для любой из этих ситуаций.

    +

    Вам остается только определиться, какой из видов этого итальянского блюда Вы хотите попробовать. + У Вас также есть прекрасная возможность заказать дополнительные ингредиенты к любой пицце: пармезан, + курицу, ананас, карри и многое другое. Придумайте собственный кулинарный шедевр, а наш курьерская доставка + привезет его Вам. Почувствуйте себя шеф-поваром!

    +
    + + Минимальная стоимость зааза для доставки от 599 рублей + +     + +
    + Бесплатная доставка от пиццерии Pizza - быстро и очень выгодно! +
    + + +
    +

    Вы все правильно поняли: Вы получите заказанные блюда горячими, ведь доставка пиццы осуществляется с + поразительной скоростью (не более 35 минут); +

    +

    + Pizza использует только свежие ингредиенты, из которых пиццмейкеры готовят пиццу по проверенным рецептам, + поэтому лакомство придется Вам по вкусу; доставка пиццы будет бесплатной, и это никак не отразится на высоком качестве + Ваших любимых блюд. Для того чтобы заказать пиццу на дом, добавьте в «Корзину» понравившийся вариант и оформите заказ на + сайте пиццерии. +

    +
    + Доставим заказ до 35 минут +     +     + ) +} \ No newline at end of file diff --git a/.history/components/customer/block/Description/Description_20220530185839.tsx b/.history/components/customer/block/Description/Description_20220530185839.tsx new file mode 100644 index 0000000..0674415 --- /dev/null +++ b/.history/components/customer/block/Description/Description_20220530185839.tsx @@ -0,0 +1,43 @@ +import React from 'react'; +import { ContainerTitle, ContainerInside } from '../../containers' +import { PictureText } from '../../' + +export const Description: React.FC = () => { + return( + + +
    +

    Вы проголодались на работе? Или удобно устроились перед телевизором, чтобы посмотреть фильм? + А может, к Вам внезапно нагрянули друзья, а в холодильнике пусто? Пицца с доставкой от пиццерий.
    + Pizza - отличный выход для любой из этих ситуаций.

    +

    Вам остается только определиться, какой из видов этого итальянского блюда Вы хотите попробовать. + У Вас также есть прекрасная возможность заказать дополнительные ингредиенты к любой пицце: пармезан, + курицу, ананас, карри и многое другое. Придумайте собственный кулинарный шедевр, а наш курьерская доставка + привезет его Вам. Почувствуйте себя шеф-поваром!

    +
    + + Минимальная стоимость зааза для доставки от 599 рублей + +     + +
    + Бесплатная доставка от пиццерии Pizza - быстро и очень выгодно! +
    + + +
    +

    Вы все правильно поняли: Вы получите заказанные блюда горячими, ведь доставка пиццы осуществляется с + поразительной скоростью (не более 35 минут); +

    +

    + Pizza использует только свежие ингредиенты, из которых пиццмейкеры готовят пиццу по проверенным рецептам, + поэтому лакомство придется Вам по вкусу; доставка пиццы будет бесплатной, и это никак не отразится на высоком качестве + Ваших любимых блюд. Для того чтобы заказать пиццу на дом, добавьте в «Корзину» понравившийся вариант и оформите заказ на + сайте пиццерии. +

    +
    + Доставим заказ до 35 минут +     +     + ) +} \ No newline at end of file diff --git a/.history/components/customer/block/Description/Description_20220530185844.tsx b/.history/components/customer/block/Description/Description_20220530185844.tsx new file mode 100644 index 0000000..a10227c --- /dev/null +++ b/.history/components/customer/block/Description/Description_20220530185844.tsx @@ -0,0 +1,43 @@ +import React from 'react'; +import { ContainerTitle, ContainerInside } from '../../containers' +import { PictureText } from '../../../' + +export const Description: React.FC = () => { + return( + + +
    +

    Вы проголодались на работе? Или удобно устроились перед телевизором, чтобы посмотреть фильм? + А может, к Вам внезапно нагрянули друзья, а в холодильнике пусто? Пицца с доставкой от пиццерий.
    + Pizza - отличный выход для любой из этих ситуаций.

    +

    Вам остается только определиться, какой из видов этого итальянского блюда Вы хотите попробовать. + У Вас также есть прекрасная возможность заказать дополнительные ингредиенты к любой пицце: пармезан, + курицу, ананас, карри и многое другое. Придумайте собственный кулинарный шедевр, а наш курьерская доставка + привезет его Вам. Почувствуйте себя шеф-поваром!

    +
    + + Минимальная стоимость зааза для доставки от 599 рублей + +     + +
    + Бесплатная доставка от пиццерии Pizza - быстро и очень выгодно! +
    + + +
    +

    Вы все правильно поняли: Вы получите заказанные блюда горячими, ведь доставка пиццы осуществляется с + поразительной скоростью (не более 35 минут); +

    +

    + Pizza использует только свежие ингредиенты, из которых пиццмейкеры готовят пиццу по проверенным рецептам, + поэтому лакомство придется Вам по вкусу; доставка пиццы будет бесплатной, и это никак не отразится на высоком качестве + Ваших любимых блюд. Для того чтобы заказать пиццу на дом, добавьте в «Корзину» понравившийся вариант и оформите заказ на + сайте пиццерии. +

    +
    + Доставим заказ до 35 минут +     +     + ) +} \ No newline at end of file diff --git a/.history/components/customer/block/Description/Description_20220530185846.tsx b/.history/components/customer/block/Description/Description_20220530185846.tsx new file mode 100644 index 0000000..6604555 --- /dev/null +++ b/.history/components/customer/block/Description/Description_20220530185846.tsx @@ -0,0 +1,43 @@ +import React from 'react'; +import { ContainerTitle, ContainerInside } from '../../containers' +import { PictureText } from '../../../UI' + +export const Description: React.FC = () => { + return( + + +
    +

    Вы проголодались на работе? Или удобно устроились перед телевизором, чтобы посмотреть фильм? + А может, к Вам внезапно нагрянули друзья, а в холодильнике пусто? Пицца с доставкой от пиццерий.
    + Pizza - отличный выход для любой из этих ситуаций.

    +

    Вам остается только определиться, какой из видов этого итальянского блюда Вы хотите попробовать. + У Вас также есть прекрасная возможность заказать дополнительные ингредиенты к любой пицце: пармезан, + курицу, ананас, карри и многое другое. Придумайте собственный кулинарный шедевр, а наш курьерская доставка + привезет его Вам. Почувствуйте себя шеф-поваром!

    +
    + + Минимальная стоимость зааза для доставки от 599 рублей + +     + +
    + Бесплатная доставка от пиццерии Pizza - быстро и очень выгодно! +
    + + +
    +

    Вы все правильно поняли: Вы получите заказанные блюда горячими, ведь доставка пиццы осуществляется с + поразительной скоростью (не более 35 минут); +

    +

    + Pizza использует только свежие ингредиенты, из которых пиццмейкеры готовят пиццу по проверенным рецептам, + поэтому лакомство придется Вам по вкусу; доставка пиццы будет бесплатной, и это никак не отразится на высоком качестве + Ваших любимых блюд. Для того чтобы заказать пиццу на дом, добавьте в «Корзину» понравившийся вариант и оформите заказ на + сайте пиццерии. +

    +
    + Доставим заказ до 35 минут +     +     + ) +} \ No newline at end of file diff --git a/.history/components/customer/block/Description/Description_20220530185847.tsx b/.history/components/customer/block/Description/Description_20220530185847.tsx new file mode 100644 index 0000000..6604555 --- /dev/null +++ b/.history/components/customer/block/Description/Description_20220530185847.tsx @@ -0,0 +1,43 @@ +import React from 'react'; +import { ContainerTitle, ContainerInside } from '../../containers' +import { PictureText } from '../../../UI' + +export const Description: React.FC = () => { + return( + + +
    +

    Вы проголодались на работе? Или удобно устроились перед телевизором, чтобы посмотреть фильм? + А может, к Вам внезапно нагрянули друзья, а в холодильнике пусто? Пицца с доставкой от пиццерий.
    + Pizza - отличный выход для любой из этих ситуаций.

    +

    Вам остается только определиться, какой из видов этого итальянского блюда Вы хотите попробовать. + У Вас также есть прекрасная возможность заказать дополнительные ингредиенты к любой пицце: пармезан, + курицу, ананас, карри и многое другое. Придумайте собственный кулинарный шедевр, а наш курьерская доставка + привезет его Вам. Почувствуйте себя шеф-поваром!

    +
    + + Минимальная стоимость зааза для доставки от 599 рублей + +     + +
    + Бесплатная доставка от пиццерии Pizza - быстро и очень выгодно! +
    + + +
    +

    Вы все правильно поняли: Вы получите заказанные блюда горячими, ведь доставка пиццы осуществляется с + поразительной скоростью (не более 35 минут); +

    +

    + Pizza использует только свежие ингредиенты, из которых пиццмейкеры готовят пиццу по проверенным рецептам, + поэтому лакомство придется Вам по вкусу; доставка пиццы будет бесплатной, и это никак не отразится на высоком качестве + Ваших любимых блюд. Для того чтобы заказать пиццу на дом, добавьте в «Корзину» понравившийся вариант и оформите заказ на + сайте пиццерии. +

    +
    + Доставим заказ до 35 минут +     +     + ) +} \ No newline at end of file diff --git a/.history/components/customer/block/Description/Description_20220530185901.tsx b/.history/components/customer/block/Description/Description_20220530185901.tsx new file mode 100644 index 0000000..d67d05b --- /dev/null +++ b/.history/components/customer/block/Description/Description_20220530185901.tsx @@ -0,0 +1,43 @@ +import React from 'react'; +import { ContainerTitle, ContainerInside } from '../../containers' +import { PictureText } from '../../../UI' + +export const Description: React.FC = () => { + return( + + +
    +

    Вы проголодались на работе? Или удобно устроились перед телевизором, чтобы посмотреть фильм? + А может, к Вам внезапно нагрянули друзья, а в холодильнике пусто? Пицца с доставкой от пиццерий.
    + Pizza - отличный выход для любой из этих ситуаций.

    +

    Вам остается только определиться, какой из видов этого итальянского блюда Вы хотите попробовать. + У Вас также есть прекрасная возможность заказать дополнительные ингредиенты к любой пицце: пармезан, + курицу, ананас, карри и многое другое. Придумайте собственный кулинарный шедевр, а наш курьерская доставка + привезет его Вам. Почувствуйте себя шеф-поваром!

    +
    + + Минимальная стоимость зааза для доставки от 599 рублей + +     + +
    + Бесплатная доставка от пиццерии Pizza - быстро и очень выгодно! +
    + + +
    +

    Вы все правильно поняли: Вы получите заказанные блюда горячими, ведь доставка пиццы осуществляется с + поразительной скоростью (не более 35 минут); +

    +

    + Pizza использует только свежие ингредиенты, из которых пиццмейкеры готовят пиццу по проверенным рецептам, + поэтому лакомство придется Вам по вкусу; доставка пиццы будет бесплатной, и это никак не отразится на высоком качестве + Ваших любимых блюд. Для того чтобы заказать пиццу на дом, добавьте в «Корзину» понравившийся вариант и оформите заказ на + сайте пиццерии. +

    +
    + Доставим заказ до 35 минут +     +     + ) +} \ No newline at end of file diff --git a/.history/components/customer/block/Description/Description_20220530185902.tsx b/.history/components/customer/block/Description/Description_20220530185902.tsx new file mode 100644 index 0000000..bc7d782 --- /dev/null +++ b/.history/components/customer/block/Description/Description_20220530185902.tsx @@ -0,0 +1,43 @@ +import React from 'react'; +import { ContainerTitle, ContainerInside } from '../../containers' +import { PictureText } from '../../../UI' + +export const Description: React.FC = () => { + return( + + +
    +

    Вы проголодались на работе? Или удобно устроились перед телевизором, чтобы посмотреть фильм? + А может, к Вам внезапно нагрянули друзья, а в холодильнике пусто? Пицца с доставкой от пиццерий.
    + Pizza - отличный выход для любой из этих ситуаций.

    +

    Вам остается только определиться, какой из видов этого итальянского блюда Вы хотите попробовать. + У Вас также есть прекрасная возможность заказать дополнительные ингредиенты к любой пицце: пармезан, + курицу, ананас, карри и многое другое. Придумайте собственный кулинарный шедевр, а наш курьерская доставка + привезет его Вам. Почувствуйте себя шеф-поваром!

    +
    + + Минимальная стоимость зааза для доставки от 599 рублей + +     + +
    + Бесплатная доставка от пиццерии Pizza - быстро и очень выгодно! +
    + + +
    +

    Вы все правильно поняли: Вы получите заказанные блюда горячими, ведь доставка пиццы осуществляется с + поразительной скоростью (не более 35 минут); +

    +

    + Pizza использует только свежие ингредиенты, из которых пиццмейкеры готовят пиццу по проверенным рецептам, + поэтому лакомство придется Вам по вкусу; доставка пиццы будет бесплатной, и это никак не отразится на высоком качестве + Ваших любимых блюд. Для того чтобы заказать пиццу на дом, добавьте в «Корзину» понравившийся вариант и оформите заказ на + сайте пиццерии. +

    +
    + Доставим заказ до 35 минут +     +     + ) +} \ No newline at end of file diff --git a/.history/components/customer/block/Description/Description_20220530185905.tsx b/.history/components/customer/block/Description/Description_20220530185905.tsx new file mode 100644 index 0000000..50542de --- /dev/null +++ b/.history/components/customer/block/Description/Description_20220530185905.tsx @@ -0,0 +1,43 @@ +import React from 'react'; +import { ContainerTitle, ContainerInside } from '../../containers' +import { PictureText } from '../../../UI' + +export const Description: React.FC = () => { + return( + + +
    +

    Вы проголодались на работе? Или удобно устроились перед телевизором, чтобы посмотреть фильм? + А может, к Вам внезапно нагрянули друзья, а в холодильнике пусто? Пицца с доставкой от пиццерий.
    + Pizza - отличный выход для любой из этих ситуаций.

    +

    Вам остается только определиться, какой из видов этого итальянского блюда Вы хотите попробовать. + У Вас также есть прекрасная возможность заказать дополнительные ингредиенты к любой пицце: пармезан, + курицу, ананас, карри и многое другое. Придумайте собственный кулинарный шедевр, а наш курьерская доставка + привезет его Вам. Почувствуйте себя шеф-поваром!

    +
    + + Минимальная стоимость зааза для доставки от 599 рублей + +     + +
    + Бесплатная доставка от пиццерии Pizza - быстро и очень выгодно! +
    + + +
    +

    Вы все правильно поняли: Вы получите заказанные блюда горячими, ведь доставка пиццы осуществляется с + поразительной скоростью (не более 35 минут); +

    +

    + Pizza использует только свежие ингредиенты, из которых пиццмейкеры готовят пиццу по проверенным рецептам, + поэтому лакомство придется Вам по вкусу; доставка пиццы будет бесплатной, и это никак не отразится на высоком качестве + Ваших любимых блюд. Для того чтобы заказать пиццу на дом, добавьте в «Корзину» понравившийся вариант и оформите заказ на + сайте пиццерии. +

    +
    + Доставим заказ до 35 минут +     +     + ) +} \ No newline at end of file diff --git a/.history/components/customer/block/Description/Description_20220530185911.tsx b/.history/components/customer/block/Description/Description_20220530185911.tsx new file mode 100644 index 0000000..6ab6da8 --- /dev/null +++ b/.history/components/customer/block/Description/Description_20220530185911.tsx @@ -0,0 +1,43 @@ +import React from 'react'; +import { ContainerTitle, ContainerInside } from '../../containers' +import { PictureText } from '../../../UI' + +export const Description: React.FC = () => { + return( + + +
    +

    Вы проголодались на работе? Или удобно устроились перед телевизором, чтобы посмотреть фильм? + А может, к Вам внезапно нагрянули друзья, а в холодильнике пусто? Пицца с доставкой от пиццерий.
    + Pizza - отличный выход для любой из этих ситуаций.

    +

    Вам остается только определиться, какой из видов этого итальянского блюда Вы хотите попробовать. + У Вас также есть прекрасная возможность заказать дополнительные ингредиенты к любой пицце: пармезан, + курицу, ананас, карри и многое другое. Придумайте собственный кулинарный шедевр, а наш курьерская доставка + привезет его Вам. Почувствуйте себя шеф-поваром!

    +
    + + Минимальная стоимость зааза для доставки от 599 рублей + +     + +
    + Бесплатная доставка от пиццерии Pizza - быстро и очень выгодно! +
    + + +
    +

    Вы все правильно поняли: Вы получите заказанные блюда горячими, ведь доставка пиццы осуществляется с + поразительной скоростью (не более 35 минут); +

    +

    + Pizza использует только свежие ингредиенты, из которых пиццмейкеры готовят пиццу по проверенным рецептам, + поэтому лакомство придется Вам по вкусу; доставка пиццы будет бесплатной, и это никак не отразится на высоком качестве + Ваших любимых блюд. Для того чтобы заказать пиццу на дом, добавьте в «Корзину» понравившийся вариант и оформите заказ на + сайте пиццерии. +

    +
    + Доставим заказ до 35 минут +     +     + ) +} \ No newline at end of file diff --git a/.history/components/customer/block/Description/Description_20220530185912.tsx b/.history/components/customer/block/Description/Description_20220530185912.tsx new file mode 100644 index 0000000..e1d5555 --- /dev/null +++ b/.history/components/customer/block/Description/Description_20220530185912.tsx @@ -0,0 +1,43 @@ +import React from 'react'; +import { ContainerTitle, ContainerInside } from '../../containers' +import { PictureText } from '../../../UI' + +export const Description: React.FC = () => { + return( + + +
    +

    Вы проголодались на работе? Или удобно устроились перед телевизором, чтобы посмотреть фильм? + А может, к Вам внезапно нагрянули друзья, а в холодильнике пусто? Пицца с доставкой от пиццерий.
    + Pizza - отличный выход для любой из этих ситуаций.

    +

    Вам остается только определиться, какой из видов этого итальянского блюда Вы хотите попробовать. + У Вас также есть прекрасная возможность заказать дополнительные ингредиенты к любой пицце: пармезан, + курицу, ананас, карри и многое другое. Придумайте собственный кулинарный шедевр, а наш курьерская доставка + привезет его Вам. Почувствуйте себя шеф-поваром!

    +
    + + Минимальная стоимость зааза для доставки от 599 рублей + +     + +
    + Бесплатная доставка от пиццерии Pizza - быстро и очень выгодно! +
    + + +
    +

    Вы все правильно поняли: Вы получите заказанные блюда горячими, ведь доставка пиццы осуществляется с + поразительной скоростью (не более 35 минут); +

    +

    + Pizza использует только свежие ингредиенты, из которых пиццмейкеры готовят пиццу по проверенным рецептам, + поэтому лакомство придется Вам по вкусу; доставка пиццы будет бесплатной, и это никак не отразится на высоком качестве + Ваших любимых блюд. Для того чтобы заказать пиццу на дом, добавьте в «Корзину» понравившийся вариант и оформите заказ на + сайте пиццерии. +

    +
    + Доставим заказ до 35 минут +     +     + ) +} \ No newline at end of file diff --git a/.history/components/customer/block/Description/Description_20220530185913.tsx b/.history/components/customer/block/Description/Description_20220530185913.tsx new file mode 100644 index 0000000..474ce4d --- /dev/null +++ b/.history/components/customer/block/Description/Description_20220530185913.tsx @@ -0,0 +1,43 @@ +import React from 'react'; +import { ContainerTitle, ContainerInside } from '../../containers' +import { PictureText } from '../../../UI' + +export const Description: React.FC = () => { + return( + + +
    +

    Вы проголодались на работе? Или удобно устроились перед телевизором, чтобы посмотреть фильм? + А может, к Вам внезапно нагрянули друзья, а в холодильнике пусто? Пицца с доставкой от пиццерий.
    + Pizza - отличный выход для любой из этих ситуаций.

    +

    Вам остается только определиться, какой из видов этого итальянского блюда Вы хотите попробовать. + У Вас также есть прекрасная возможность заказать дополнительные ингредиенты к любой пицце: пармезан, + курицу, ананас, карри и многое другое. Придумайте собственный кулинарный шедевр, а наш курьерская доставка + привезет его Вам. Почувствуйте себя шеф-поваром!

    +
    + + Минимальная стоимость зааза для доставки от 599 рублей + +     + +
    + Бесплатная доставка от пиццерии Pizza - быстро и очень выгодно! +
    + + +
    +

    Вы все правильно поняли: Вы получите заказанные блюда горячими, ведь доставка пиццы осуществляется с + поразительной скоростью (не более 35 минут); +

    +

    + Pizza использует только свежие ингредиенты, из которых пиццмейкеры готовят пиццу по проверенным рецептам, + поэтому лакомство придется Вам по вкусу; доставка пиццы будет бесплатной, и это никак не отразится на высоком качестве + Ваших любимых блюд. Для того чтобы заказать пиццу на дом, добавьте в «Корзину» понравившийся вариант и оформите заказ на + сайте пиццерии. +

    +
    + Доставим заказ до 35 минут +     +     + ) +} \ No newline at end of file diff --git a/.history/components/customer/block/Description/Description_20220530185952.tsx b/.history/components/customer/block/Description/Description_20220530185952.tsx new file mode 100644 index 0000000..474ce4d --- /dev/null +++ b/.history/components/customer/block/Description/Description_20220530185952.tsx @@ -0,0 +1,43 @@ +import React from 'react'; +import { ContainerTitle, ContainerInside } from '../../containers' +import { PictureText } from '../../../UI' + +export const Description: React.FC = () => { + return( + + +
    +

    Вы проголодались на работе? Или удобно устроились перед телевизором, чтобы посмотреть фильм? + А может, к Вам внезапно нагрянули друзья, а в холодильнике пусто? Пицца с доставкой от пиццерий.
    + Pizza - отличный выход для любой из этих ситуаций.

    +

    Вам остается только определиться, какой из видов этого итальянского блюда Вы хотите попробовать. + У Вас также есть прекрасная возможность заказать дополнительные ингредиенты к любой пицце: пармезан, + курицу, ананас, карри и многое другое. Придумайте собственный кулинарный шедевр, а наш курьерская доставка + привезет его Вам. Почувствуйте себя шеф-поваром!

    +
    + + Минимальная стоимость зааза для доставки от 599 рублей + +     + +
    + Бесплатная доставка от пиццерии Pizza - быстро и очень выгодно! +
    + + +
    +

    Вы все правильно поняли: Вы получите заказанные блюда горячими, ведь доставка пиццы осуществляется с + поразительной скоростью (не более 35 минут); +

    +

    + Pizza использует только свежие ингредиенты, из которых пиццмейкеры готовят пиццу по проверенным рецептам, + поэтому лакомство придется Вам по вкусу; доставка пиццы будет бесплатной, и это никак не отразится на высоком качестве + Ваших любимых блюд. Для того чтобы заказать пиццу на дом, добавьте в «Корзину» понравившийся вариант и оформите заказ на + сайте пиццерии. +

    +
    + Доставим заказ до 35 минут +     +     + ) +} \ No newline at end of file diff --git a/.history/components/customer/block/Description/Description_20220530190924.tsx b/.history/components/customer/block/Description/Description_20220530190924.tsx new file mode 100644 index 0000000..43760e6 --- /dev/null +++ b/.history/components/customer/block/Description/Description_20220530190924.tsx @@ -0,0 +1,43 @@ +import React from 'react'; +import { ContainerTitle, ContainerInside } from '../../containers' +import { PictureText } from '../../../UI' + +export const Description: React.FC = () => { + return( + + +
    +

    Вы проголодались на работе? Или удобно устроились перед телевизором, чтобы посмотреть фильм? + А может, к Вам внезапно нагрянули друзья, а в холодильнике пусто? Пицца с доставкой от пиццерий.
    + Pizza - отличный выход для любой из этих ситуаций.

    +

    Вам остается только определиться, какой из видов этого итальянского блюда Вы хотите попробовать. + У Вас также есть прекрасная возможность заказать дополнительные ингредиенты к любой пицце: пармезан, + курицу, ананас, карри и многое другое. Придумайте собственный кулинарный шедевр, а наш курьерская доставка + привезет его Вам. Почувствуйте себя шеф-поваром!

    +
    + + Минимальная стоимость зааза для доставки от 599 рублей + +     + +
    + Бесплатная доставка от пиццерии Pizza - быстро и очень выгодно! +
    + + +
    +

    Вы все правильно поняли: Вы получите заказанные блюда горячими, ведь доставка пиццы осуществляется с + поразительной скоростью (не более 35 минут); +

    +

    + Pizza использует только свежие ингредиенты, из которых пиццмейкеры готовят пиццу по проверенным рецептам, + поэтому лакомство придется Вам по вкусу; доставка пиццы будет бесплатной, и это никак не отразится на высоком качестве + Ваших любимых блюд. Для того чтобы заказать пиццу на дом, добавьте в «Корзину» понравившийся вариант и оформите заказ на + сайте пиццерии. +

    +
    + Доставим заказ до 35 минут +     +     + ) +} \ No newline at end of file diff --git a/.history/components/customer/block/Description/Description_20220530190927.tsx b/.history/components/customer/block/Description/Description_20220530190927.tsx new file mode 100644 index 0000000..008a131 --- /dev/null +++ b/.history/components/customer/block/Description/Description_20220530190927.tsx @@ -0,0 +1,43 @@ +import React from 'react'; +import { ContainerTitle, ContainerInside } from '../../containers' +import { PictureText } from '../../../UI' + +export const Description: React.FC = () => { + return( + + +
    +

    Вы проголодались на работе? Или удобно устроились перед телевизором, чтобы посмотреть фильм? + А может, к Вам внезапно нагрянули друзья, а в холодильнике пусто? Пицца с доставкой от пиццерий.
    + Pizza - отличный выход для любой из этих ситуаций.

    +

    Вам остается только определиться, какой из видов этого итальянского блюда Вы хотите попробовать. + У Вас также есть прекрасная возможность заказать дополнительные ингредиенты к любой пицце: пармезан, + курицу, ананас, карри и многое другое. Придумайте собственный кулинарный шедевр, а наш курьерская доставка + привезет его Вам. Почувствуйте себя шеф-поваром!

    +
    + + Минимальная стоимость зааза для доставки от 599 рублей + +     + +
    + Бесплатная доставка от пиццерии Pizza - быстро и очень выгодно! +
    + + +
    +

    Вы все правильно поняли: Вы получите заказанные блюда горячими, ведь доставка пиццы осуществляется с + поразительной скоростью (не более 35 минут); +

    +

    + Pizza использует только свежие ингредиенты, из которых пиццмейкеры готовят пиццу по проверенным рецептам, + поэтому лакомство придется Вам по вкусу; доставка пиццы будет бесплатной, и это никак не отразится на высоком качестве + Ваших любимых блюд. Для того чтобы заказать пиццу на дом, добавьте в «Корзину» понравившийся вариант и оформите заказ на + сайте пиццерии. +

    +
    + Доставим заказ до 35 минут +     +     + ) +} \ No newline at end of file diff --git a/.history/components/customer/block/Description/Description_20220530190928.tsx b/.history/components/customer/block/Description/Description_20220530190928.tsx new file mode 100644 index 0000000..c394e97 --- /dev/null +++ b/.history/components/customer/block/Description/Description_20220530190928.tsx @@ -0,0 +1,43 @@ +import React from 'react'; +import { ContainerTitle, ContainerInside } from '../../containers' +import { PictureText } from '../../../UI' + +export const Description: React.FC = () => { + return( + + +
    +

    Вы проголодались на работе? Или удобно устроились перед телевизором, чтобы посмотреть фильм? + А может, к Вам внезапно нагрянули друзья, а в холодильнике пусто? Пицца с доставкой от пиццерий.
    + Pizza - отличный выход для любой из этих ситуаций.

    +

    Вам остается только определиться, какой из видов этого итальянского блюда Вы хотите попробовать. + У Вас также есть прекрасная возможность заказать дополнительные ингредиенты к любой пицце: пармезан, + курицу, ананас, карри и многое другое. Придумайте собственный кулинарный шедевр, а наш курьерская доставка + привезет его Вам. Почувствуйте себя шеф-поваром!

    +
    + + Минимальная стоимость зааза для доставки от 599 рублей + +     + +
    + Бесплатная доставка от пиццерии Pizza - быстро и очень выгодно! +
    + + +
    +

    Вы все правильно поняли: Вы получите заказанные блюда горячими, ведь доставка пиццы осуществляется с + поразительной скоростью (не более 35 минут); +

    +

    + Pizza использует только свежие ингредиенты, из которых пиццмейкеры готовят пиццу по проверенным рецептам, + поэтому лакомство придется Вам по вкусу; доставка пиццы будет бесплатной, и это никак не отразится на высоком качестве + Ваших любимых блюд. Для того чтобы заказать пиццу на дом, добавьте в «Корзину» понравившийся вариант и оформите заказ на + сайте пиццерии. +

    +
    + Доставим заказ до 35 минут +     +     + ) +} \ No newline at end of file diff --git a/.history/components/customer/block/Description/Description_20220530190931.tsx b/.history/components/customer/block/Description/Description_20220530190931.tsx new file mode 100644 index 0000000..37fea6a --- /dev/null +++ b/.history/components/customer/block/Description/Description_20220530190931.tsx @@ -0,0 +1,43 @@ +import React from 'react'; +import { ContainerTitle, ContainerInside } from '../../containers' +import { PictureText } from '../../../UI' + +export const Description: React.FC = () => { + return( + + +
    +

    Вы проголодались на работе? Или удобно устроились перед телевизором, чтобы посмотреть фильм? + А может, к Вам внезапно нагрянули друзья, а в холодильнике пусто? Пицца с доставкой от пиццерий.
    + Pizza - отличный выход для любой из этих ситуаций.

    +

    Вам остается только определиться, какой из видов этого итальянского блюда Вы хотите попробовать. + У Вас также есть прекрасная возможность заказать дополнительные ингредиенты к любой пицце: пармезан, + курицу, ананас, карри и многое другое. Придумайте собственный кулинарный шедевр, а наш курьерская доставка + привезет его Вам. Почувствуйте себя шеф-поваром!

    +
    + + Минимальная стоимость зааза для доставки от 599 рублей + +     + +
    + Бесплатная доставка от пиццерии Pizza - быстро и очень выгодно! +
    + + +
    +

    Вы все правильно поняли: Вы получите заказанные блюда горячими, ведь доставка пиццы осуществляется с + поразительной скоростью (не более 35 минут); +

    +

    + Pizza использует только свежие ингредиенты, из которых пиццмейкеры готовят пиццу по проверенным рецептам, + поэтому лакомство придется Вам по вкусу; доставка пиццы будет бесплатной, и это никак не отразится на высоком качестве + Ваших любимых блюд. Для того чтобы заказать пиццу на дом, добавьте в «Корзину» понравившийся вариант и оформите заказ на + сайте пиццерии. +

    +
    + Доставим заказ до 35 минут +     +     + ) +} \ No newline at end of file diff --git a/.history/components/customer/block/Description/Description_20220530190932.tsx b/.history/components/customer/block/Description/Description_20220530190932.tsx new file mode 100644 index 0000000..c394e97 --- /dev/null +++ b/.history/components/customer/block/Description/Description_20220530190932.tsx @@ -0,0 +1,43 @@ +import React from 'react'; +import { ContainerTitle, ContainerInside } from '../../containers' +import { PictureText } from '../../../UI' + +export const Description: React.FC = () => { + return( + + +
    +

    Вы проголодались на работе? Или удобно устроились перед телевизором, чтобы посмотреть фильм? + А может, к Вам внезапно нагрянули друзья, а в холодильнике пусто? Пицца с доставкой от пиццерий.
    + Pizza - отличный выход для любой из этих ситуаций.

    +

    Вам остается только определиться, какой из видов этого итальянского блюда Вы хотите попробовать. + У Вас также есть прекрасная возможность заказать дополнительные ингредиенты к любой пицце: пармезан, + курицу, ананас, карри и многое другое. Придумайте собственный кулинарный шедевр, а наш курьерская доставка + привезет его Вам. Почувствуйте себя шеф-поваром!

    +
    + + Минимальная стоимость зааза для доставки от 599 рублей + +     + +
    + Бесплатная доставка от пиццерии Pizza - быстро и очень выгодно! +
    + + +
    +

    Вы все правильно поняли: Вы получите заказанные блюда горячими, ведь доставка пиццы осуществляется с + поразительной скоростью (не более 35 минут); +

    +

    + Pizza использует только свежие ингредиенты, из которых пиццмейкеры готовят пиццу по проверенным рецептам, + поэтому лакомство придется Вам по вкусу; доставка пиццы будет бесплатной, и это никак не отразится на высоком качестве + Ваших любимых блюд. Для того чтобы заказать пиццу на дом, добавьте в «Корзину» понравившийся вариант и оформите заказ на + сайте пиццерии. +

    +
    + Доставим заказ до 35 минут +     +     + ) +} \ No newline at end of file diff --git a/.history/components/customer/block/Description/Description_20220530190938.tsx b/.history/components/customer/block/Description/Description_20220530190938.tsx new file mode 100644 index 0000000..97edca8 --- /dev/null +++ b/.history/components/customer/block/Description/Description_20220530190938.tsx @@ -0,0 +1,43 @@ +import React from 'react'; +import { ContainerTitle, ContainerInside } from '../../containers' +import { PictureText } from '../../../UI' + +export const Description: React.FC = () => { + return( + + +
    +

    Вы проголодались на работе? Или удобно устроились перед телевизором, чтобы посмотреть фильм? + А может, к Вам внезапно нагрянули друзья, а в холодильнике пусто? Пицца с доставкой от пиццерий.
    + Pizza - отличный выход для любой из этих ситуаций.

    +

    Вам остается только определиться, какой из видов этого итальянского блюда Вы хотите попробовать. + У Вас также есть прекрасная возможность заказать дополнительные ингредиенты к любой пицце: пармезан, + курицу, ананас, карри и многое другое. Придумайте собственный кулинарный шедевр, а наш курьерская доставка + привезет его Вам. Почувствуйте себя шеф-поваром!

    +
    + + Минимальная стоимость зааза для доставки от 599 рублей + +     + +
    + Бесплатная доставка от пиццерии Pizza - быстро и очень выгодно! +
    + + +
    +

    Вы все правильно поняли: Вы получите заказанные блюда горячими, ведь доставка пиццы осуществляется с + поразительной скоростью (не более 35 минут); +

    +

    + Pizza использует только свежие ингредиенты, из которых пиццмейкеры готовят пиццу по проверенным рецептам, + поэтому лакомство придется Вам по вкусу; доставка пиццы будет бесплатной, и это никак не отразится на высоком качестве + Ваших любимых блюд. Для того чтобы заказать пиццу на дом, добавьте в «Корзину» понравившийся вариант и оформите заказ на + сайте пиццерии. +

    +
    + Доставим заказ до 35 минут +     +     + ) +} \ No newline at end of file diff --git a/.history/components/customer/block/Description/index_20220530190224.ts b/.history/components/customer/block/Description/index_20220530190224.ts new file mode 100644 index 0000000..e69de29 diff --git a/.history/components/customer/block/Description/index_20220530190229.ts b/.history/components/customer/block/Description/index_20220530190229.ts new file mode 100644 index 0000000..42151f0 --- /dev/null +++ b/.history/components/customer/block/Description/index_20220530190229.ts @@ -0,0 +1 @@ +export \ No newline at end of file diff --git a/.history/components/customer/block/Description/index_20220530190230.ts b/.history/components/customer/block/Description/index_20220530190230.ts new file mode 100644 index 0000000..d983907 --- /dev/null +++ b/.history/components/customer/block/Description/index_20220530190230.ts @@ -0,0 +1 @@ +export * \ No newline at end of file diff --git a/.history/components/customer/block/Description/index_20220530190234.ts b/.history/components/customer/block/Description/index_20220530190234.ts new file mode 100644 index 0000000..221ea3e --- /dev/null +++ b/.history/components/customer/block/Description/index_20220530190234.ts @@ -0,0 +1 @@ +export * from './Description' \ No newline at end of file diff --git a/.history/components/customer/block/Footer/FooterNav_20220530193614.tsx b/.history/components/customer/block/Footer/FooterNav_20220530193614.tsx new file mode 100644 index 0000000..af91768 --- /dev/null +++ b/.history/components/customer/block/Footer/FooterNav_20220530193614.tsx @@ -0,0 +1,38 @@ +export const FooterNav: React.FC = () => { + return ( +
    +
    +
    +
    +

    Pizza

    +
      +
    • Кто мы
      • +
    • Работа в Pizza
      • +
    • Новости
      • +
    • Вопросы
      • +
    • Правовая информация
      • +
    +
    +
    +

    Для партнёров

    +
      +
    • Франчайзинг
      • +
    • Поставщикам
      • +
    +
    +
    +

    Контакты

    +
      +
    • Связь с нами
      • +
    • Служба поддержки
      • +
    +
    +
    +
    +

    8 (999) 99-99-99

    +

    Звонок бесплатный

    +
    +
    +
    + ) + }; diff --git a/.history/components/customer/block/Footer/FooterNav_20220531133717.tsx b/.history/components/customer/block/Footer/FooterNav_20220531133717.tsx new file mode 100644 index 0000000..7da8540 --- /dev/null +++ b/.history/components/customer/block/Footer/FooterNav_20220531133717.tsx @@ -0,0 +1,38 @@ +export const FooterNav: React.FC = () => { + return ( +
    +
    +
    +
    +

    Pizza

    +
      +
    • Кто мы
      • +
    • Работа в Pizza
      • +
    • Новости
      • +
    • Вопросы
      • +
    • Правовая информация
      • +
    +
    +
    +

    Для партнёров

    +
      +
    • Франчайзинг
      • +
    • Поставщикам
      • +
    +
    +
    +

    Контакты

    +
      +
    • Связь с нами
      • +
    • Служба поддержки
      • +
    +
    +
    +
    +

    8 (999) 99-99-99

    +

    Звонок бесплатный

    +
    +
    +
    + ) + }; diff --git a/.history/components/customer/block/Footer/FooterNav_20220531133720.tsx b/.history/components/customer/block/Footer/FooterNav_20220531133720.tsx new file mode 100644 index 0000000..7da8540 --- /dev/null +++ b/.history/components/customer/block/Footer/FooterNav_20220531133720.tsx @@ -0,0 +1,38 @@ +export const FooterNav: React.FC = () => { + return ( +
    +
    +
    +
    +

    Pizza

    +
      +
    • Кто мы
      • +
    • Работа в Pizza
      • +
    • Новости
      • +
    • Вопросы
      • +
    • Правовая информация
      • +
    +
    +
    +

    Для партнёров

    +
      +
    • Франчайзинг
      • +
    • Поставщикам
      • +
    +
    +
    +

    Контакты

    +
      +
    • Связь с нами
      • +
    • Служба поддержки
      • +
    +
    +
    +
    +

    8 (999) 99-99-99

    +

    Звонок бесплатный

    +
    +
    +
    + ) + }; diff --git a/.history/components/customer/block/Footer/FooterNav_20220531133724.tsx b/.history/components/customer/block/Footer/FooterNav_20220531133724.tsx new file mode 100644 index 0000000..829aacf --- /dev/null +++ b/.history/components/customer/block/Footer/FooterNav_20220531133724.tsx @@ -0,0 +1,38 @@ +export const FooterNav: React.FC = () => { + return ( +
    +
    +
    +
    +

    Pizza

    +
      +
    • Кто мы
      • +
    • Работа в Pizza
      • +
    • Новости
      • +
    • Вопросы
      • +
    • Правовая информация
      • +
    +
    +
    +

    Для партнёров

    +
      +
    • Франчайзинг
      • +
    • Поставщикам
      • +
    +
    +
    +

    Контакты

    +
      +
    • Связь с нами
      • +
    • Служба поддержки
      • +
    +
    +
    +
    +

    8 (999) 99-99-99

    +

    Звонок бесплатный

    +
    +
    +
    + ) + }; diff --git a/.history/components/customer/block/Footer/FooterNav_20220531133727.tsx b/.history/components/customer/block/Footer/FooterNav_20220531133727.tsx new file mode 100644 index 0000000..829aacf --- /dev/null +++ b/.history/components/customer/block/Footer/FooterNav_20220531133727.tsx @@ -0,0 +1,38 @@ +export const FooterNav: React.FC = () => { + return ( +
    +
    +
    +
    +

    Pizza

    +
      +
    • Кто мы
      • +
    • Работа в Pizza
      • +
    • Новости
      • +
    • Вопросы
      • +
    • Правовая информация
      • +
    +
    +
    +

    Для партнёров

    +
      +
    • Франчайзинг
      • +
    • Поставщикам
      • +
    +
    +
    +

    Контакты

    +
      +
    • Связь с нами
      • +
    • Служба поддержки
      • +
    +
    +
    +
    +

    8 (999) 99-99-99

    +

    Звонок бесплатный

    +
    +
    +
    + ) + }; diff --git a/.history/components/customer/block/Footer/FooterNav_20220531133731.tsx b/.history/components/customer/block/Footer/FooterNav_20220531133731.tsx new file mode 100644 index 0000000..99c4361 --- /dev/null +++ b/.history/components/customer/block/Footer/FooterNav_20220531133731.tsx @@ -0,0 +1,38 @@ +export const FooterNav: React.FC = () => { + return ( +
    +
    +
    +
    +

    Pizza

    +
      +
    • Кто мы
      • +
    • Работа в Pizza
      • +
    • Новости
      • +
    • Вопросы
      • +
    • Правовая информация
      • +
    +
    +
    +

    Для партнёров

    +
      +
    • Франчайзинг
      • +
    • Поставщикам
      • +
    +
    +
    +

    Контакты

    +
      +
    • Связь с нами
      • +
    • Служба поддержки
      • +
    +
    +
    +
    +

    8 (999) 99-99-99

    +

    Звонок бесплатный

    +
    +
    +
    + ) + }; diff --git a/.history/components/customer/block/Footer/FooterNav_20220531133736.tsx b/.history/components/customer/block/Footer/FooterNav_20220531133736.tsx new file mode 100644 index 0000000..fe1075a --- /dev/null +++ b/.history/components/customer/block/Footer/FooterNav_20220531133736.tsx @@ -0,0 +1,38 @@ +export const FooterNav: React.FC = () => { + return ( +
    +
    +
    +
    +

    Pizza

    +
      +
    • Кто мы
      • +
    • Работа в Pizza
      • +
    • Новости
      • +
    • Вопросы
      • +
    • Правовая информация
      • +
    +
    +
    +

    Для партнёров

    +
      +
    • Франчайзинг
      • +
    • Поставщикам
      • +
    +
    +
    +

    Контакты

    +
      +
    • Связь с нами
      • +
    • Служба поддержки
      • +
    +
    +
    +
    +

    8 (999) 99-99-99

    +

    Звонок бесплатный

    +
    +
    +
    + ) + }; diff --git a/.history/components/customer/block/Footer/FooterNav_20220531134138.tsx b/.history/components/customer/block/Footer/FooterNav_20220531134138.tsx new file mode 100644 index 0000000..1be2b2e --- /dev/null +++ b/.history/components/customer/block/Footer/FooterNav_20220531134138.tsx @@ -0,0 +1,38 @@ +export const FooterNav: React.FC = () => { + return ( +
    +
    +
    +
    +

    Pizza

    +
      +
    • Кто мы
      • +
    • Работа в Pizza
      • +
    • Новости
      • +
    • Вопросы
      • +
    • Правовая информация
      • +
    +
    +
    +

    Для партнёров

    +
      +
    • Франчайзинг
      • +
    • Поставщикам
      • +
    +
    +
    +

    Контакты

    +
      +
    • Связь с нами
      • +
    • Служба поддержки
      • +
    +
    +
    +
    +

    8 (999) 99-99-99

    +

    Звонок бесплатный

    +
    +
    +
    + ) + }; diff --git a/.history/components/customer/block/Footer/FooterNav_20220531134139.tsx b/.history/components/customer/block/Footer/FooterNav_20220531134139.tsx new file mode 100644 index 0000000..1be2b2e --- /dev/null +++ b/.history/components/customer/block/Footer/FooterNav_20220531134139.tsx @@ -0,0 +1,38 @@ +export const FooterNav: React.FC = () => { + return ( +
    +
    +
    +
    +

    Pizza

    +
      +
    • Кто мы
      • +
    • Работа в Pizza
      • +
    • Новости
      • +
    • Вопросы
      • +
    • Правовая информация
      • +
    +
    +
    +

    Для партнёров

    +
      +
    • Франчайзинг
      • +
    • Поставщикам
      • +
    +
    +
    +

    Контакты

    +
      +
    • Связь с нами
      • +
    • Служба поддержки
      • +
    +
    +
    +
    +

    8 (999) 99-99-99

    +

    Звонок бесплатный

    +
    +
    +
    + ) + }; diff --git a/.history/components/customer/block/Footer/FooterNav_20220531134204.tsx b/.history/components/customer/block/Footer/FooterNav_20220531134204.tsx new file mode 100644 index 0000000..3246d3b --- /dev/null +++ b/.history/components/customer/block/Footer/FooterNav_20220531134204.tsx @@ -0,0 +1,38 @@ +export const FooterNav: React.FC = () => { + return ( +
    +
    +
    +
    +

    Pizza

    +
      +
    • Кто мы
      • +
    • Работа в Pizza
      • +
    • Новости
      • +
    • Вопросы
      • +
    • Правовая информация
      • +
    +
    +
    +

    Для партнёров

    +
      +
    • Франчайзинг
      • +
    • Поставщикам
      • +
    +
    +
    +

    Контакты

    +
      +
    • Связь с нами
      • +
    • Служба поддержки
      • +
    +
    +
    +
    +

    8 (999) 99-99-99

    +

    Звонок бесплатный

    +
    +
    +
    + ) + }; diff --git a/.history/components/customer/block/Footer/FooterNav_20220531134207.tsx b/.history/components/customer/block/Footer/FooterNav_20220531134207.tsx new file mode 100644 index 0000000..e82dd6f --- /dev/null +++ b/.history/components/customer/block/Footer/FooterNav_20220531134207.tsx @@ -0,0 +1,38 @@ +export const FooterNav: React.FC = () => { + return ( +
    +
    +
    +
    +

    Pizza

    +
      +
    • Кто мы
      • +
    • Работа в Pizza
      • +
    • Новости
      • +
    • Вопросы
      • +
    • Правовая информация
      • +
    +
    +
    +

    Для партнёров

    +
      +
    • Франчайзинг
      • +
    • Поставщикам
      • +
    +
    +
    +

    Контакты

    +
      +
    • Связь с нами
      • +
    • Служба поддержки
      • +
    +
    +
    +
    +

    8 (999) 99-99-99

    +

    Звонок бесплатный

    +
    +
    +
    + ) + }; diff --git a/.history/components/customer/block/Footer/FooterNav_20220531134213.tsx b/.history/components/customer/block/Footer/FooterNav_20220531134213.tsx new file mode 100644 index 0000000..e82dd6f --- /dev/null +++ b/.history/components/customer/block/Footer/FooterNav_20220531134213.tsx @@ -0,0 +1,38 @@ +export const FooterNav: React.FC = () => { + return ( +
    +
    +
    +
    +

    Pizza

    +
      +
    • Кто мы
      • +
    • Работа в Pizza
      • +
    • Новости
      • +
    • Вопросы
      • +
    • Правовая информация
      • +
    +
    +
    +

    Для партнёров

    +
      +
    • Франчайзинг
      • +
    • Поставщикам
      • +
    +
    +
    +

    Контакты

    +
      +
    • Связь с нами
      • +
    • Служба поддержки
      • +
    +
    +
    +
    +

    8 (999) 99-99-99

    +

    Звонок бесплатный

    +
    +
    +
    + ) + }; diff --git a/.history/components/customer/block/Footer/FooterNav_20220531141333.tsx b/.history/components/customer/block/Footer/FooterNav_20220531141333.tsx new file mode 100644 index 0000000..004174c --- /dev/null +++ b/.history/components/customer/block/Footer/FooterNav_20220531141333.tsx @@ -0,0 +1,38 @@ +export const FooterNav: React.FC = () => { + return ( +
    +
    +
    +
    +

    Pizza

    +
      +
    • Кто мы
      • +
    • Работа в Pizza
      • +
    • Новости
      • +
    • Вопросы
      • +
    • Правовая информация
      • +
    +
    +
    +

    Для партнёров

    +
      +
    • Франчайзинг
      • +
    • Поставщикам
      • +
    +
    +
    +

    Контакты

    +
      +
    • Связь с нами
      • +
    • Служба поддержки
      • +
    +
    +
    +
    +

    8 (999) 99-99-99

    +

    Звонок бесплатный

    +
    +
    +
    + ) + }; diff --git a/.history/components/customer/block/Footer/FooterNav_20220531141354.tsx b/.history/components/customer/block/Footer/FooterNav_20220531141354.tsx new file mode 100644 index 0000000..e82dd6f --- /dev/null +++ b/.history/components/customer/block/Footer/FooterNav_20220531141354.tsx @@ -0,0 +1,38 @@ +export const FooterNav: React.FC = () => { + return ( +
    +
    +
    +
    +

    Pizza

    +
      +
    • Кто мы
      • +
    • Работа в Pizza
      • +
    • Новости
      • +
    • Вопросы
      • +
    • Правовая информация
      • +
    +
    +
    +

    Для партнёров

    +
      +
    • Франчайзинг
      • +
    • Поставщикам
      • +
    +
    +
    +

    Контакты

    +
      +
    • Связь с нами
      • +
    • Служба поддержки
      • +
    +
    +
    +
    +

    8 (999) 99-99-99

    +

    Звонок бесплатный

    +
    +
    +
    + ) + }; diff --git a/.history/components/customer/block/Footer/FooterNav_20220531141404.tsx b/.history/components/customer/block/Footer/FooterNav_20220531141404.tsx new file mode 100644 index 0000000..f04856c --- /dev/null +++ b/.history/components/customer/block/Footer/FooterNav_20220531141404.tsx @@ -0,0 +1,38 @@ +export const FooterNav: React.FC = () => { + return ( +
    +
    +
    +
    +

    Pizza

    +
      +
    • Кто мы
      • +
    • Работа в Pizza
      • +
    • Новости
      • +
    • Вопросы
      • +
    • Правовая информация
      • +
    +
    +
    +

    Для партнёров

    +
      +
    • Франчайзинг
      • +
    • Поставщикам
      • +
    +
    +
    +

    Контакты

    +
      +
    • Связь с нами
      • +
    • Служба поддержки
      • +
    +
    +
    +
    +

    8 (999) 99-99-99

    +

    Звонок бесплатный

    +
    +
    +
    + ) + }; diff --git a/.history/components/customer/block/Footer/FooterNav_20220531141405.tsx b/.history/components/customer/block/Footer/FooterNav_20220531141405.tsx new file mode 100644 index 0000000..f04856c --- /dev/null +++ b/.history/components/customer/block/Footer/FooterNav_20220531141405.tsx @@ -0,0 +1,38 @@ +export const FooterNav: React.FC = () => { + return ( +
    +
    +
    +
    +

    Pizza

    +
      +
    • Кто мы
      • +
    • Работа в Pizza
      • +
    • Новости
      • +
    • Вопросы
      • +
    • Правовая информация
      • +
    +
    +
    +

    Для партнёров

    +
      +
    • Франчайзинг
      • +
    • Поставщикам
      • +
    +
    +
    +

    Контакты

    +
      +
    • Связь с нами
      • +
    • Служба поддержки
      • +
    +
    +
    +
    +

    8 (999) 99-99-99

    +

    Звонок бесплатный

    +
    +
    +
    + ) + }; diff --git a/.history/components/customer/block/Footer/FooterNav_20220531141412.tsx b/.history/components/customer/block/Footer/FooterNav_20220531141412.tsx new file mode 100644 index 0000000..9a6c9de --- /dev/null +++ b/.history/components/customer/block/Footer/FooterNav_20220531141412.tsx @@ -0,0 +1,38 @@ +export const FooterNav: React.FC = () => { + return ( +
    +
    +
    +
    +

    Pizza

    +
      +
    • Кто мы
      • +
    • Работа в Pizza
      • +
    • Новости
      • +
    • Вопросы
      • +
    • Правовая информация
      • +
    +
    +
    +

    Для партнёров

    +
      +
    • Франчайзинг
      • +
    • Поставщикам
      • +
    +
    +
    +

    Контакты

    +
      +
    • Связь с нами
      • +
    • Служба поддержки
      • +
    +
    +
    +
    +

    8 (999) 99-99-99

    +

    Звонок бесплатный

    +
    +
    +
    + ) + }; diff --git a/.history/components/customer/block/Footer/FooterNav_20220531141414.tsx b/.history/components/customer/block/Footer/FooterNav_20220531141414.tsx new file mode 100644 index 0000000..73489c4 --- /dev/null +++ b/.history/components/customer/block/Footer/FooterNav_20220531141414.tsx @@ -0,0 +1,38 @@ +export const FooterNav: React.FC = () => { + return ( +
    +
    +
    +
    +

    Pizza

    +
      +
    • Кто мы
      • +
    • Работа в Pizza
      • +
    • Новости
      • +
    • Вопросы
      • +
    • Правовая информация
      • +
    +
    +
    +

    Для партнёров

    +
      +
    • Франчайзинг
      • +
    • Поставщикам
      • +
    +
    +
    +

    Контакты

    +
      +
    • Связь с нами
      • +
    • Служба поддержки
      • +
    +
    +
    +
    +

    8 (999) 99-99-99

    +

    Звонок бесплатный

    +
    +
    +
    + ) + }; diff --git a/.history/components/customer/block/Footer/FooterNav_20220531141416.tsx b/.history/components/customer/block/Footer/FooterNav_20220531141416.tsx new file mode 100644 index 0000000..2430736 --- /dev/null +++ b/.history/components/customer/block/Footer/FooterNav_20220531141416.tsx @@ -0,0 +1,38 @@ +export const FooterNav: React.FC = () => { + return ( +
    +
    +
    +
    +

    Pizza

    +
      +
    • Кто мы
      • +
    • Работа в Pizza
      • +
    • Новости
      • +
    • Вопросы
      • +
    • Правовая информация
      • +
    +
    +
    +

    Для партнёров

    +
      +
    • Франчайзинг
      • +
    • Поставщикам
      • +
    +
    +
    +

    Контакты

    +
      +
    • Связь с нами
      • +
    • Служба поддержки
      • +
    +
    +
    +
    +

    8 (999) 99-99-99

    +

    Звонок бесплатный

    +
    +
    +
    + ) + }; diff --git a/.history/components/customer/block/Footer/FooterNav_20220531141417.tsx b/.history/components/customer/block/Footer/FooterNav_20220531141417.tsx new file mode 100644 index 0000000..e2f8dbb --- /dev/null +++ b/.history/components/customer/block/Footer/FooterNav_20220531141417.tsx @@ -0,0 +1,38 @@ +export const FooterNav: React.FC = () => { + return ( +
    +
    +
    +
    +

    Pizza

    +
      +
    • Кто мы
      • +
    • Работа в Pizza
      • +
    • Новости
      • +
    • Вопросы
      • +
    • Правовая информация
      • +
    +
    +
    +

    Для партнёров

    +
      +
    • Франчайзинг
      • +
    • Поставщикам
      • +
    +
    +
    +

    Контакты

    +
      +
    • Связь с нами
      • +
    • Служба поддержки
      • +
    +
    +
    +
    +

    8 (999) 99-99-99

    +

    Звонок бесплатный

    +
    +
    +
    + ) + }; diff --git a/.history/components/customer/block/Footer/FooterNav_20220531141419.tsx b/.history/components/customer/block/Footer/FooterNav_20220531141419.tsx new file mode 100644 index 0000000..61ccb8f --- /dev/null +++ b/.history/components/customer/block/Footer/FooterNav_20220531141419.tsx @@ -0,0 +1,38 @@ +export const FooterNav: React.FC = () => { + return ( +
    +
    +
    +
    +

    Pizza

    +
      +
    • Кто мы
      • +
    • Работа в Pizza
      • +
    • Новости
      • +
    • Вопросы
      • +
    • Правовая информация
      • +
    +
    +
    +

    Для партнёров

    +
      +
    • Франчайзинг
      • +
    • Поставщикам
      • +
    +
    +
    +

    Контакты

    +
      +
    • Связь с нами
      • +
    • Служба поддержки
      • +
    +
    +
    +
    +

    8 (999) 99-99-99

    +

    Звонок бесплатный

    +
    +
    +
    + ) + }; diff --git a/.history/components/customer/block/Footer/FooterNav_20220531143011.tsx b/.history/components/customer/block/Footer/FooterNav_20220531143011.tsx new file mode 100644 index 0000000..82797c4 --- /dev/null +++ b/.history/components/customer/block/Footer/FooterNav_20220531143011.tsx @@ -0,0 +1,38 @@ +export const FooterNav: React.FC = () => { + return ( +
    +
    +
    +
    +

    Pizza

    +
      +
    • Кто мы
      • +
    • Работа в Pizza
      • +
    • Новости
      • +
    • Вопросы
      • +
    • Правовая информация
      • +
    +
    +
    +

    Для партнёров

    +
      +
    • Франчайзинг
      • +
    • Поставщикам
      • +
    +
    +
    +

    Контакты

    +
      +
    • Связь с нами
      • +
    • Служба поддержки
      • +
    +
    +
    +
    +

    8 (999) 99-99-99

    +

    Звонок бесплатный

    +
    +
    +
    + ) + }; diff --git a/.history/components/customer/block/Footer/FooterNav_20220531143039.tsx b/.history/components/customer/block/Footer/FooterNav_20220531143039.tsx new file mode 100644 index 0000000..8b31f58 --- /dev/null +++ b/.history/components/customer/block/Footer/FooterNav_20220531143039.tsx @@ -0,0 +1,38 @@ +export const FooterNav: React.FC = () => { + return ( +
    +
    +
    +
    +

    Pizza

    +
      +
    • Кто мы
      • +
    • Работа в Pizza
      • +
    • Новости
      • +
    • Вопросы
      • +
    • Правовая информация
      • +
    +
    +
    +

    Для партнёров

    +
      +
    • Франчайзинг
      • +
    • Поставщикам
      • +
    +
    +
    +

    Контакты

    +
      +
    • Связь с нами
      • +
    • Служба поддержки
      • +
    +
    +
    +
    +

    8 (999) 99-99-99

    +

    Звонок бесплатный

    +
    +
    +
    + ) + }; diff --git a/.history/components/customer/block/Footer/FooterNav_20220531143040.tsx b/.history/components/customer/block/Footer/FooterNav_20220531143040.tsx new file mode 100644 index 0000000..304336e --- /dev/null +++ b/.history/components/customer/block/Footer/FooterNav_20220531143040.tsx @@ -0,0 +1,38 @@ +export const FooterNav: React.FC = () => { + return ( +
    +
    +
    +
    +

    Pizza

    +
      +
    • Кто мы
      • +
    • Работа в Pizza
      • +
    • Новости
      • +
    • Вопросы
      • +
    • Правовая информация
      • +
    +
    +
    +

    Для партнёров

    +
      +
    • Франчайзинг
      • +
    • Поставщикам
      • +
    +
    +
    +

    Контакты

    +
      +
    • Связь с нами
      • +
    • Служба поддержки
      • +
    +
    +
    +
    +

    8 (999) 99-99-99

    +

    Звонок бесплатный

    +
    +
    +
    + ) + }; diff --git a/.history/components/customer/block/Footer/FooterNav_20220531143044.tsx b/.history/components/customer/block/Footer/FooterNav_20220531143044.tsx new file mode 100644 index 0000000..51f4645 --- /dev/null +++ b/.history/components/customer/block/Footer/FooterNav_20220531143044.tsx @@ -0,0 +1,38 @@ +export const FooterNav: React.FC = () => { + return ( +
    +
    +
    +
    +

    Pizza

    +
      +
    • Кто мы
      • +
    • Работа в Pizza
      • +
    • Новости
      • +
    • Вопросы
      • +
    • Правовая информация
      • +
    +
    +
    +

    Для партнёров

    +
      +
    • Франчайзинг
      • +
    • Поставщикам
      • +
    +
    +
    +

    Контакты

    +
      +
    • Связь с нами
      • +
    • Служба поддержки
      • +
    +
    +
    +
    +

    8 (999) 99-99-99

    +

    Звонок бесплатный

    +
    +
    +
    + ) + }; diff --git a/.history/components/customer/block/Footer/FooterNav_20220531143052.tsx b/.history/components/customer/block/Footer/FooterNav_20220531143052.tsx new file mode 100644 index 0000000..31a9fab --- /dev/null +++ b/.history/components/customer/block/Footer/FooterNav_20220531143052.tsx @@ -0,0 +1,38 @@ +export const FooterNav: React.FC = () => { + return ( +
    +
    +
    +
    +

    Pizza

    +
      +
    • Кто мы
      • +
    • Работа в Pizza
      • +
    • Новости
      • +
    • Вопросы
      • +
    • Правовая информация
      • +
    +
    +
    +

    Для партнёров

    +
      +
    • Франчайзинг
      • +
    • Поставщикам
      • +
    +
    +
    +

    Контакты

    +
      +
    • Связь с нами
      • +
    • Служба поддержки
      • +
    +
    +
    +
    +

    8 (999) 99-99-99

    +

    Звонок бесплатный

    +
    +
    +
    + ) + }; diff --git a/.history/components/customer/block/Footer/FooterNav_20220531145326.tsx b/.history/components/customer/block/Footer/FooterNav_20220531145326.tsx new file mode 100644 index 0000000..e2c121c --- /dev/null +++ b/.history/components/customer/block/Footer/FooterNav_20220531145326.tsx @@ -0,0 +1,39 @@ +export const FooterNav: React.FC = () => { + return ( + +
    +
    +
    +
    +

    Pizza

    +
      +
    • Кто мы
      • +
    • Работа в Pizza
      • +
    • Новости
      • +
    • Вопросы
      • +
    • Правовая информация
      • +
    +
    +
    +

    Для партнёров

    +
      +
    • Франчайзинг
      • +
    • Поставщикам
      • +
    +
    +
    +

    Контакты

    +
      +
    • Связь с нами
      • +
    • Служба поддержки
      • +
    +
    +
    +
    +

    8 (999) 99-99-99

    +

    Звонок бесплатный

    +
    +
    +
    + ) + }; diff --git a/.history/components/customer/block/Footer/FooterNav_20220531145329.tsx b/.history/components/customer/block/Footer/FooterNav_20220531145329.tsx new file mode 100644 index 0000000..1f6898f --- /dev/null +++ b/.history/components/customer/block/Footer/FooterNav_20220531145329.tsx @@ -0,0 +1,39 @@ +export const FooterNav: React.FC = () => { + return ( +
    +
    +
    +
    +
    +

    Pizza

    +
      +
    • Кто мы
      • +
    • Работа в Pizza
      • +
    • Новости
      • +
    • Вопросы
      • +
    • Правовая информация
      • +
    +
    +
    +

    Для партнёров

    +
      +
    • Франчайзинг
      • +
    • Поставщикам
      • +
    +
    +
    +

    Контакты

    +
      +
    • Связь с нами
      • +
    • Служба поддержки
      • +
    +
    +
    +
    +

    8 (999) 99-99-99

    +

    Звонок бесплатный

    +
    +
    +
    + ) + }; diff --git a/.history/components/customer/block/Footer/FooterNav_20220531145332.tsx b/.history/components/customer/block/Footer/FooterNav_20220531145332.tsx new file mode 100644 index 0000000..ca2845c --- /dev/null +++ b/.history/components/customer/block/Footer/FooterNav_20220531145332.tsx @@ -0,0 +1,39 @@ +export const FooterNav: React.FC = () => { + return ( +
    / +
    +
    +
    +
    +

    Pizza

    +
      +
    • Кто мы
      • +
    • Работа в Pizza
      • +
    • Новости
      • +
    • Вопросы
      • +
    • Правовая информация
      • +
    +
    +
    +

    Для партнёров

    +
      +
    • Франчайзинг
      • +
    • Поставщикам
      • +
    +
    +
    +

    Контакты

    +
      +
    • Связь с нами
      • +
    • Служба поддержки
      • +
    +
    +
    +
    +

    8 (999) 99-99-99

    +

    Звонок бесплатный

    +
    +
    +
    + ) + }; diff --git a/.history/components/customer/block/Footer/FooterNav_20220531145335.tsx b/.history/components/customer/block/Footer/FooterNav_20220531145335.tsx new file mode 100644 index 0000000..35d6b8e --- /dev/null +++ b/.history/components/customer/block/Footer/FooterNav_20220531145335.tsx @@ -0,0 +1,39 @@ +export const FooterNav: React.FC = () => { + return ( +
    +
    +
    +
    +
    +

    Pizza

    +
      +
    • Кто мы
      • +
    • Работа в Pizza
      • +
    • Новости
      • +
    • Вопросы
      • +
    • Правовая информация
      • +
    +
    +
    +

    Для партнёров

    +
      +
    • Франчайзинг
      • +
    • Поставщикам
      • +
    +
    +
    +

    Контакты

    +
      +
    • Связь с нами
      • +
    • Служба поддержки
      • +
    +
    +
    +
    +

    8 (999) 99-99-99

    +

    Звонок бесплатный

    +
    +
    +
    + ) + }; diff --git a/.history/components/customer/block/Footer/FooterNav_20220531145337.tsx b/.history/components/customer/block/Footer/FooterNav_20220531145337.tsx new file mode 100644 index 0000000..fc27090 --- /dev/null +++ b/.history/components/customer/block/Footer/FooterNav_20220531145337.tsx @@ -0,0 +1,39 @@ +export const FooterNav: React.FC = () => { + return ( +
    +
    +
    +
    +
    +

    Pizza

    +
      +
    • Кто мы
      • +
    • Работа в Pizza
      • +
    • Новости
      • +
    • Вопросы
      • +
    • Правовая информация
      • +
    +
    +
    +

    Для партнёров

    +
      +
    • Франчайзинг
      • +
    • Поставщикам
      • +
    +
    +
    +

    Контакты

    +
      +
    • Связь с нами
      • +
    • Служба поддержки
      • +
    +
    +
    +
    +

    8 (999) 99-99-99

    +

    Звонок бесплатный

    +
    +
    +
    + ) + }; diff --git a/.history/components/customer/block/Footer/FooterNav_20220531145339.tsx b/.history/components/customer/block/Footer/FooterNav_20220531145339.tsx new file mode 100644 index 0000000..3628f47 --- /dev/null +++ b/.history/components/customer/block/Footer/FooterNav_20220531145339.tsx @@ -0,0 +1,39 @@ +export const FooterNav: React.FC = () => { + return ( + +
    +
    +
    +
    +

    Pizza

    +
      +
    • Кто мы
      • +
    • Работа в Pizza
      • +
    • Новости
      • +
    • Вопросы
      • +
    • Правовая информация
      • +
    +
    +
    +

    Для партнёров

    +
      +
    • Франчайзинг
      • +
    • Поставщикам
      • +
    +
    +
    +

    Контакты

    +
      +
    • Связь с нами
      • +
    • Служба поддержки
      • +
    +
    +
    +
    +

    8 (999) 99-99-99

    +

    Звонок бесплатный

    +
    +
    +
    + ) + }; diff --git a/.history/components/customer/block/Footer/FooterNav_20220531145341.tsx b/.history/components/customer/block/Footer/FooterNav_20220531145341.tsx new file mode 100644 index 0000000..3c8dc49 --- /dev/null +++ b/.history/components/customer/block/Footer/FooterNav_20220531145341.tsx @@ -0,0 +1,40 @@ +export const FooterNav: React.FC = () => { + return ( + +
    +
    +
    +
    +
    +

    Pizza

    +
      +
    • Кто мы
      • +
    • Работа в Pizza
      • +
    • Новости
      • +
    • Вопросы
      • +
    • Правовая информация
      • +
    +
    +
    +

    Для партнёров

    +
      +
    • Франчайзинг
      • +
    • Поставщикам
      • +
    +
    +
    +

    Контакты

    +
      +
    • Связь с нами
      • +
    • Служба поддержки
      • +
    +
    +
    +
    +

    8 (999) 99-99-99

    +

    Звонок бесплатный

    +
    +
    +
    + ) + }; diff --git a/.history/components/customer/block/Footer/FooterNav_20220531151045.tsx b/.history/components/customer/block/Footer/FooterNav_20220531151045.tsx new file mode 100644 index 0000000..7808f8e --- /dev/null +++ b/.history/components/customer/block/Footer/FooterNav_20220531151045.tsx @@ -0,0 +1,39 @@ +export const FooterNav: React.FC = () => { + return ( +
    +
    +
    +
    +
    +

    Pizza

    +
      +
    • Кто мы
      • +
    • Работа в Pizza
      • +
    • Новости
      • +
    • Вопросы
      • +
    • Правовая информация
      • +
    +
    +
    +

    Для партнёров

    +
      +
    • Франчайзинг
      • +
    • Поставщикам
      • +
    +
    +
    +

    Контакты

    +
      +
    • Связь с нами
      • +
    • Служба поддержки
      • +
    +
    +
    +
    +

    8 (999) 99-99-99

    +

    Звонок бесплатный

    +
    +
    +
    + ) + }; diff --git a/.history/components/customer/block/Footer/FooterNav_20220531151046.tsx b/.history/components/customer/block/Footer/FooterNav_20220531151046.tsx new file mode 100644 index 0000000..7808f8e --- /dev/null +++ b/.history/components/customer/block/Footer/FooterNav_20220531151046.tsx @@ -0,0 +1,39 @@ +export const FooterNav: React.FC = () => { + return ( +
    +
    +
    +
    +
    +

    Pizza

    +
      +
    • Кто мы
      • +
    • Работа в Pizza
      • +
    • Новости
      • +
    • Вопросы
      • +
    • Правовая информация
      • +
    +
    +
    +

    Для партнёров

    +
      +
    • Франчайзинг
      • +
    • Поставщикам
      • +
    +
    +
    +

    Контакты

    +
      +
    • Связь с нами
      • +
    • Служба поддержки
      • +
    +
    +
    +
    +

    8 (999) 99-99-99

    +

    Звонок бесплатный

    +
    +
    +
    + ) + }; diff --git a/.history/components/customer/block/Footer/Footer_20220530192753.tsx b/.history/components/customer/block/Footer/Footer_20220530192753.tsx new file mode 100644 index 0000000..e69de29 diff --git a/.history/components/customer/block/Footer/Footer_20220530192833.tsx b/.history/components/customer/block/Footer/Footer_20220530192833.tsx new file mode 100644 index 0000000..2b4be0a --- /dev/null +++ b/.history/components/customer/block/Footer/Footer_20220530192833.tsx @@ -0,0 +1,23 @@ +const Footer = (props) => { + return ( +
    + + +
    +

    + 2022 © Pizza&Pizza +

    +
    +
    + ) + }; + + export default Footer; \ No newline at end of file diff --git a/.history/components/customer/block/Footer/Footer_20220530192849.tsx b/.history/components/customer/block/Footer/Footer_20220530192849.tsx new file mode 100644 index 0000000..9aaf44f --- /dev/null +++ b/.history/components/customer/block/Footer/Footer_20220530192849.tsx @@ -0,0 +1,25 @@ + + +const Footer = (props) => { + return ( +
    + + +
    +

    + 2022 © Pizza&Pizza +

    +
    +
    + ) + }; + + export default Footer; \ No newline at end of file diff --git a/.history/components/customer/block/Footer/Footer_20220530192850.tsx b/.history/components/customer/block/Footer/Footer_20220530192850.tsx new file mode 100644 index 0000000..2aee7d3 --- /dev/null +++ b/.history/components/customer/block/Footer/Footer_20220530192850.tsx @@ -0,0 +1,39 @@ +import React from 'react'; +import { Header } from '../../components/customer/block'; + +type Props = { children: React.ReactNode }; + +export const MainLayout: React.FC = ({children}) => { + return ( +
    +
    +
    + {children} +
    +
    + ); +}; + +const Footer = (props) => { + return ( +
    + + +
    +

    + 2022 © Pizza&Pizza +

    +
    +
    + ) + }; + + export default Footer; \ No newline at end of file diff --git a/.history/components/customer/block/Footer/Footer_20220530192858.tsx b/.history/components/customer/block/Footer/Footer_20220530192858.tsx new file mode 100644 index 0000000..f0dcbea --- /dev/null +++ b/.history/components/customer/block/Footer/Footer_20220530192858.tsx @@ -0,0 +1,38 @@ +import React from 'react'; + +type Props = { children: React.ReactNode }; + +export const MainLayout: React.FC = ({children}) => { + return ( +
    +
    +
    + {children} +
    +
    + ); +}; + +const Footer = (props) => { + return ( +
    + + +
    +

    + 2022 © Pizza&Pizza +

    +
    +
    + ) + }; + + export default Footer; \ No newline at end of file diff --git a/.history/components/customer/block/Footer/Footer_20220530192900.tsx b/.history/components/customer/block/Footer/Footer_20220530192900.tsx new file mode 100644 index 0000000..993e1cc --- /dev/null +++ b/.history/components/customer/block/Footer/Footer_20220530192900.tsx @@ -0,0 +1,36 @@ +import React from 'react'; + +export const MainLayout: React.FC = ({children}) => { + return ( +
    +
    +
    + {children} +
    +
    + ); +}; + +const Footer = (props) => { + return ( +
    + + +
    +

    + 2022 © Pizza&Pizza +

    +
    +
    + ) + }; + + export default Footer; \ No newline at end of file diff --git a/.history/components/customer/block/Footer/Footer_20220530192906.tsx b/.history/components/customer/block/Footer/Footer_20220530192906.tsx new file mode 100644 index 0000000..e0eef86 --- /dev/null +++ b/.history/components/customer/block/Footer/Footer_20220530192906.tsx @@ -0,0 +1,20 @@ +import React from 'react'; + +export const MainLayout: React.FC = ({children}) => { + return ( +
    +
    +
    + {children} +
    +
    + ); +}; + +const Footer = (props) => { + return ( + + ) + }; + + export default Footer; \ No newline at end of file diff --git a/.history/components/customer/block/Footer/Footer_20220530192910.tsx b/.history/components/customer/block/Footer/Footer_20220530192910.tsx new file mode 100644 index 0000000..4962155 --- /dev/null +++ b/.history/components/customer/block/Footer/Footer_20220530192910.tsx @@ -0,0 +1,31 @@ +import React from 'react'; + +export const MainLayout: React.FC = ({children}) => { + return ( +
    + + +
    +

    + 2022 © Pizza&Pizza +

    +
    +
    + ); +}; + +const Footer = (props) => { + return ( + + ) + }; + + export default Footer; \ No newline at end of file diff --git a/.history/components/customer/block/Footer/Footer_20220530192914.tsx b/.history/components/customer/block/Footer/Footer_20220530192914.tsx new file mode 100644 index 0000000..2f8a09c --- /dev/null +++ b/.history/components/customer/block/Footer/Footer_20220530192914.tsx @@ -0,0 +1,31 @@ +import React from 'react'; + +export const Footer: React.FC = ({children}) => { + return ( +
    + + +
    +

    + 2022 © Pizza&Pizza +

    +
    +
    + ); +}; + +const Footer = (props) => { + return ( + + ) + }; + + export default Footer; \ No newline at end of file diff --git a/.history/components/customer/block/Footer/Footer_20220530192917.tsx b/.history/components/customer/block/Footer/Footer_20220530192917.tsx new file mode 100644 index 0000000..ba75ec9 --- /dev/null +++ b/.history/components/customer/block/Footer/Footer_20220530192917.tsx @@ -0,0 +1,23 @@ +import React from 'react'; + +export const Footer: React.FC = ({children}) => { + return ( +
    + + +
    +

    + 2022 © Pizza&Pizza +

    +
    +
    + ); +}; \ No newline at end of file diff --git a/.history/components/customer/block/Footer/Footer_20220530192923.tsx b/.history/components/customer/block/Footer/Footer_20220530192923.tsx new file mode 100644 index 0000000..5794575 --- /dev/null +++ b/.history/components/customer/block/Footer/Footer_20220530192923.tsx @@ -0,0 +1,23 @@ +import React from 'react'; + +export const Footer: React.FC = ({children}) => { + return ( +
    + + +
    +

    + 2022 © Pizza&Pizza +

    +
    +
    + ); +}; \ No newline at end of file diff --git a/.history/components/customer/block/Footer/Footer_20220530192925.tsx b/.history/components/customer/block/Footer/Footer_20220530192925.tsx new file mode 100644 index 0000000..3d4ded0 --- /dev/null +++ b/.history/components/customer/block/Footer/Footer_20220530192925.tsx @@ -0,0 +1,23 @@ +import React from 'react'; + +export const Footer: React.FC = () => { + return ( +
    + + +
    +

    + 2022 © Pizza&Pizza +

    +
    +
    + ); +}; \ No newline at end of file diff --git a/.history/components/customer/block/Footer/Footer_20220530192939.tsx b/.history/components/customer/block/Footer/Footer_20220530192939.tsx new file mode 100644 index 0000000..5ec0c1e --- /dev/null +++ b/.history/components/customer/block/Footer/Footer_20220530192939.tsx @@ -0,0 +1,24 @@ +import React from 'react'; +import classNames from 'classnames'; + +export const Footer: React.FC = () => { + return ( +
    + + +
    +

    + 2022 © Pizza&Pizza +

    +
    +
    + ); +}; \ No newline at end of file diff --git a/.history/components/customer/block/Footer/Footer_20220530192945.tsx b/.history/components/customer/block/Footer/Footer_20220530192945.tsx new file mode 100644 index 0000000..fa71c7e --- /dev/null +++ b/.history/components/customer/block/Footer/Footer_20220530192945.tsx @@ -0,0 +1,24 @@ +import React from 'react'; +import classNames from 'classnames'; + +export const Footer: React.FC = () => { + return ( +
    + + +
    +

    + 2022 © Pizza&Pizza +

    +
    +
    + ); +}; \ No newline at end of file diff --git a/.history/components/customer/block/Footer/Footer_20220530192949.tsx b/.history/components/customer/block/Footer/Footer_20220530192949.tsx new file mode 100644 index 0000000..105c055 --- /dev/null +++ b/.history/components/customer/block/Footer/Footer_20220530192949.tsx @@ -0,0 +1,24 @@ +import React from 'react'; +import classNames from 'classnames'; + +export const Footer: React.FC = () => { + return ( +
    + + +
    +

    + 2022 © Pizza&Pizza +

    +
    +
    + ); +}; \ No newline at end of file diff --git a/.history/components/customer/block/Footer/Footer_20220530192951.tsx b/.history/components/customer/block/Footer/Footer_20220530192951.tsx new file mode 100644 index 0000000..f002bbd --- /dev/null +++ b/.history/components/customer/block/Footer/Footer_20220530192951.tsx @@ -0,0 +1,24 @@ +import React from 'react'; +import classNames from 'classnames'; + +export const Footer: React.FC = () => { + return ( +
    + + +
    +

    + 2022 © Pizza&Pizza +

    +
    +
    + ); +}; \ No newline at end of file diff --git a/.history/components/customer/block/Footer/Footer_20220530192958.tsx b/.history/components/customer/block/Footer/Footer_20220530192958.tsx new file mode 100644 index 0000000..97b8333 --- /dev/null +++ b/.history/components/customer/block/Footer/Footer_20220530192958.tsx @@ -0,0 +1,24 @@ +import React from 'react'; +import classNames from 'classnames'; + +export const Footer: React.FC = () => { + return ( +
    + + +
    +

    + 2022 © Pizza&Pizza +

    +
    +
    + ); +}; \ No newline at end of file diff --git a/.history/components/customer/block/Footer/Footer_20220530193002.tsx b/.history/components/customer/block/Footer/Footer_20220530193002.tsx new file mode 100644 index 0000000..5fa3f18 --- /dev/null +++ b/.history/components/customer/block/Footer/Footer_20220530193002.tsx @@ -0,0 +1,24 @@ +import React from 'react'; +import classNames from 'classnames'; + +export const Footer: React.FC = () => { + return ( +
    + + +
    +

    + 2022 © Pizza&Pizza +

    +
    +
    + ); +}; \ No newline at end of file diff --git a/.history/components/customer/block/Footer/Footer_20220530193004.tsx b/.history/components/customer/block/Footer/Footer_20220530193004.tsx new file mode 100644 index 0000000..b21d9f6 --- /dev/null +++ b/.history/components/customer/block/Footer/Footer_20220530193004.tsx @@ -0,0 +1,24 @@ +import React from 'react'; +import classNames from 'classnames'; + +export const Footer: React.FC = () => { + return ( +
    + + +
    +

    + 2022 © Pizza&Pizza +

    +
    +
    + ); +}; \ No newline at end of file diff --git a/.history/components/customer/block/Footer/Footer_20220530193006.tsx b/.history/components/customer/block/Footer/Footer_20220530193006.tsx new file mode 100644 index 0000000..c480342 --- /dev/null +++ b/.history/components/customer/block/Footer/Footer_20220530193006.tsx @@ -0,0 +1,24 @@ +import React from 'react'; +import classNames from 'classnames'; + +export const Footer: React.FC = () => { + return ( +
    + + +
    +

    + 2022 © Pizza&Pizza +

    +
    +
    + ); +}; \ No newline at end of file diff --git a/.history/components/customer/block/Footer/Footer_20220530193010.tsx b/.history/components/customer/block/Footer/Footer_20220530193010.tsx new file mode 100644 index 0000000..dc31404 --- /dev/null +++ b/.history/components/customer/block/Footer/Footer_20220530193010.tsx @@ -0,0 +1,24 @@ +import React from 'react'; +import classNames from 'classnames'; + +export const Footer: React.FC = () => { + return ( +
    + + +
    +

    + 2022 © Pizza&Pizza +

    +
    +
    + ); +}; \ No newline at end of file diff --git a/.history/components/customer/block/Footer/Footer_20220530193012.tsx b/.history/components/customer/block/Footer/Footer_20220530193012.tsx new file mode 100644 index 0000000..537ed58 --- /dev/null +++ b/.history/components/customer/block/Footer/Footer_20220530193012.tsx @@ -0,0 +1,24 @@ +import React from 'react'; +import classNames from 'classnames'; + +export const Footer: React.FC = () => { + return ( +
    + + +
    +

    + 2022 © Pizza&Pizza +

    +
    +
    + ); +}; \ No newline at end of file diff --git a/.history/components/customer/block/Footer/Footer_20220530193024.tsx b/.history/components/customer/block/Footer/Footer_20220530193024.tsx new file mode 100644 index 0000000..537ed58 --- /dev/null +++ b/.history/components/customer/block/Footer/Footer_20220530193024.tsx @@ -0,0 +1,24 @@ +import React from 'react'; +import classNames from 'classnames'; + +export const Footer: React.FC = () => { + return ( +
    + + +
    +

    + 2022 © Pizza&Pizza +

    +
    +
    + ); +}; \ No newline at end of file diff --git a/.history/components/customer/block/Footer/Nav_20220530192759.tsx b/.history/components/customer/block/Footer/Nav_20220530192759.tsx new file mode 100644 index 0000000..e69de29 diff --git a/.history/components/customer/block/Footer/Nav_20220530193033.tsx b/.history/components/customer/block/Footer/Nav_20220530193033.tsx new file mode 100644 index 0000000..5476f1a --- /dev/null +++ b/.history/components/customer/block/Footer/Nav_20220530193033.tsx @@ -0,0 +1,40 @@ +const FooterNav = (props) => { + return ( +
    +
    +
    +
    +

    Pizza

    +
      +
    • Кто мы
      • +
    • Работа в Pizza
      • +
    • Новости
      • +
    • Вопросы
      • +
    • Правовая информация
      • +
    +
    +
    +

    Для партнёров

    +
      +
    • Франчайзинг
      • +
    • Поставщикам
      • +
    +
    +
    +

    Контакты

    +
      +
    • Связь с нами
      • +
    • Служба поддержки
      • +
    +
    +
    +
    +

    8 (999) 99-99-99

    +

    Звонок бесплатный

    +
    +
    +
    + ) + }; + + export default FooterNav; diff --git a/.history/components/customer/block/Footer/Nav_20220530193047.tsx b/.history/components/customer/block/Footer/Nav_20220530193047.tsx new file mode 100644 index 0000000..0d19634 --- /dev/null +++ b/.history/components/customer/block/Footer/Nav_20220530193047.tsx @@ -0,0 +1,40 @@ +export const Footer: React.FC = () => { + return ( +
    +
    +
    +
    +

    Pizza

    +
      +
    • Кто мы
      • +
    • Работа в Pizza
      • +
    • Новости
      • +
    • Вопросы
      • +
    • Правовая информация
      • +
    +
    +
    +

    Для партнёров

    +
      +
    • Франчайзинг
      • +
    • Поставщикам
      • +
    +
    +
    +

    Контакты

    +
      +
    • Связь с нами
      • +
    • Служба поддержки
      • +
    +
    +
    +
    +

    8 (999) 99-99-99

    +

    Звонок бесплатный

    +
    +
    +
    + ) + }; + + export default FooterNav; diff --git a/.history/components/customer/block/Footer/Nav_20220530193050.tsx b/.history/components/customer/block/Footer/Nav_20220530193050.tsx new file mode 100644 index 0000000..f5117f9 --- /dev/null +++ b/.history/components/customer/block/Footer/Nav_20220530193050.tsx @@ -0,0 +1,40 @@ +export const Footer: React.FC = () => { + return ( +
    +
    +
    +
    +

    Pizza

    +
      +
    • Кто мы
      • +
    • Работа в Pizza
      • +
    • Новости
      • +
    • Вопросы
      • +
    • Правовая информация
      • +
    +
    +
    +

    Для партнёров

    +
      +
    • Франчайзинг
      • +
    • Поставщикам
      • +
    +
    +
    +

    Контакты

    +
      +
    • Связь с нами
      • +
    • Служба поддержки
      • +
    +
    +
    +
    +

    8 (999) 99-99-99

    +

    Звонок бесплатный

    +
    +
    +
    + ) + }; + + export default FooterNav; diff --git a/.history/components/customer/block/Footer/Nav_20220530193054.tsx b/.history/components/customer/block/Footer/Nav_20220530193054.tsx new file mode 100644 index 0000000..253c73d --- /dev/null +++ b/.history/components/customer/block/Footer/Nav_20220530193054.tsx @@ -0,0 +1,40 @@ +export const Footer: React.FC = () => { + return ( +
    +
    +
    +
    +

    Pizza

    +
      +
    • Кто мы
      • +
    • Работа в Pizza
      • +
    • Новости
      • +
    • Вопросы
      • +
    • Правовая информация
      • +
    +
    +
    +

    Для партнёров

    +
      +
    • Франчайзинг
      • +
    • Поставщикам
      • +
    +
    +
    +

    Контакты

    +
      +
    • Связь с нами
      • +
    • Служба поддержки
      • +
    +
    +
    +
    +

    8 (999) 99-99-99

    +

    Звонок бесплатный

    +
    +
    +
    + ) + }; + + export default FooterNav; diff --git a/.history/components/customer/block/Footer/Nav_20220530193055.tsx b/.history/components/customer/block/Footer/Nav_20220530193055.tsx new file mode 100644 index 0000000..6c1b145 --- /dev/null +++ b/.history/components/customer/block/Footer/Nav_20220530193055.tsx @@ -0,0 +1,40 @@ +export const Footer: React.FC = () => { + return ( +
    +
    +
    +
    +

    Pizza

    +
      +
    • Кто мы
      • +
    • Работа в Pizza
      • +
    • Новости
      • +
    • Вопросы
      • +
    • Правовая информация
      • +
    +
    +
    +

    Для партнёров

    +
      +
    • Франчайзинг
      • +
    • Поставщикам
      • +
    +
    +
    +

    Контакты

    +
      +
    • Связь с нами
      • +
    • Служба поддержки
      • +
    +
    +
    +
    +

    8 (999) 99-99-99

    +

    Звонок бесплатный

    +
    +
    +
    + ) + }; + + export default FooterNav; diff --git a/.history/components/customer/block/Footer/Nav_20220530193102.tsx b/.history/components/customer/block/Footer/Nav_20220530193102.tsx new file mode 100644 index 0000000..9a181c7 --- /dev/null +++ b/.history/components/customer/block/Footer/Nav_20220530193102.tsx @@ -0,0 +1,39 @@ +export const Footer: React.FC = () => { + return ( +
    +
    +
    +
    +

    Pizza

    +
      +
    • Кто мы
      • +
    • Работа в Pizza
      • +
    • Новости
      • +
    • Вопросы
      • +
    • Правовая информация
      • +
    +
    +
    +

    Для партнёров

    +
      +
    • Франчайзинг
      • +
    • Поставщикам
      • +
    +
    +
    +

    Контакты

    +
      +
    • Связь с нами
      • +
    • Служба поддержки
      • +
    +
    +
    +
    +

    8 (999) 99-99-99

    +

    Звонок бесплатный

    +
    +
    +
    + ) + }; + diff --git a/.history/components/customer/block/Footer/Nav_20220530193103.tsx b/.history/components/customer/block/Footer/Nav_20220530193103.tsx new file mode 100644 index 0000000..873714a --- /dev/null +++ b/.history/components/customer/block/Footer/Nav_20220530193103.tsx @@ -0,0 +1,38 @@ +export const Footer: React.FC = () => { + return ( +
    +
    +
    +
    +

    Pizza

    +
      +
    • Кто мы
      • +
    • Работа в Pizza
      • +
    • Новости
      • +
    • Вопросы
      • +
    • Правовая информация
      • +
    +
    +
    +

    Для партнёров

    +
      +
    • Франчайзинг
      • +
    • Поставщикам
      • +
    +
    +
    +

    Контакты

    +
      +
    • Связь с нами
      • +
    • Служба поддержки
      • +
    +
    +
    +
    +

    8 (999) 99-99-99

    +

    Звонок бесплатный

    +
    +
    +
    + ) + }; diff --git a/.history/components/customer/block/Footer/Nav_20220530193105.tsx b/.history/components/customer/block/Footer/Nav_20220530193105.tsx new file mode 100644 index 0000000..873714a --- /dev/null +++ b/.history/components/customer/block/Footer/Nav_20220530193105.tsx @@ -0,0 +1,38 @@ +export const Footer: React.FC = () => { + return ( +
    +
    +
    +
    +

    Pizza

    +
      +
    • Кто мы
      • +
    • Работа в Pizza
      • +
    • Новости
      • +
    • Вопросы
      • +
    • Правовая информация
      • +
    +
    +
    +

    Для партнёров

    +
      +
    • Франчайзинг
      • +
    • Поставщикам
      • +
    +
    +
    +

    Контакты

    +
      +
    • Связь с нами
      • +
    • Служба поддержки
      • +
    +
    +
    +
    +

    8 (999) 99-99-99

    +

    Звонок бесплатный

    +
    +
    +
    + ) + }; diff --git a/.history/components/customer/block/Footer/Nav_20220530193119.tsx b/.history/components/customer/block/Footer/Nav_20220530193119.tsx new file mode 100644 index 0000000..344d1f7 --- /dev/null +++ b/.history/components/customer/block/Footer/Nav_20220530193119.tsx @@ -0,0 +1,38 @@ +export const Nav: React.FC = () => { + return ( +
    +
    +
    +
    +

    Pizza

    +
      +
    • Кто мы
      • +
    • Работа в Pizza
      • +
    • Новости
      • +
    • Вопросы
      • +
    • Правовая информация
      • +
    +
    +
    +

    Для партнёров

    +
      +
    • Франчайзинг
      • +
    • Поставщикам
      • +
    +
    +
    +

    Контакты

    +
      +
    • Связь с нами
      • +
    • Служба поддержки
      • +
    +
    +
    +
    +

    8 (999) 99-99-99

    +

    Звонок бесплатный

    +
    +
    +
    + ) + }; diff --git a/.history/components/customer/block/Footer/Nav_20220530193120.tsx b/.history/components/customer/block/Footer/Nav_20220530193120.tsx new file mode 100644 index 0000000..344d1f7 --- /dev/null +++ b/.history/components/customer/block/Footer/Nav_20220530193120.tsx @@ -0,0 +1,38 @@ +export const Nav: React.FC = () => { + return ( +
    +
    +
    +
    +

    Pizza

    +
      +
    • Кто мы
      • +
    • Работа в Pizza
      • +
    • Новости
      • +
    • Вопросы
      • +
    • Правовая информация
      • +
    +
    +
    +

    Для партнёров

    +
      +
    • Франчайзинг
      • +
    • Поставщикам
      • +
    +
    +
    +

    Контакты

    +
      +
    • Связь с нами
      • +
    • Служба поддержки
      • +
    +
    +
    +
    +

    8 (999) 99-99-99

    +

    Звонок бесплатный

    +
    +
    +
    + ) + }; diff --git a/.history/components/customer/block/Footer/Nav_20220530193611.tsx b/.history/components/customer/block/Footer/Nav_20220530193611.tsx new file mode 100644 index 0000000..7254b8f --- /dev/null +++ b/.history/components/customer/block/Footer/Nav_20220530193611.tsx @@ -0,0 +1,38 @@ +export const FoNav: React.FC = () => { + return ( +
    +
    +
    +
    +

    Pizza

    +
      +
    • Кто мы
      • +
    • Работа в Pizza
      • +
    • Новости
      • +
    • Вопросы
      • +
    • Правовая информация
      • +
    +
    +
    +

    Для партнёров

    +
      +
    • Франчайзинг
      • +
    • Поставщикам
      • +
    +
    +
    +

    Контакты

    +
      +
    • Связь с нами
      • +
    • Служба поддержки
      • +
    +
    +
    +
    +

    8 (999) 99-99-99

    +

    Звонок бесплатный

    +
    +
    +
    + ) + }; diff --git a/.history/components/customer/block/Footer/Nav_20220530193613.tsx b/.history/components/customer/block/Footer/Nav_20220530193613.tsx new file mode 100644 index 0000000..af91768 --- /dev/null +++ b/.history/components/customer/block/Footer/Nav_20220530193613.tsx @@ -0,0 +1,38 @@ +export const FooterNav: React.FC = () => { + return ( +
    +
    +
    +
    +

    Pizza

    +
      +
    • Кто мы
      • +
    • Работа в Pizza
      • +
    • Новости
      • +
    • Вопросы
      • +
    • Правовая информация
      • +
    +
    +
    +

    Для партнёров

    +
      +
    • Франчайзинг
      • +
    • Поставщикам
      • +
    +
    +
    +

    Контакты

    +
      +
    • Связь с нами
      • +
    • Служба поддержки
      • +
    +
    +
    +
    +

    8 (999) 99-99-99

    +

    Звонок бесплатный

    +
    +
    +
    + ) + }; diff --git a/.history/components/customer/block/Footer/Nav_20220530193615.tsx b/.history/components/customer/block/Footer/Nav_20220530193615.tsx new file mode 100644 index 0000000..af91768 --- /dev/null +++ b/.history/components/customer/block/Footer/Nav_20220530193615.tsx @@ -0,0 +1,38 @@ +export const FooterNav: React.FC = () => { + return ( +
    +
    +
    +
    +

    Pizza

    +
      +
    • Кто мы
      • +
    • Работа в Pizza
      • +
    • Новости
      • +
    • Вопросы
      • +
    • Правовая информация
      • +
    +
    +
    +

    Для партнёров

    +
      +
    • Франчайзинг
      • +
    • Поставщикам
      • +
    +
    +
    +

    Контакты

    +
      +
    • Связь с нами
      • +
    • Служба поддержки
      • +
    +
    +
    +
    +

    8 (999) 99-99-99

    +

    Звонок бесплатный

    +
    +
    +
    + ) + }; diff --git a/.history/components/customer/block/Footer/index_20220530192805.ts b/.history/components/customer/block/Footer/index_20220530192805.ts new file mode 100644 index 0000000..e69de29 diff --git a/.history/components/customer/block/Footer/index_20220530192813.ts b/.history/components/customer/block/Footer/index_20220530192813.ts new file mode 100644 index 0000000..2f27a4c --- /dev/null +++ b/.history/components/customer/block/Footer/index_20220530192813.ts @@ -0,0 +1 @@ +export * from './Footer' \ No newline at end of file diff --git a/.history/components/customer/block/Footer/index_20220530192823.ts b/.history/components/customer/block/Footer/index_20220530192823.ts new file mode 100644 index 0000000..e646415 --- /dev/null +++ b/.history/components/customer/block/Footer/index_20220530192823.ts @@ -0,0 +1,2 @@ +export * from './Footer' +export * from './Nav' \ No newline at end of file diff --git a/.history/components/customer/block/Footer/index_20220530193832.ts b/.history/components/customer/block/Footer/index_20220530193832.ts new file mode 100644 index 0000000..ef1a22e --- /dev/null +++ b/.history/components/customer/block/Footer/index_20220530193832.ts @@ -0,0 +1,2 @@ +export * from './Footer' +export * from './FooterNav' \ No newline at end of file diff --git a/.history/components/customer/block/Header/Header_20220530183822.tsx b/.history/components/customer/block/Header/Header_20220530183822.tsx new file mode 100644 index 0000000..0cfa7a5 --- /dev/null +++ b/.history/components/customer/block/Header/Header_20220530183822.tsx @@ -0,0 +1,89 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +import { Search } from './search'; +import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + // const pageWidth = document.documentElement.clientWidth + // const pageHeight = document.documentElement.scrollHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // console.log(pageWidth, 'pageWidth'); + // console.log(pageHeight, 'pageHeight'); + }, [1]); + + return ( +
    +
    +

    Logo

    +
    +
    +
    + + +
    +
    + + + +
    + ); +}; diff --git a/.history/components/customer/block/Header/Header_20220530192632.tsx b/.history/components/customer/block/Header/Header_20220530192632.tsx new file mode 100644 index 0000000..610a747 --- /dev/null +++ b/.history/components/customer/block/Header/Header_20220530192632.tsx @@ -0,0 +1,89 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +//import { Search } from './search'; +//import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + // const pageWidth = document.documentElement.clientWidth + // const pageHeight = document.documentElement.scrollHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // console.log(pageWidth, 'pageWidth'); + // console.log(pageHeight, 'pageHeight'); + }, [1]); + + return ( +
    +
    +

    Logo

    +
    +
    +
    + + +
    +
    + + + +
    + ); +}; diff --git a/.history/components/customer/block/Header/Header_20220530192635.tsx b/.history/components/customer/block/Header/Header_20220530192635.tsx new file mode 100644 index 0000000..610a747 --- /dev/null +++ b/.history/components/customer/block/Header/Header_20220530192635.tsx @@ -0,0 +1,89 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +//import { Search } from './search'; +//import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + // const pageWidth = document.documentElement.clientWidth + // const pageHeight = document.documentElement.scrollHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // console.log(pageWidth, 'pageWidth'); + // console.log(pageHeight, 'pageHeight'); + }, [1]); + + return ( +
    +
    +

    Logo

    +
    +
    +
    + + +
    +
    + + + +
    + ); +}; diff --git a/.history/components/customer/block/Header/index_20220530192614.ts b/.history/components/customer/block/Header/index_20220530192614.ts new file mode 100644 index 0000000..e69de29 diff --git a/.history/components/customer/block/Header/index_20220530192618.ts b/.history/components/customer/block/Header/index_20220530192618.ts new file mode 100644 index 0000000..7647e34 --- /dev/null +++ b/.history/components/customer/block/Header/index_20220530192618.ts @@ -0,0 +1 @@ +ex \ No newline at end of file diff --git a/.history/components/customer/block/Header/index_20220530192623.ts b/.history/components/customer/block/Header/index_20220530192623.ts new file mode 100644 index 0000000..220d1b1 --- /dev/null +++ b/.history/components/customer/block/Header/index_20220530192623.ts @@ -0,0 +1 @@ +export * from './Header' \ No newline at end of file diff --git a/.history/components/customer/block/Motto/Index_20220528173552.ts b/.history/components/customer/block/Motto/Index_20220528173552.ts new file mode 100644 index 0000000..e69de29 diff --git a/.history/components/customer/block/Motto/Index_20220528173621.ts b/.history/components/customer/block/Motto/Index_20220528173621.ts new file mode 100644 index 0000000..e76bfc3 --- /dev/null +++ b/.history/components/customer/block/Motto/Index_20220528173621.ts @@ -0,0 +1,18 @@ +import React from 'react' +import { IconFire, IconMoped } from '../../component/Icon'; +import Typography from '../../component/Typography'; + + const TitleHeader = (props) => { + return( +
    +
    + Горячая пицца для каждого +
    +
    + Долетим за 35 минут +
    +
    + ) +} + +export default TitleHeader; \ No newline at end of file diff --git a/.history/components/customer/block/Motto/Index_20220528173742.ts b/.history/components/customer/block/Motto/Index_20220528173742.ts new file mode 100644 index 0000000..4346ba6 --- /dev/null +++ b/.history/components/customer/block/Motto/Index_20220528173742.ts @@ -0,0 +1,16 @@ +import React from 'react' +import { IconFire, IconMoped } from '../../component/Icon'; +import Typography from '../../component/Typography'; + +export const MottoBlock: React.FC = () => { + return ( +
    +
    + Горячая пицца для каждого +
    +
    + Долетим за 35 минут +
    +
    + ); +}; \ No newline at end of file diff --git a/.history/components/customer/block/Motto/Index_20220528174044.ts b/.history/components/customer/block/Motto/Index_20220528174044.ts new file mode 100644 index 0000000..66ca044 --- /dev/null +++ b/.history/components/customer/block/Motto/Index_20220528174044.ts @@ -0,0 +1,16 @@ +import React from 'react' +import { IconFire, IconMoped } from '../../component/Icon'; +import Typography from '../../component/Typography'; + +export const MottoBlock: React.FC = () => { + return ( +
    +
    +

    Горячая пицца для каждого +

    +
    + Долетим за 35 минут +
    +
    + ); +}; \ No newline at end of file diff --git a/.history/components/customer/block/Motto/Index_20220528174110.ts b/.history/components/customer/block/Motto/Index_20220528174110.ts new file mode 100644 index 0000000..962748d --- /dev/null +++ b/.history/components/customer/block/Motto/Index_20220528174110.ts @@ -0,0 +1,15 @@ +import React from 'react' +import Typography from '../../component/Typography'; + +export const MottoBlock: React.FC = () => { + return ( +
    +
    +

    Горячая пицца для каждого +

    +
    + Долетим за 35 минут +
    +
    + ); +}; \ No newline at end of file diff --git a/.history/components/customer/block/Motto/Index_20220528174158.ts b/.history/components/customer/block/Motto/Index_20220528174158.ts new file mode 100644 index 0000000..e43c84e --- /dev/null +++ b/.history/components/customer/block/Motto/Index_20220528174158.ts @@ -0,0 +1,19 @@ +import React from 'react' +import Typography from '../../component/Typography'; + +export const MottoBlock: React.FC = () => { + return ( +
    +
    +

    + Горячая пицца для каждого +

    +
    +
    +

    + Долетим за 35 минут +

    +
    +
    + ); +}; \ No newline at end of file diff --git a/.history/components/customer/block/Motto/Index_20220528174301.ts b/.history/components/customer/block/Motto/Index_20220528174301.ts new file mode 100644 index 0000000..5b347b2 --- /dev/null +++ b/.history/components/customer/block/Motto/Index_20220528174301.ts @@ -0,0 +1,18 @@ +import React from 'react' + +export const MottoBlock: React.FC = () => { + return ( +
    +
    +

    +

    Горячая пицца для каждого

    +

    +
    +
    +

    +

    Долетим за 35 минут

    +

    +
    +
    + ); +}; \ No newline at end of file diff --git a/.history/components/customer/block/Motto/Index_20220528174356.ts b/.history/components/customer/block/Motto/Index_20220528174356.ts new file mode 100644 index 0000000..6c0594e --- /dev/null +++ b/.history/components/customer/block/Motto/Index_20220528174356.ts @@ -0,0 +1,18 @@ +import React from 'react' + +export const MottoBlock: React.FC = ({}) => { + return ( +
    +
    +

    +

    Горячая пицца для каждого

    +

    +
    +
    +

    +

    Долетим за 35 минут

    +

    +
    +
    + ); +}; \ No newline at end of file diff --git a/.history/components/customer/block/Motto/Index_20220528174449.ts b/.history/components/customer/block/Motto/Index_20220528174449.ts new file mode 100644 index 0000000..9243a6e --- /dev/null +++ b/.history/components/customer/block/Motto/Index_20220528174449.ts @@ -0,0 +1,18 @@ +import React from 'react'; + +export const MottoBlock: React.FC = ({}) => { + return ( +
    +
    +

    +

    Горячая пицца для каждого

    +

    +
    +
    +

    +

    Долетим за 35 минут

    +

    +
    +
    + ); +}; \ No newline at end of file diff --git a/.history/components/customer/block/Motto/Index_20220528174535.tsx b/.history/components/customer/block/Motto/Index_20220528174535.tsx new file mode 100644 index 0000000..9243a6e --- /dev/null +++ b/.history/components/customer/block/Motto/Index_20220528174535.tsx @@ -0,0 +1,18 @@ +import React from 'react'; + +export const MottoBlock: React.FC = ({}) => { + return ( +
    +
    +

    +

    Горячая пицца для каждого

    +

    +
    +
    +

    +

    Долетим за 35 минут

    +

    +
    +
    + ); +}; \ No newline at end of file diff --git a/.history/components/customer/block/Motto/Index_20220528174536.ts b/.history/components/customer/block/Motto/Index_20220528174536.ts new file mode 100644 index 0000000..9243a6e --- /dev/null +++ b/.history/components/customer/block/Motto/Index_20220528174536.ts @@ -0,0 +1,18 @@ +import React from 'react'; + +export const MottoBlock: React.FC = ({}) => { + return ( +
    +
    +

    +

    Горячая пицца для каждого

    +

    +
    +
    +

    +

    Долетим за 35 минут

    +

    +
    +
    + ); +}; \ No newline at end of file diff --git a/.history/components/customer/block/Motto/Index_20220528174550.tsx b/.history/components/customer/block/Motto/Index_20220528174550.tsx new file mode 100644 index 0000000..12c595e --- /dev/null +++ b/.history/components/customer/block/Motto/Index_20220528174550.tsx @@ -0,0 +1,18 @@ +import React from 'react'; + +export const MottoBlock: React.FC = () => { + return ( +
    +
    +

    +

    Горячая пицца для каждого

    +

    +
    +
    +

    +

    Долетим за 35 минут

    +

    +
    +
    + ); +}; \ No newline at end of file diff --git a/.history/components/customer/block/Motto/Index_20220528233516.tsx b/.history/components/customer/block/Motto/Index_20220528233516.tsx new file mode 100644 index 0000000..8522365 --- /dev/null +++ b/.history/components/customer/block/Motto/Index_20220528233516.tsx @@ -0,0 +1,18 @@ +import React from 'react'; + +export const MottoBlock: React.FC = () => { + return ( +
    +
    +

    +

    Горячая пицца для каждого

    +

    +
    +
    +

    +

    Долетим за 35 минут

    +

    +
    +
    + ); +}; \ No newline at end of file diff --git a/.history/components/customer/block/Motto/Index_20220528233557.tsx b/.history/components/customer/block/Motto/Index_20220528233557.tsx new file mode 100644 index 0000000..28da364 --- /dev/null +++ b/.history/components/customer/block/Motto/Index_20220528233557.tsx @@ -0,0 +1,18 @@ +import React from 'react'; + +export const MottoBlock: React.FC = () => { + return ( +
    +
    +

    +

    Горячая пицца для каждого

    +

    +
    +
    +

    +

    Долетим за 35 минут

    +

    +
    +
    + ); +}; \ No newline at end of file diff --git a/.history/components/customer/block/Motto/Index_20220528233621.tsx b/.history/components/customer/block/Motto/Index_20220528233621.tsx new file mode 100644 index 0000000..e52e8d7 --- /dev/null +++ b/.history/components/customer/block/Motto/Index_20220528233621.tsx @@ -0,0 +1,18 @@ +import React from 'react'; + +export const MottoBlock: React.FC = () => { + return ( +
    +
    +

    +

    Горячая пицца для каждого

    +

    +
    +
    +

    +

    Долетим за 35 минут

    +

    +
    +
    + ); +}; \ No newline at end of file diff --git a/.history/components/customer/block/Motto/Index_20220528233637.tsx b/.history/components/customer/block/Motto/Index_20220528233637.tsx new file mode 100644 index 0000000..5568ffb --- /dev/null +++ b/.history/components/customer/block/Motto/Index_20220528233637.tsx @@ -0,0 +1,18 @@ +import React from 'react'; + +export const MottoBlock: React.FC = () => { + return ( +
    +
    +

    +

    Горячая пицца для каждого

    +

    +
    +
    + +

    Долетим за 35 минут

    +

    +
    +
    + ); +}; \ No newline at end of file diff --git a/.history/components/customer/block/Motto/Index_20220528233638.tsx b/.history/components/customer/block/Motto/Index_20220528233638.tsx new file mode 100644 index 0000000..fc111e7 --- /dev/null +++ b/.history/components/customer/block/Motto/Index_20220528233638.tsx @@ -0,0 +1,18 @@ +import React from 'react'; + +export const MottoBlock: React.FC = () => { + return ( +
    +
    +

    +

    Горячая пицца для каждого

    +

    +
    +
    + +

    Долетим за 35 минут

    + +
    +
    + ); +}; \ No newline at end of file diff --git a/.history/components/customer/block/Motto/Index_20220528233640.tsx b/.history/components/customer/block/Motto/Index_20220528233640.tsx new file mode 100644 index 0000000..80d86b6 --- /dev/null +++ b/.history/components/customer/block/Motto/Index_20220528233640.tsx @@ -0,0 +1,18 @@ +import React from 'react'; + +export const MottoBlock: React.FC = () => { + return ( +
    +
    + +

    Горячая пицца для каждого

    +

    +
    +
    + +

    Долетим за 35 минут

    + +
    +
    + ); +}; \ No newline at end of file diff --git a/.history/components/customer/block/Motto/Index_20220528233642.tsx b/.history/components/customer/block/Motto/Index_20220528233642.tsx new file mode 100644 index 0000000..c02d78c --- /dev/null +++ b/.history/components/customer/block/Motto/Index_20220528233642.tsx @@ -0,0 +1,18 @@ +import React from 'react'; + +export const MottoBlock: React.FC = () => { + return ( +
    +
    + +

    Горячая пицца для каждого

    + +
    +
    + +

    Долетим за 35 минут

    + +
    +
    + ); +}; \ No newline at end of file diff --git a/.history/components/customer/block/Motto/Index_20220528233651.tsx b/.history/components/customer/block/Motto/Index_20220528233651.tsx new file mode 100644 index 0000000..e52e8d7 --- /dev/null +++ b/.history/components/customer/block/Motto/Index_20220528233651.tsx @@ -0,0 +1,18 @@ +import React from 'react'; + +export const MottoBlock: React.FC = () => { + return ( +
    +
    +

    +

    Горячая пицца для каждого

    +

    +
    +
    +

    +

    Долетим за 35 минут

    +

    +
    +
    + ); +}; \ No newline at end of file diff --git a/.history/components/customer/block/Motto/Index_20220528233654.tsx b/.history/components/customer/block/Motto/Index_20220528233654.tsx new file mode 100644 index 0000000..e52e8d7 --- /dev/null +++ b/.history/components/customer/block/Motto/Index_20220528233654.tsx @@ -0,0 +1,18 @@ +import React from 'react'; + +export const MottoBlock: React.FC = () => { + return ( +
    +
    +

    +

    Горячая пицца для каждого

    +

    +
    +
    +

    +

    Долетим за 35 минут

    +

    +
    +
    + ); +}; \ No newline at end of file diff --git a/.history/components/customer/block/Motto/Index_20220528234122.tsx b/.history/components/customer/block/Motto/Index_20220528234122.tsx new file mode 100644 index 0000000..323ec24 --- /dev/null +++ b/.history/components/customer/block/Motto/Index_20220528234122.tsx @@ -0,0 +1,18 @@ +import React from 'react'; + +export const MottoBlock: React.FC = () => { + return ( +
    +
    +
    +

    Горячая пицца для каждого

    +
    +
    +
    +

    +

    Долетим за 35 минут

    +

    +
    +
    + ); +}; \ No newline at end of file diff --git a/.history/components/customer/block/Motto/Index_20220528234126.tsx b/.history/components/customer/block/Motto/Index_20220528234126.tsx new file mode 100644 index 0000000..b1431d3 --- /dev/null +++ b/.history/components/customer/block/Motto/Index_20220528234126.tsx @@ -0,0 +1,18 @@ +import React from 'react'; + +export const MottoBlock: React.FC = () => { + return ( +
    +
    +
    +

    Горячая пицца для каждого

    +
    +
    +
    +
    +

    Долетим за 35 минут

    +
    +
    +
    + ); +}; \ No newline at end of file diff --git a/.history/components/customer/block/Motto/Index_20220529143929.tsx b/.history/components/customer/block/Motto/Index_20220529143929.tsx new file mode 100644 index 0000000..4a45a28 --- /dev/null +++ b/.history/components/customer/block/Motto/Index_20220529143929.tsx @@ -0,0 +1,18 @@ +import React from 'react'; + +export const MottoBlock: React.FC = () => { + return ( +
    +
    +
    +

    Горячая пицца для каждого

    + +
    +
    +
    +

    Долетим за 35 минут

    +
    +
    +
    + ); +}; \ No newline at end of file diff --git a/.history/components/customer/block/Motto/Index_20220529143930.tsx b/.history/components/customer/block/Motto/Index_20220529143930.tsx new file mode 100644 index 0000000..fc1e19d --- /dev/null +++ b/.history/components/customer/block/Motto/Index_20220529143930.tsx @@ -0,0 +1,18 @@ +import React from 'react'; + +export const MottoBlock: React.FC = () => { + return ( +
    +
    +
    +

    Горячая пицца для каждого

    + +
    +
    +
    +

    Долетим за 35 минут

    +
    +
    +
    + ); +}; \ No newline at end of file diff --git a/.history/components/customer/block/Motto/Index_20220529143933.tsx b/.history/components/customer/block/Motto/Index_20220529143933.tsx new file mode 100644 index 0000000..140f1af --- /dev/null +++ b/.history/components/customer/block/Motto/Index_20220529143933.tsx @@ -0,0 +1,17 @@ +import React from 'react'; + +export const MottoBlock: React.FC = () => { + return ( +
    +
    +
    +

    Горячая пицца для каждого

    +
    +
    +
    +

    Долетим за 35 минут

    +
    +
    +
    + ); +}; \ No newline at end of file diff --git a/.history/components/customer/block/Motto/Index_20220529143935.tsx b/.history/components/customer/block/Motto/Index_20220529143935.tsx new file mode 100644 index 0000000..ac64f33 --- /dev/null +++ b/.history/components/customer/block/Motto/Index_20220529143935.tsx @@ -0,0 +1,17 @@ +import React from 'react'; + +export const MottoBlock: React.FC = () => { + return ( +
    +
    +
    +

    Горячая пицца для каждого

    +
    +
    +
    +

    Долетим за 35 минут

    +
    +
    +
    + ); +}; \ No newline at end of file diff --git a/.history/components/customer/block/Motto/Index_20220529143940.tsx b/.history/components/customer/block/Motto/Index_20220529143940.tsx new file mode 100644 index 0000000..beb7fd4 --- /dev/null +++ b/.history/components/customer/block/Motto/Index_20220529143940.tsx @@ -0,0 +1,17 @@ +import React from 'react'; + +export const MottoBlock: React.FC = () => { + return ( +
    +
    +
    +

    Горячая пицца для каждого

    +
    +
    +
    +

    Долетим за 35 минут

    + +
    +
    + ); +}; \ No newline at end of file diff --git a/.history/components/customer/block/Motto/Index_20220529143941.tsx b/.history/components/customer/block/Motto/Index_20220529143941.tsx new file mode 100644 index 0000000..58f852c --- /dev/null +++ b/.history/components/customer/block/Motto/Index_20220529143941.tsx @@ -0,0 +1,17 @@ +import React from 'react'; + +export const MottoBlock: React.FC = () => { + return ( +
    +
    +
    +

    Горячая пицца для каждого

    +
    +
    +
    +

    Долетим за 35 минут

    + +
    +
    + ); +}; \ No newline at end of file diff --git a/.history/components/customer/block/Motto/Index_20220529143944.tsx b/.history/components/customer/block/Motto/Index_20220529143944.tsx new file mode 100644 index 0000000..fe1a230 --- /dev/null +++ b/.history/components/customer/block/Motto/Index_20220529143944.tsx @@ -0,0 +1,17 @@ +import React from 'react'; + +export const MottoBlock: React.FC = () => { + return ( +
    +
    +
    +

    Горячая пицца для каждого

    +
    +
    +
    +

    Долетим за 35 минут

    + +
    +
    + ); +}; \ No newline at end of file diff --git a/.history/components/customer/block/Motto/Index_20220529143945.tsx b/.history/components/customer/block/Motto/Index_20220529143945.tsx new file mode 100644 index 0000000..abd7447 --- /dev/null +++ b/.history/components/customer/block/Motto/Index_20220529143945.tsx @@ -0,0 +1,16 @@ +import React from 'react'; + +export const MottoBlock: React.FC = () => { + return ( +
    +
    +
    +

    Горячая пицца для каждого

    +
    +
    +
    +

    Долетим за 35 минут

    +
    +
    + ); +}; \ No newline at end of file diff --git a/.history/components/customer/block/Motto/Index_20220529143946.tsx b/.history/components/customer/block/Motto/Index_20220529143946.tsx new file mode 100644 index 0000000..518b4fb --- /dev/null +++ b/.history/components/customer/block/Motto/Index_20220529143946.tsx @@ -0,0 +1,16 @@ +import React from 'react'; + +export const MottoBlock: React.FC = () => { + return ( +
    +
    +
    +

    Горячая пицца для каждого

    +
    +
    +
    +

    Долетим за 35 минут

    +
    +
    + ); +}; \ No newline at end of file diff --git a/.history/components/customer/block/Motto/Index_20220529144402.tsx b/.history/components/customer/block/Motto/Index_20220529144402.tsx new file mode 100644 index 0000000..b6c3614 --- /dev/null +++ b/.history/components/customer/block/Motto/Index_20220529144402.tsx @@ -0,0 +1,17 @@ +import React from 'react'; + +export const MottoBlock: React.FC = () => { + return ( + < +
    +
    +
    +

    Горячая пицца для каждого

    +
    +
    +
    +

    Долетим за 35 минут

    +
    +
    + ); +}; \ No newline at end of file diff --git a/.history/components/customer/block/Motto/Index_20220529144408.tsx b/.history/components/customer/block/Motto/Index_20220529144408.tsx new file mode 100644 index 0000000..09b4700 --- /dev/null +++ b/.history/components/customer/block/Motto/Index_20220529144408.tsx @@ -0,0 +1,17 @@ +import React from 'react'; + +export const MottoBlock: React.FC = () => { + return ( +
    +
    +
    +

    Горячая пицца для каждого

    +
    +
    +
    +

    Долетим за 35 минут

    +
    +
    + ); +}; \ No newline at end of file diff --git a/.history/components/customer/block/Motto/Index_20220529144413.tsx b/.history/components/customer/block/Motto/Index_20220529144413.tsx new file mode 100644 index 0000000..157082a --- /dev/null +++ b/.history/components/customer/block/Motto/Index_20220529144413.tsx @@ -0,0 +1,18 @@ +import React from 'react'; + +export const MottoBlock: React.FC = () => { + return ( +
    +
    +
    +

    Горячая пицца для каждого

    +
    +
    +
    +

    Долетим за 35 минут

    +
    +
    + { + return ( +
    +
    +
    +

    Горячая пицца для каждого

    +
    +
    +
    +

    Долетим за 35 минут

    +
    +
    +
    + ); +}; \ No newline at end of file diff --git a/.history/components/customer/block/Motto/Index_20220529144418.tsx b/.history/components/customer/block/Motto/Index_20220529144418.tsx new file mode 100644 index 0000000..176fb42 --- /dev/null +++ b/.history/components/customer/block/Motto/Index_20220529144418.tsx @@ -0,0 +1,18 @@ +import React from 'react'; + +export const MottoBlock: React.FC = () => { + return ( +
    +
    +
    +
    +

    Горячая пицца для каждого

    +
    +
    +
    +

    Долетим за 35 минут

    +
    +
    +
    + ); +}; \ No newline at end of file diff --git a/.history/components/customer/block/Motto/Index_20220529144420.tsx b/.history/components/customer/block/Motto/Index_20220529144420.tsx new file mode 100644 index 0000000..6e6a3ec --- /dev/null +++ b/.history/components/customer/block/Motto/Index_20220529144420.tsx @@ -0,0 +1,18 @@ +import React from 'react'; + +export const MottoBlock: React.FC = () => { + return ( +
    +
    +
    +
    +

    Горячая пицца для каждого

    +
    +
    +
    +

    Долетим за 35 минут

    +
    +
    +
    + ); +}; \ No newline at end of file diff --git a/.history/components/customer/block/Motto/Index_20220529144847.tsx b/.history/components/customer/block/Motto/Index_20220529144847.tsx new file mode 100644 index 0000000..e9b7164 --- /dev/null +++ b/.history/components/customer/block/Motto/Index_20220529144847.tsx @@ -0,0 +1,14 @@ +import React from 'react'; + +export const MottoBlock: React.FC = () => { + return ( +
    +
    +
    +
    +

    Долетим за 35 минут

    +
    +
    +
    + ); +}; \ No newline at end of file diff --git a/.history/components/customer/block/Motto/Index_20220529144848.tsx b/.history/components/customer/block/Motto/Index_20220529144848.tsx new file mode 100644 index 0000000..1490cba --- /dev/null +++ b/.history/components/customer/block/Motto/Index_20220529144848.tsx @@ -0,0 +1,18 @@ +import React from 'react'; + +export const MottoBlock: React.FC = () => { + return ( +
    +
    +
    +
    +

    Долетим за 35 минут

    +
    +
    +
    +

    Горячая пицца для каждого

    +
    +
    +
    + ); +}; \ No newline at end of file diff --git a/.history/components/customer/block/Motto/Index_20220529144904.tsx b/.history/components/customer/block/Motto/Index_20220529144904.tsx new file mode 100644 index 0000000..7975d34 --- /dev/null +++ b/.history/components/customer/block/Motto/Index_20220529144904.tsx @@ -0,0 +1,18 @@ +import React from 'react'; + +export const MottoBlock: React.FC = () => { + return ( +
    +
    +
    +
    +

    Долетим за 35 минут

    +
    +
    +
    +

    Горячая пицца для каждого

    +
    +
    +
    + ); +}; \ No newline at end of file diff --git a/.history/components/customer/block/Motto/Index_20220529144907.tsx b/.history/components/customer/block/Motto/Index_20220529144907.tsx new file mode 100644 index 0000000..487666f --- /dev/null +++ b/.history/components/customer/block/Motto/Index_20220529144907.tsx @@ -0,0 +1,18 @@ +import React from 'react'; + +export const MottoBlock: React.FC = () => { + return ( +
    +
    +
    +
    +

    Долетим за 35 минут

    +
    +
    +
    +

    Горячая пицца для каждого

    +
    +
    +
    + ); +}; \ No newline at end of file diff --git a/.history/components/customer/block/Motto/Index_20220529144908.tsx b/.history/components/customer/block/Motto/Index_20220529144908.tsx new file mode 100644 index 0000000..07ce6b1 --- /dev/null +++ b/.history/components/customer/block/Motto/Index_20220529144908.tsx @@ -0,0 +1,18 @@ +import React from 'react'; + +export const MottoBlock: React.FC = () => { + return ( +
    +
    +
    +
    +

    Долетим за 35 минут

    +
    +
    +
    +

    Горячая пицца для каждого

    +
    +
    +
    + ); +}; \ No newline at end of file diff --git a/.history/components/customer/block/Motto/Index_20220529144910.tsx b/.history/components/customer/block/Motto/Index_20220529144910.tsx new file mode 100644 index 0000000..f1af6d1 --- /dev/null +++ b/.history/components/customer/block/Motto/Index_20220529144910.tsx @@ -0,0 +1,18 @@ +import React from 'react'; + +export const MottoBlock: React.FC = () => { + return ( +
    +
    +
    +
    +

    Долетим за 35 минут

    +
    +
    +
    +

    Горячая пицца для каждого

    +
    +
    +
    + ); +}; \ No newline at end of file diff --git a/.history/components/customer/block/Pizza/Block_20220529134947.tsx b/.history/components/customer/block/Pizza/Block_20220529134947.tsx new file mode 100644 index 0000000..d81a315 --- /dev/null +++ b/.history/components/customer/block/Pizza/Block_20220529134947.tsx @@ -0,0 +1,57 @@ +import React from 'react'; +import Image from 'next/image'; +import {ButtonImg, Button } from '../../../UI'; +import classNames from 'classnames'; + +type PizzaBlockProps = { + id: number; + title: string; + heft_trad: number; + description: string; + img_trad: string; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + img_trad, + heft_trad, + description, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {description}

    + + onClickAdd()}>Видос + + +

    от {heft_trad} руб

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/Block_20220529151154.tsx b/.history/components/customer/block/Pizza/Block_20220529151154.tsx new file mode 100644 index 0000000..5642156 --- /dev/null +++ b/.history/components/customer/block/Pizza/Block_20220529151154.tsx @@ -0,0 +1,57 @@ +import React from 'react'; +import Image from 'next/image'; +import {ButtonImg, Button } from '../../../UI'; +import classNames from 'classnames'; + +type PizzaBlockProps = { + id: number; + title: string; + heft_trad: number; + description: string; + img_trad: string; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + img_trad, + heft_trad, + description, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {description}

    + + onClickAdd()}>Видос + + +

    от {heft_trad} руб

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/Block_20220529151209.tsx b/.history/components/customer/block/Pizza/Block_20220529151209.tsx new file mode 100644 index 0000000..111e1de --- /dev/null +++ b/.history/components/customer/block/Pizza/Block_20220529151209.tsx @@ -0,0 +1,57 @@ +import React from 'react'; +import Image from 'next/image'; +import {ButtonImg, Button } from '../../../UI'; +import classNames from 'classnames'; + +type PizzaBlockProps = { + id: number; + title: string; + heft_trad: number; + description: string; + img_trad: string; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + img_trad, + heft_trad, + description, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {description}

    + + onClickAdd()}>Видос + + +

    от {heft_trad} руб

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/Block_20220529151211.tsx b/.history/components/customer/block/Pizza/Block_20220529151211.tsx new file mode 100644 index 0000000..5642156 --- /dev/null +++ b/.history/components/customer/block/Pizza/Block_20220529151211.tsx @@ -0,0 +1,57 @@ +import React from 'react'; +import Image from 'next/image'; +import {ButtonImg, Button } from '../../../UI'; +import classNames from 'classnames'; + +type PizzaBlockProps = { + id: number; + title: string; + heft_trad: number; + description: string; + img_trad: string; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + img_trad, + heft_trad, + description, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {description}

    + + onClickAdd()}>Видос + + +

    от {heft_trad} руб

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/Block_20220529151214.tsx b/.history/components/customer/block/Pizza/Block_20220529151214.tsx new file mode 100644 index 0000000..111e1de --- /dev/null +++ b/.history/components/customer/block/Pizza/Block_20220529151214.tsx @@ -0,0 +1,57 @@ +import React from 'react'; +import Image from 'next/image'; +import {ButtonImg, Button } from '../../../UI'; +import classNames from 'classnames'; + +type PizzaBlockProps = { + id: number; + title: string; + heft_trad: number; + description: string; + img_trad: string; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + img_trad, + heft_trad, + description, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {description}

    + + onClickAdd()}>Видос + + +

    от {heft_trad} руб

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/Block_20220529151217.tsx b/.history/components/customer/block/Pizza/Block_20220529151217.tsx new file mode 100644 index 0000000..0b8238f --- /dev/null +++ b/.history/components/customer/block/Pizza/Block_20220529151217.tsx @@ -0,0 +1,57 @@ +import React from 'react'; +import Image from 'next/image'; +import {ButtonImg, Button } from '../../../UI'; +import classNames from 'classnames'; + +type PizzaBlockProps = { + id: number; + title: string; + heft_trad: number; + description: string; + img_trad: string; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + img_trad, + heft_trad, + description, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {description}

    + + onClickAdd()}>Видос + + +

    от {heft_trad} руб

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/Block_20220529151220.tsx b/.history/components/customer/block/Pizza/Block_20220529151220.tsx new file mode 100644 index 0000000..0b8238f --- /dev/null +++ b/.history/components/customer/block/Pizza/Block_20220529151220.tsx @@ -0,0 +1,57 @@ +import React from 'react'; +import Image from 'next/image'; +import {ButtonImg, Button } from '../../../UI'; +import classNames from 'classnames'; + +type PizzaBlockProps = { + id: number; + title: string; + heft_trad: number; + description: string; + img_trad: string; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + img_trad, + heft_trad, + description, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {description}

    + + onClickAdd()}>Видос + + +

    от {heft_trad} руб

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/Block_20220529151304.tsx b/.history/components/customer/block/Pizza/Block_20220529151304.tsx new file mode 100644 index 0000000..bb25b87 --- /dev/null +++ b/.history/components/customer/block/Pizza/Block_20220529151304.tsx @@ -0,0 +1,57 @@ +import React from 'react'; +import Image from 'next/image'; +import {ButtonImg, Button } from '../../../UI'; +import classNames from 'classnames'; + +type PizzaBlockProps = { + id: number; + title: string; + heft_trad: number; + description: string; + img_trad: string; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + img_trad, + heft_trad, + description, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {description}

    + + onClickAdd()}>Видос + + +

    от {heft_trad} руб

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/Block_20220529151317.tsx b/.history/components/customer/block/Pizza/Block_20220529151317.tsx new file mode 100644 index 0000000..0b8238f --- /dev/null +++ b/.history/components/customer/block/Pizza/Block_20220529151317.tsx @@ -0,0 +1,57 @@ +import React from 'react'; +import Image from 'next/image'; +import {ButtonImg, Button } from '../../../UI'; +import classNames from 'classnames'; + +type PizzaBlockProps = { + id: number; + title: string; + heft_trad: number; + description: string; + img_trad: string; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + img_trad, + heft_trad, + description, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {description}

    + + onClickAdd()}>Видос + + +

    от {heft_trad} руб

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/Block_20220529151321.tsx b/.history/components/customer/block/Pizza/Block_20220529151321.tsx new file mode 100644 index 0000000..cb9f1de --- /dev/null +++ b/.history/components/customer/block/Pizza/Block_20220529151321.tsx @@ -0,0 +1,57 @@ +import React from 'react'; +import Image from 'next/image'; +import {ButtonImg, Button } from '../../../UI'; +import classNames from 'classnames'; + +type PizzaBlockProps = { + id: number; + title: string; + heft_trad: number; + description: string; + img_trad: string; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + img_trad, + heft_trad, + description, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {description}

    + + onClickAdd()}>Видос + + +

    от {heft_trad} руб

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/Block_20220529151346.tsx b/.history/components/customer/block/Pizza/Block_20220529151346.tsx new file mode 100644 index 0000000..dfe53cb --- /dev/null +++ b/.history/components/customer/block/Pizza/Block_20220529151346.tsx @@ -0,0 +1,56 @@ +import React from 'react'; +import Image from 'next/image'; +import {ButtonImg, Button } from '../../../UI'; +import classNames from 'classnames'; + +type PizzaBlockProps = { + id: number; + title: string; + heft_trad: number; + description: string; + img_trad: string; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + img_trad, + heft_trad, + description, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {description}

    + + onClickAdd()}>Видос + + +

    от {heft_trad} руб

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/Skeleton_20220516232835.tsx b/.history/components/customer/block/Pizza/Skeleton_20220516232835.tsx new file mode 100644 index 0000000..a6410f2 --- /dev/null +++ b/.history/components/customer/block/Pizza/Skeleton_20220516232835.tsx @@ -0,0 +1,19 @@ +import React from 'react'; +import ContentLoader from 'react-content-loader'; + +export const Skeleton = () => ( + + + + + + + +); diff --git a/.history/components/customer/block/Pizza/Skeleton_20220529145237.tsx b/.history/components/customer/block/Pizza/Skeleton_20220529145237.tsx new file mode 100644 index 0000000..81e35bc --- /dev/null +++ b/.history/components/customer/block/Pizza/Skeleton_20220529145237.tsx @@ -0,0 +1,19 @@ +import React from 'react'; +import ContentLoader from 'react-content-loader'; + +export const PiSkeleton = () => ( + + + + + + + +); diff --git a/.history/components/customer/block/Pizza/Skeleton_20220529145240.tsx b/.history/components/customer/block/Pizza/Skeleton_20220529145240.tsx new file mode 100644 index 0000000..3f8cec9 --- /dev/null +++ b/.history/components/customer/block/Pizza/Skeleton_20220529145240.tsx @@ -0,0 +1,19 @@ +import React from 'react'; +import ContentLoader from 'react-content-loader'; + +export const PizzaSkeleton = () => ( + + + + + + + +); diff --git a/.history/components/customer/block/Pizza/Skeleton_20220529150155.tsx b/.history/components/customer/block/Pizza/Skeleton_20220529150155.tsx new file mode 100644 index 0000000..eba2f88 --- /dev/null +++ b/.history/components/customer/block/Pizza/Skeleton_20220529150155.tsx @@ -0,0 +1,19 @@ +import React from 'react'; +import ContentLoader from 'react-content-loader'; + +export const PizzaSkeleton = () => ( + + + + + + + +); diff --git a/.history/components/customer/block/Pizza/Skeleton_20220529150210.tsx b/.history/components/customer/block/Pizza/Skeleton_20220529150210.tsx new file mode 100644 index 0000000..b5a2f9d --- /dev/null +++ b/.history/components/customer/block/Pizza/Skeleton_20220529150210.tsx @@ -0,0 +1,20 @@ +import React from 'react'; +import ContentLoader from 'react-content-loader'; +import classNames from 'classnames'; + +export const PizzaSkeleton = () => ( + + + + + + + +); diff --git a/.history/components/customer/block/Pizza/Skeleton_20220529150555.tsx b/.history/components/customer/block/Pizza/Skeleton_20220529150555.tsx new file mode 100644 index 0000000..bf6c63d --- /dev/null +++ b/.history/components/customer/block/Pizza/Skeleton_20220529150555.tsx @@ -0,0 +1,19 @@ +import React from 'react'; +import ContentLoader from 'react-content-loader'; +import classNames from 'classnames'; + +export const PizzaSkeleton = () => ( + + + + + + +); diff --git a/.history/components/customer/block/Pizza/Skeleton_20220529150600.tsx b/.history/components/customer/block/Pizza/Skeleton_20220529150600.tsx new file mode 100644 index 0000000..9db6df4 --- /dev/null +++ b/.history/components/customer/block/Pizza/Skeleton_20220529150600.tsx @@ -0,0 +1,18 @@ +import React from 'react'; +import ContentLoader from 'react-content-loader'; +import classNames from 'classnames'; + +export const PizzaSkeleton = () => ( + + + + + +); diff --git a/.history/components/customer/block/Pizza/Skeleton_20220529150630.tsx b/.history/components/customer/block/Pizza/Skeleton_20220529150630.tsx new file mode 100644 index 0000000..66e8343 --- /dev/null +++ b/.history/components/customer/block/Pizza/Skeleton_20220529150630.tsx @@ -0,0 +1,18 @@ +import React from 'react'; +import ContentLoader from 'react-content-loader'; +import classNames from 'classnames'; + +export const PizzaSkeleton = () => ( + + + + + +); diff --git a/.history/components/customer/block/Pizza/Skeleton_20220529150634.tsx b/.history/components/customer/block/Pizza/Skeleton_20220529150634.tsx new file mode 100644 index 0000000..9db6df4 --- /dev/null +++ b/.history/components/customer/block/Pizza/Skeleton_20220529150634.tsx @@ -0,0 +1,18 @@ +import React from 'react'; +import ContentLoader from 'react-content-loader'; +import classNames from 'classnames'; + +export const PizzaSkeleton = () => ( + + + + + +); diff --git a/.history/components/customer/block/Pizza/Skeleton_20220529150636.tsx b/.history/components/customer/block/Pizza/Skeleton_20220529150636.tsx new file mode 100644 index 0000000..3ea6c54 --- /dev/null +++ b/.history/components/customer/block/Pizza/Skeleton_20220529150636.tsx @@ -0,0 +1,18 @@ +import React from 'react'; +import ContentLoader from 'react-content-loader'; +import classNames from 'classnames'; + +export const PizzaSkeleton = () => ( + + + + + +); diff --git a/.history/components/customer/block/Pizza/Skeleton_20220529150640.tsx b/.history/components/customer/block/Pizza/Skeleton_20220529150640.tsx new file mode 100644 index 0000000..9db6df4 --- /dev/null +++ b/.history/components/customer/block/Pizza/Skeleton_20220529150640.tsx @@ -0,0 +1,18 @@ +import React from 'react'; +import ContentLoader from 'react-content-loader'; +import classNames from 'classnames'; + +export const PizzaSkeleton = () => ( + + + + + +); diff --git a/.history/components/customer/block/Pizza/Skeleton_20220529150644.tsx b/.history/components/customer/block/Pizza/Skeleton_20220529150644.tsx new file mode 100644 index 0000000..c51676e --- /dev/null +++ b/.history/components/customer/block/Pizza/Skeleton_20220529150644.tsx @@ -0,0 +1,18 @@ +import React from 'react'; +import ContentLoader from 'react-content-loader'; +import classNames from 'classnames'; + +export const PizzaSkeleton = () => ( + + + + + +); diff --git a/.history/components/customer/block/Pizza/Skeleton_20220529150649.tsx b/.history/components/customer/block/Pizza/Skeleton_20220529150649.tsx new file mode 100644 index 0000000..c799b7a --- /dev/null +++ b/.history/components/customer/block/Pizza/Skeleton_20220529150649.tsx @@ -0,0 +1,18 @@ +import React from 'react'; +import ContentLoader from 'react-content-loader'; +import classNames from 'classnames'; + +export const PizzaSkeleton = () => ( + + + + + +); diff --git a/.history/components/customer/block/Pizza/Skeleton_20220529150720.tsx b/.history/components/customer/block/Pizza/Skeleton_20220529150720.tsx new file mode 100644 index 0000000..a117954 --- /dev/null +++ b/.history/components/customer/block/Pizza/Skeleton_20220529150720.tsx @@ -0,0 +1,18 @@ +import React from 'react'; +import ContentLoader from 'react-content-loader'; +import classNames from 'classnames'; + +export const PizzaSkeleton = () => ( + + + + + +); diff --git a/.history/components/customer/block/Pizza/Skeleton_20220529150737.tsx b/.history/components/customer/block/Pizza/Skeleton_20220529150737.tsx new file mode 100644 index 0000000..a117954 --- /dev/null +++ b/.history/components/customer/block/Pizza/Skeleton_20220529150737.tsx @@ -0,0 +1,18 @@ +import React from 'react'; +import ContentLoader from 'react-content-loader'; +import classNames from 'classnames'; + +export const PizzaSkeleton = () => ( + + + + + +); diff --git a/.history/components/customer/block/Pizza/Skeleton_20220529150743.tsx b/.history/components/customer/block/Pizza/Skeleton_20220529150743.tsx new file mode 100644 index 0000000..c799b7a --- /dev/null +++ b/.history/components/customer/block/Pizza/Skeleton_20220529150743.tsx @@ -0,0 +1,18 @@ +import React from 'react'; +import ContentLoader from 'react-content-loader'; +import classNames from 'classnames'; + +export const PizzaSkeleton = () => ( + + + + + +); diff --git a/.history/components/customer/block/Pizza/Skeleton_20220529150747.tsx b/.history/components/customer/block/Pizza/Skeleton_20220529150747.tsx new file mode 100644 index 0000000..f393312 --- /dev/null +++ b/.history/components/customer/block/Pizza/Skeleton_20220529150747.tsx @@ -0,0 +1,18 @@ +import React from 'react'; +import ContentLoader from 'react-content-loader'; +import classNames from 'classnames'; + +export const PizzaSkeleton = () => ( + + + + + +); diff --git a/.history/components/customer/block/Pizza/Skeleton_20220529150801.tsx b/.history/components/customer/block/Pizza/Skeleton_20220529150801.tsx new file mode 100644 index 0000000..02cdc61 --- /dev/null +++ b/.history/components/customer/block/Pizza/Skeleton_20220529150801.tsx @@ -0,0 +1,18 @@ +import React from 'react'; +import ContentLoader from 'react-content-loader'; +import classNames from 'classnames'; + +export const PizzaSkeleton = () => ( + + + + + +); diff --git a/.history/components/customer/block/Pizza/index_20220518134249.tsx b/.history/components/customer/block/Pizza/index_20220518134249.tsx new file mode 100644 index 0000000..c576de2 --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220518134249.tsx @@ -0,0 +1,98 @@ +import React from 'react'; +import { Link } from 'react-router-dom'; +import { useDispatch, useSelector } from 'react-redux'; +import { selectCartItemById } from '../../../redux/cart/selectors'; +import { CartItem } from '../../../redux/cart/types'; +import { addItem } from '../../../redux/cart/slice'; + +const typeNames = ['тонкое', 'традиционное']; + +type PizzaBlockProps = { + id: string; + title: string; + price: number; + imageUrl: string; + sizes: number[]; + types: number[]; + rating: number; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + price, + imageUrl, + sizes, + types, +}) => { + const dispatch = useDispatch(); + const cartItem = useSelector(selectCartItemById(id)); + const [activeType, setActiveType] = React.useState(0); + const [activeSize, setActiveSize] = React.useState(0); + + const addedCount = cartItem ? cartItem.count : 0; + + const onClickAdd = () => { + const item: CartItem = { + id, + title, + price, + imageUrl, + type: typeNames[activeType], + size: sizes[activeSize], + count: 0, + }; + dispatch(addItem(item)); + }; + + return ( +
    +
    + + Pizza +

    {title}

    + +
    +
      + {types.map((typeId) => ( +
    • setActiveType(typeId)} + className={activeType === typeId ? 'active' : ''}> + {typeNames[typeId]} +
      • + ))} +
    +
      + {sizes.map((size, i) => ( +
    • setActiveSize(i)} + className={activeSize === i ? 'active' : ''}> + {size} см. +
      • + ))} +
    +
    +
    +
    от {price} ₽
    + +
    +
    +
    + ); +}; diff --git a/.history/components/customer/block/Pizza/index_20220518152148.tsx b/.history/components/customer/block/Pizza/index_20220518152148.tsx new file mode 100644 index 0000000..7b36ad9 --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220518152148.tsx @@ -0,0 +1,98 @@ +import React from 'react'; +import { Link } from 'react-router-dom'; +import { useDispatch, useSelector } from 'react-redux'; +import { selectCartItemById } from '../../../../redux/cart/selectors'; +import { CartItem } from '../../../../redux/cart/types'; +import { addItem } from '../../../../redux/cart/slice'; + +const typeNames = ['тонкое', 'традиционное']; + +type PizzaBlockProps = { + id: string; + title: string; + price: number; + imageUrl: string; + sizes: number[]; + types: number[]; + rating: number; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + price, + imageUrl, + sizes, + types, +}) => { + const dispatch = useDispatch(); + const cartItem = useSelector(selectCartItemById(id)); + const [activeType, setActiveType] = React.useState(0); + const [activeSize, setActiveSize] = React.useState(0); + + const addedCount = cartItem ? cartItem.count : 0; + + const onClickAdd = () => { + const item: CartItem = { + id, + title, + price, + imageUrl, + type: typeNames[activeType], + size: sizes[activeSize], + count: 0, + }; + dispatch(addItem(item)); + }; + + return ( +
    +
    + + Pizza +

    {title}

    + +
    +
      + {types.map((typeId) => ( +
    • setActiveType(typeId)} + className={activeType === typeId ? 'active' : ''}> + {typeNames[typeId]} +
      • + ))} +
    +
      + {sizes.map((size, i) => ( +
    • setActiveSize(i)} + className={activeSize === i ? 'active' : ''}> + {size} см. +
      • + ))} +
    +
    +
    +
    от {price} ₽
    + +
    +
    +
    + ); +}; diff --git a/.history/components/customer/block/Pizza/index_20220518152154.tsx b/.history/components/customer/block/Pizza/index_20220518152154.tsx new file mode 100644 index 0000000..7b36ad9 --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220518152154.tsx @@ -0,0 +1,98 @@ +import React from 'react'; +import { Link } from 'react-router-dom'; +import { useDispatch, useSelector } from 'react-redux'; +import { selectCartItemById } from '../../../../redux/cart/selectors'; +import { CartItem } from '../../../../redux/cart/types'; +import { addItem } from '../../../../redux/cart/slice'; + +const typeNames = ['тонкое', 'традиционное']; + +type PizzaBlockProps = { + id: string; + title: string; + price: number; + imageUrl: string; + sizes: number[]; + types: number[]; + rating: number; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + price, + imageUrl, + sizes, + types, +}) => { + const dispatch = useDispatch(); + const cartItem = useSelector(selectCartItemById(id)); + const [activeType, setActiveType] = React.useState(0); + const [activeSize, setActiveSize] = React.useState(0); + + const addedCount = cartItem ? cartItem.count : 0; + + const onClickAdd = () => { + const item: CartItem = { + id, + title, + price, + imageUrl, + type: typeNames[activeType], + size: sizes[activeSize], + count: 0, + }; + dispatch(addItem(item)); + }; + + return ( +
    +
    + + Pizza +

    {title}

    + +
    +
      + {types.map((typeId) => ( +
    • setActiveType(typeId)} + className={activeType === typeId ? 'active' : ''}> + {typeNames[typeId]} +
      • + ))} +
    +
      + {sizes.map((size, i) => ( +
    • setActiveSize(i)} + className={activeSize === i ? 'active' : ''}> + {size} см. +
      • + ))} +
    +
    +
    +
    от {price} ₽
    + +
    +
    +
    + ); +}; diff --git a/.history/components/customer/block/Pizza/index_20220529000252.tsx b/.history/components/customer/block/Pizza/index_20220529000252.tsx new file mode 100644 index 0000000..120de59 --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529000252.tsx @@ -0,0 +1,100 @@ +import React from 'react'; +import { Link } from 'react-router-dom'; +import { useDispatch, useSelector } from 'react-redux'; +import { selectCartItemById } from '../../../../redux/cart/selectors'; +import { CartItem } from '../../../../redux/cart/types'; +import { addItem } from '../../../../redux/cart/slice'; + +const typeNames = ['тонкое', 'традиционное']; + +type PizzaBlockProps = { + id: string; + title: string; + price: number; + imageUrl: string; + sizes: number[]; + types: number[]; + rating: number; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + price, + imageUrl, + sizes, + types, +}) => { + const dispatch = useDispatch(); + const cartItem = useSelector(selectCartItemById(id)); + const [activeType, setActiveType] = React.useState(0); + const [activeSize, setActiveSize] = React.useState(0); + + const addedCount = cartItem ? cartItem.count : 0; + + const onClickAdd = () => { + const item: CartItem = { + id, + title, + price, + imageUrl, + type: typeNames[activeType], + size: sizes[activeSize], + count: 0, + }; + dispatch(addItem(item)); + }; + + return ( +
    +
    + + Pizza +

    {title}

    + +
    +
      + {types.map((typeId) => ( +
    • setActiveType(typeId)} + className={activeType === typeId ? 'active' : ''}> + {typeNames[typeId]} +
      • + ))} +
    +
      + {sizes.map((size, i) => ( +
    • setActiveSize(i)} + className={activeSize === i ? 'active' : ''}> + {size} см. +
      • + ))} +
    +
    +
    +
    от {price} ₽
    + +
    +
    +
    + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529000308.tsx b/.history/components/customer/block/Pizza/index_20220529000308.tsx new file mode 100644 index 0000000..d5fe707 --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529000308.tsx @@ -0,0 +1,78 @@ +import React from 'react'; +import { Link } from 'react-router-dom'; +import { useDispatch, useSelector } from 'react-redux'; +import { selectCartItemById } from '../../../../redux/cart/selectors'; +import { CartItem } from '../../../../redux/cart/types'; +import { addItem } from '../../../../redux/cart/slice'; + +const typeNames = ['тонкое', 'традиционное']; + +type PizzaBlockProps = { + id: string; + title: string; + price: number; + imageUrl: string; + sizes: number[]; + types: number[]; + rating: number; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + price, + imageUrl, + sizes, + types, +}) => { + const dispatch = useDispatch(); + const cartItem = useSelector(selectCartItemById(id)); + const [activeType, setActiveType] = React.useState(0); + const [activeSize, setActiveSize] = React.useState(0); + + const addedCount = cartItem ? cartItem.count : 0; + + const onClickAdd = () => { + const item: CartItem = { + id, + title, + price, + imageUrl, + type: typeNames[activeType], + size: sizes[activeSize], + count: 0, + }; + dispatch(addItem(item)); + }; + + return ( +
  • +
    + {props.alt} +
    + +

    {props.title}

    +

    {props.compound}

    + + Видос + + +

    {props.price}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529000312.tsx b/.history/components/customer/block/Pizza/index_20220529000312.tsx new file mode 100644 index 0000000..96ec088 --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529000312.tsx @@ -0,0 +1,78 @@ +import React from 'react'; +import { Link } from 'react-router-dom'; +import { useDispatch, useSelector } from 'react-redux'; +import { selectCartItemById } from '../../../../redux/cart/selectors'; +import { CartItem } from '../../../../redux/cart/types'; +import { addItem } from '../../../../redux/cart/slice'; + +const typeNames = ['тонкое', 'традиционное']; + +type PizzaBlockProps = { + id: string; + title: string; + price: number; + imageUrl: string; + sizes: number[]; + types: number[]; + rating: number; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + price, + imageUrl, + sizes, + types, +}) => { + const dispatch = useDispatch(); + const cartItem = useSelector(selectCartItemById(id)); + const [activeType, setActiveType] = React.useState(0); + const [activeSize, setActiveSize] = React.useState(0); + + const addedCount = cartItem ? cartItem.count : 0; + + const onClickAdd = () => { + const item: CartItem = { + id, + title, + price, + imageUrl, + type: typeNames[activeType], + size: sizes[activeSize], + count: 0, + }; + dispatch(addItem(item)); + }; + + return ( +
  • +
    + {props.alt} +
    + +

    {props.title}

    +

    {props.compound}

    + + Видос + + +

    {props.price}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529000314.tsx b/.history/components/customer/block/Pizza/index_20220529000314.tsx new file mode 100644 index 0000000..57334b5 --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529000314.tsx @@ -0,0 +1,78 @@ +import React from 'react'; +import { Link } from 'react-router-dom'; +import { useDispatch, useSelector } from 'react-redux'; +import { selectCartItemById } from '../../../../redux/cart/selectors'; +import { CartItem } from '../../../../redux/cart/types'; +import { addItem } from '../../../../redux/cart/slice'; + +const typeNames = ['тонкое', 'традиционное']; + +type PizzaBlockProps = { + id: string; + title: string; + price: number; + imageUrl: string; + sizes: number[]; + types: number[]; + rating: number; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + price, + imageUrl, + sizes, + types, +}) => { + const dispatch = useDispatch(); + const cartItem = useSelector(selectCartItemById(id)); + const [activeType, setActiveType] = React.useState(0); + const [activeSize, setActiveSize] = React.useState(0); + + const addedCount = cartItem ? cartItem.count : 0; + + const onClickAdd = () => { + const item: CartItem = { + id, + title, + price, + imageUrl, + type: typeNames[activeType], + size: sizes[activeSize], + count: 0, + }; + dispatch(addItem(item)); + }; + + return ( +
  • +
    + {props.alt} +
    + +

    {props.title}

    +

    {props.compound}

    + + Видос + + +

    {props.price}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529000324.tsx b/.history/components/customer/block/Pizza/index_20220529000324.tsx new file mode 100644 index 0000000..604372b --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529000324.tsx @@ -0,0 +1,78 @@ +import React from 'react'; +import Image from 'next/image'; +import { useDispatch, useSelector } from 'react-redux'; +import { selectCartItemById } from '../../../../redux/cart/selectors'; +import { CartItem } from '../../../../redux/cart/types'; +import { addItem } from '../../../../redux/cart/slice'; + +const typeNames = ['тонкое', 'традиционное']; + +type PizzaBlockProps = { + id: string; + title: string; + price: number; + imageUrl: string; + sizes: number[]; + types: number[]; + rating: number; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + price, + imageUrl, + sizes, + types, +}) => { + const dispatch = useDispatch(); + const cartItem = useSelector(selectCartItemById(id)); + const [activeType, setActiveType] = React.useState(0); + const [activeSize, setActiveSize] = React.useState(0); + + const addedCount = cartItem ? cartItem.count : 0; + + const onClickAdd = () => { + const item: CartItem = { + id, + title, + price, + imageUrl, + type: typeNames[activeType], + size: sizes[activeSize], + count: 0, + }; + dispatch(addItem(item)); + }; + + return ( +
  • +
    + {props.alt} +
    + +

    {props.title}

    +

    {props.compound}

    + + Видос + + +

    {props.price}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529000348.tsx b/.history/components/customer/block/Pizza/index_20220529000348.tsx new file mode 100644 index 0000000..9c9af51 --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529000348.tsx @@ -0,0 +1,75 @@ +import React from 'react'; +import Image from 'next/image'; + + +const typeNames = ['тонкое', 'традиционное']; + +type PizzaBlockProps = { + id: string; + title: string; + price: number; + imageUrl: string; + sizes: number[]; + types: number[]; + rating: number; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + price, + imageUrl, + sizes, + types, +}) => { + const dispatch = useDispatch(); + const cartItem = useSelector(selectCartItemById(id)); + const [activeType, setActiveType] = React.useState(0); + const [activeSize, setActiveSize] = React.useState(0); + + const addedCount = cartItem ? cartItem.count : 0; + + const onClickAdd = () => { + const item: CartItem = { + id, + title, + price, + imageUrl, + type: typeNames[activeType], + size: sizes[activeSize], + count: 0, + }; + dispatch(addItem(item)); + }; + + return ( +
  • +
    + {props.alt} +
    + +

    {props.title}

    +

    {props.compound}

    + + Видос + + +

    {props.price}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529000351.tsx b/.history/components/customer/block/Pizza/index_20220529000351.tsx new file mode 100644 index 0000000..83ee126 --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529000351.tsx @@ -0,0 +1,74 @@ +import React from 'react'; +import Image from 'next/image'; + +const typeNames = ['тонкое', 'традиционное']; + +type PizzaBlockProps = { + id: string; + title: string; + price: number; + imageUrl: string; + sizes: number[]; + types: number[]; + rating: number; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + price, + imageUrl, + sizes, + types, +}) => { + const dispatch = useDispatch(); + const cartItem = useSelector(selectCartItemById(id)); + const [activeType, setActiveType] = React.useState(0); + const [activeSize, setActiveSize] = React.useState(0); + + const addedCount = cartItem ? cartItem.count : 0; + + const onClickAdd = () => { + const item: CartItem = { + id, + title, + price, + imageUrl, + type: typeNames[activeType], + size: sizes[activeSize], + count: 0, + }; + dispatch(addItem(item)); + }; + + return ( +
  • +
    + {props.alt} +
    + +

    {props.title}

    +

    {props.compound}

    + + Видос + + +

    {props.price}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529000355.tsx b/.history/components/customer/block/Pizza/index_20220529000355.tsx new file mode 100644 index 0000000..1291c1e --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529000355.tsx @@ -0,0 +1,74 @@ +import React from 'react'; +import Image from 'next/image'; + + + +type PizzaBlockProps = { + id: string; + title: string; + price: number; + imageUrl: string; + sizes: number[]; + types: number[]; + rating: number; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + price, + imageUrl, + sizes, + types, +}) => { + const dispatch = useDispatch(); + const cartItem = useSelector(selectCartItemById(id)); + const [activeType, setActiveType] = React.useState(0); + const [activeSize, setActiveSize] = React.useState(0); + + const addedCount = cartItem ? cartItem.count : 0; + + const onClickAdd = () => { + const item: CartItem = { + id, + title, + price, + imageUrl, + type: typeNames[activeType], + size: sizes[activeSize], + count: 0, + }; + dispatch(addItem(item)); + }; + + return ( +
  • +
    + {props.alt} +
    + +

    {props.title}

    +

    {props.compound}

    + + Видос + + +

    {props.price}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529000357.tsx b/.history/components/customer/block/Pizza/index_20220529000357.tsx new file mode 100644 index 0000000..4a3f668 --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529000357.tsx @@ -0,0 +1,73 @@ +import React from 'react'; +import Image from 'next/image'; + + +type PizzaBlockProps = { + id: string; + title: string; + price: number; + imageUrl: string; + sizes: number[]; + types: number[]; + rating: number; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + price, + imageUrl, + sizes, + types, +}) => { + const dispatch = useDispatch(); + const cartItem = useSelector(selectCartItemById(id)); + const [activeType, setActiveType] = React.useState(0); + const [activeSize, setActiveSize] = React.useState(0); + + const addedCount = cartItem ? cartItem.count : 0; + + const onClickAdd = () => { + const item: CartItem = { + id, + title, + price, + imageUrl, + type: typeNames[activeType], + size: sizes[activeSize], + count: 0, + }; + dispatch(addItem(item)); + }; + + return ( +
  • +
    + {props.alt} +
    + +

    {props.title}

    +

    {props.compound}

    + + Видос + + +

    {props.price}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529000358.tsx b/.history/components/customer/block/Pizza/index_20220529000358.tsx new file mode 100644 index 0000000..7ad94b2 --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529000358.tsx @@ -0,0 +1,72 @@ +import React from 'react'; +import Image from 'next/image'; + +type PizzaBlockProps = { + id: string; + title: string; + price: number; + imageUrl: string; + sizes: number[]; + types: number[]; + rating: number; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + price, + imageUrl, + sizes, + types, +}) => { + const dispatch = useDispatch(); + const cartItem = useSelector(selectCartItemById(id)); + const [activeType, setActiveType] = React.useState(0); + const [activeSize, setActiveSize] = React.useState(0); + + const addedCount = cartItem ? cartItem.count : 0; + + const onClickAdd = () => { + const item: CartItem = { + id, + title, + price, + imageUrl, + type: typeNames[activeType], + size: sizes[activeSize], + count: 0, + }; + dispatch(addItem(item)); + }; + + return ( +
  • +
    + {props.alt} +
    + +

    {props.title}

    +

    {props.compound}

    + + Видос + + +

    {props.price}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529000414.tsx b/.history/components/customer/block/Pizza/index_20220529000414.tsx new file mode 100644 index 0000000..f7600fe --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529000414.tsx @@ -0,0 +1,67 @@ +import React from 'react'; +import Image from 'next/image'; + +type PizzaBlockProps = { + id: string; + title: string; + price: number; + imageUrl: string; + sizes: number[]; + types: number[]; + rating: number; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + price, + imageUrl, + sizes, + types, +}) => { + + + const onClickAdd = () => { + const item: CartItem = { + id, + title, + price, + imageUrl, + type: typeNames[activeType], + size: sizes[activeSize], + count: 0, + }; + dispatch(addItem(item)); + }; + + return ( +
  • +
    + {props.alt} +
    + +

    {props.title}

    +

    {props.compound}

    + + Видос + + +

    {props.price}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529000419.tsx b/.history/components/customer/block/Pizza/index_20220529000419.tsx new file mode 100644 index 0000000..e0aab6e --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529000419.tsx @@ -0,0 +1,53 @@ +import React from 'react'; +import Image from 'next/image'; + +type PizzaBlockProps = { + id: string; + title: string; + price: number; + imageUrl: string; + sizes: number[]; + types: number[]; + rating: number; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + price, + imageUrl, + sizes, + types, +}) => { + + return ( +
  • +
    + {props.alt} +
    + +

    {props.title}

    +

    {props.compound}

    + + Видос + + +

    {props.price}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529000436.tsx b/.history/components/customer/block/Pizza/index_20220529000436.tsx new file mode 100644 index 0000000..f7600fe --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529000436.tsx @@ -0,0 +1,67 @@ +import React from 'react'; +import Image from 'next/image'; + +type PizzaBlockProps = { + id: string; + title: string; + price: number; + imageUrl: string; + sizes: number[]; + types: number[]; + rating: number; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + price, + imageUrl, + sizes, + types, +}) => { + + + const onClickAdd = () => { + const item: CartItem = { + id, + title, + price, + imageUrl, + type: typeNames[activeType], + size: sizes[activeSize], + count: 0, + }; + dispatch(addItem(item)); + }; + + return ( +
  • +
    + {props.alt} +
    + +

    {props.title}

    +

    {props.compound}

    + + Видос + + +

    {props.price}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529000437.tsx b/.history/components/customer/block/Pizza/index_20220529000437.tsx new file mode 100644 index 0000000..493315c --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529000437.tsx @@ -0,0 +1,66 @@ +import React from 'react'; +import Image from 'next/image'; + +type PizzaBlockProps = { + id: string; + title: string; + price: number; + imageUrl: string; + sizes: number[]; + types: number[]; + rating: number; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + price, + imageUrl, + sizes, + types, +}) => { + + const onClickAdd = () => { + const item: CartItem = { + id, + title, + price, + imageUrl, + type: typeNames[activeType], + size: sizes[activeSize], + count: 0, + }; + dispatch(addItem(item)); + }; + + return ( +
  • +
    + {props.alt} +
    + +

    {props.title}

    +

    {props.compound}

    + + Видос + + +

    {props.price}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529000443.tsx b/.history/components/customer/block/Pizza/index_20220529000443.tsx new file mode 100644 index 0000000..666fc65 --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529000443.tsx @@ -0,0 +1,57 @@ +import React from 'react'; +import Image from 'next/image'; + +type PizzaBlockProps = { + id: string; + title: string; + price: number; + imageUrl: string; + sizes: number[]; + types: number[]; + rating: number; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + price, + imageUrl, + sizes, + types, +}) => { + + const onClickAdd = () => { + + }; + + return ( +
  • +
    + {props.alt} +
    + +

    {props.title}

    +

    {props.compound}

    + + Видос + + +

    {props.price}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529000449.tsx b/.history/components/customer/block/Pizza/index_20220529000449.tsx new file mode 100644 index 0000000..65341d2 --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529000449.tsx @@ -0,0 +1,57 @@ +import React from 'react'; +import Image from 'next/image'; + +type PizzaBlockProps = { + id: string; + title: string; + price: number; + imageUrl: string; + sizes: number[]; + types: number[]; + rating: number; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + price, + imageUrl, + sizes, + types, +}) => { + + const onClickAdd = () => { + console.log(); + }; + + return ( +
  • +
    + {props.alt} +
    + +

    {props.title}

    +

    {props.compound}

    + + Видос + + +

    {props.price}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529000451.tsx b/.history/components/customer/block/Pizza/index_20220529000451.tsx new file mode 100644 index 0000000..6fb95f5 --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529000451.tsx @@ -0,0 +1,57 @@ +import React from 'react'; +import Image from 'next/image'; + +type PizzaBlockProps = { + id: string; + title: string; + price: number; + imageUrl: string; + sizes: number[]; + types: number[]; + rating: number; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + price, + imageUrl, + sizes, + types, +}) => { + + const onClickAdd = () => { + console.log(''); + }; + + return ( +
  • +
    + {props.alt} +
    + +

    {props.title}

    +

    {props.compound}

    + + Видос + + +

    {props.price}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529000452.tsx b/.history/components/customer/block/Pizza/index_20220529000452.tsx new file mode 100644 index 0000000..aca74ce --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529000452.tsx @@ -0,0 +1,57 @@ +import React from 'react'; +import Image from 'next/image'; + +type PizzaBlockProps = { + id: string; + title: string; + price: number; + imageUrl: string; + sizes: number[]; + types: number[]; + rating: number; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + price, + imageUrl, + sizes, + types, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {props.alt} +
    + +

    {props.title}

    +

    {props.compound}

    + + Видос + + +

    {props.price}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529000502.tsx b/.history/components/customer/block/Pizza/index_20220529000502.tsx new file mode 100644 index 0000000..d9f4365 --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529000502.tsx @@ -0,0 +1,57 @@ +import React from 'react'; +import Image from 'next/image'; + +type PizzaBlockProps = { + id: string; + title: string; + price: number; + imageUrl: string; + sizes: number[]; + types: number[]; + rating: number; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + price, + imageUrl, + sizes, + types, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {props.alt} +
    + +

    {props.title}

    +

    {props.compound}

    + + Видос + + +

    {props.price}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529000503.tsx b/.history/components/customer/block/Pizza/index_20220529000503.tsx new file mode 100644 index 0000000..a8373b7 --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529000503.tsx @@ -0,0 +1,57 @@ +import React from 'react'; +import Image from 'next/image'; + +type PizzaBlockProps = { + id: string; + title: string; + price: number; + imageUrl: string; + sizes: number[]; + types: number[]; + rating: number; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + price, + imageUrl, + sizes, + types, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {props.alt} +
    + +

    {props.title}

    +

    {props.compound}

    + + Видос + + +

    {props.price}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529000511.tsx b/.history/components/customer/block/Pizza/index_20220529000511.tsx new file mode 100644 index 0000000..637ea41 --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529000511.tsx @@ -0,0 +1,58 @@ +import React from 'react'; +import Image from 'next/image'; + +type PizzaBlockProps = { + id: string; + title: string; + price: number; + imageUrl: string; + sizes: number[]; + types: number[]; + rating: number; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + price, + imageUrl, + sizes, + types, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {props.alt} +
    + +

    {props.title}

    +

    {props.compound}

    + + Видос + + +

    {props.price}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529000512.tsx b/.history/components/customer/block/Pizza/index_20220529000512.tsx new file mode 100644 index 0000000..637ea41 --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529000512.tsx @@ -0,0 +1,58 @@ +import React from 'react'; +import Image from 'next/image'; + +type PizzaBlockProps = { + id: string; + title: string; + price: number; + imageUrl: string; + sizes: number[]; + types: number[]; + rating: number; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + price, + imageUrl, + sizes, + types, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {props.alt} +
    + +

    {props.title}

    +

    {props.compound}

    + + Видос + + +

    {props.price}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529000518.tsx b/.history/components/customer/block/Pizza/index_20220529000518.tsx new file mode 100644 index 0000000..5f6962c --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529000518.tsx @@ -0,0 +1,59 @@ +import React from 'react'; +import Image from 'next/image'; +import + +type PizzaBlockProps = { + id: string; + title: string; + price: number; + imageUrl: string; + sizes: number[]; + types: number[]; + rating: number; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + price, + imageUrl, + sizes, + types, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {props.alt} +
    + +

    {props.title}

    +

    {props.compound}

    + + Видос + + +

    {props.price}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529000519.tsx b/.history/components/customer/block/Pizza/index_20220529000519.tsx new file mode 100644 index 0000000..7fe898a --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529000519.tsx @@ -0,0 +1,59 @@ +import React from 'react'; +import Image from 'next/image'; +import {} + +type PizzaBlockProps = { + id: string; + title: string; + price: number; + imageUrl: string; + sizes: number[]; + types: number[]; + rating: number; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + price, + imageUrl, + sizes, + types, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {props.alt} +
    + +

    {props.title}

    +

    {props.compound}

    + + Видос + + +

    {props.price}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529000521.tsx b/.history/components/customer/block/Pizza/index_20220529000521.tsx new file mode 100644 index 0000000..fd32b7a --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529000521.tsx @@ -0,0 +1,59 @@ +import React from 'react'; +import Image from 'next/image'; +import {} fo + +type PizzaBlockProps = { + id: string; + title: string; + price: number; + imageUrl: string; + sizes: number[]; + types: number[]; + rating: number; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + price, + imageUrl, + sizes, + types, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {props.alt} +
    + +

    {props.title}

    +

    {props.compound}

    + + Видос + + +

    {props.price}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529000526.tsx b/.history/components/customer/block/Pizza/index_20220529000526.tsx new file mode 100644 index 0000000..c912006 --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529000526.tsx @@ -0,0 +1,59 @@ +import React from 'react'; +import Image from 'next/image'; +import {} from + +type PizzaBlockProps = { + id: string; + title: string; + price: number; + imageUrl: string; + sizes: number[]; + types: number[]; + rating: number; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + price, + imageUrl, + sizes, + types, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {props.alt} +
    + +

    {props.title}

    +

    {props.compound}

    + + Видос + + +

    {props.price}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529000528.tsx b/.history/components/customer/block/Pizza/index_20220529000528.tsx new file mode 100644 index 0000000..21fc6e6 --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529000528.tsx @@ -0,0 +1,59 @@ +import React from 'react'; +import Image from 'next/image'; +import {} from './' + +type PizzaBlockProps = { + id: string; + title: string; + price: number; + imageUrl: string; + sizes: number[]; + types: number[]; + rating: number; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + price, + imageUrl, + sizes, + types, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {props.alt} +
    + +

    {props.title}

    +

    {props.compound}

    + + Видос + + +

    {props.price}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529000530.tsx b/.history/components/customer/block/Pizza/index_20220529000530.tsx new file mode 100644 index 0000000..164d57c --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529000530.tsx @@ -0,0 +1,59 @@ +import React from 'react'; +import Image from 'next/image'; +import {} from '../' + +type PizzaBlockProps = { + id: string; + title: string; + price: number; + imageUrl: string; + sizes: number[]; + types: number[]; + rating: number; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + price, + imageUrl, + sizes, + types, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {props.alt} +
    + +

    {props.title}

    +

    {props.compound}

    + + Видос + + +

    {props.price}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529000534.tsx b/.history/components/customer/block/Pizza/index_20220529000534.tsx new file mode 100644 index 0000000..c445e3b --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529000534.tsx @@ -0,0 +1,59 @@ +import React from 'react'; +import Image from 'next/image'; +import {} from '../../' + +type PizzaBlockProps = { + id: string; + title: string; + price: number; + imageUrl: string; + sizes: number[]; + types: number[]; + rating: number; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + price, + imageUrl, + sizes, + types, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {props.alt} +
    + +

    {props.title}

    +

    {props.compound}

    + + Видос + + +

    {props.price}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529000542.tsx b/.history/components/customer/block/Pizza/index_20220529000542.tsx new file mode 100644 index 0000000..d8becb5 --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529000542.tsx @@ -0,0 +1,59 @@ +import React from 'react'; +import Image from 'next/image'; +import {} from '../../../UI/' + +type PizzaBlockProps = { + id: string; + title: string; + price: number; + imageUrl: string; + sizes: number[]; + types: number[]; + rating: number; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + price, + imageUrl, + sizes, + types, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {props.alt} +
    + +

    {props.title}

    +

    {props.compound}

    + + Видос + + +

    {props.price}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529000544.tsx b/.history/components/customer/block/Pizza/index_20220529000544.tsx new file mode 100644 index 0000000..2dffb0c --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529000544.tsx @@ -0,0 +1,59 @@ +import React from 'react'; +import Image from 'next/image'; +import {} from '../../../UI' + +type PizzaBlockProps = { + id: string; + title: string; + price: number; + imageUrl: string; + sizes: number[]; + types: number[]; + rating: number; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + price, + imageUrl, + sizes, + types, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {props.alt} +
    + +

    {props.title}

    +

    {props.compound}

    + + Видос + + +

    {props.price}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529000554.tsx b/.history/components/customer/block/Pizza/index_20220529000554.tsx new file mode 100644 index 0000000..03d23ac --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529000554.tsx @@ -0,0 +1,59 @@ +import React from 'react'; +import Image from 'next/image'; +import {ButtonImg, } from '../../../UI' + +type PizzaBlockProps = { + id: string; + title: string; + price: number; + imageUrl: string; + sizes: number[]; + types: number[]; + rating: number; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + price, + imageUrl, + sizes, + types, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {props.alt} +
    + +

    {props.title}

    +

    {props.compound}

    + + Видос + + +

    {props.price}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529000600.tsx b/.history/components/customer/block/Pizza/index_20220529000600.tsx new file mode 100644 index 0000000..d84c978 --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529000600.tsx @@ -0,0 +1,59 @@ +import React from 'react'; +import Image from 'next/image'; +import {ButtonImg,Button } from '../../../UI' + +type PizzaBlockProps = { + id: string; + title: string; + price: number; + imageUrl: string; + sizes: number[]; + types: number[]; + rating: number; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + price, + imageUrl, + sizes, + types, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {props.alt} +
    + +

    {props.title}

    +

    {props.compound}

    + + Видос + + +

    {props.price}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529000602.tsx b/.history/components/customer/block/Pizza/index_20220529000602.tsx new file mode 100644 index 0000000..61f568f --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529000602.tsx @@ -0,0 +1,59 @@ +import React from 'react'; +import Image from 'next/image'; +import {ButtonImg, Button } from '../../../UI' + +type PizzaBlockProps = { + id: string; + title: string; + price: number; + imageUrl: string; + sizes: number[]; + types: number[]; + rating: number; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + price, + imageUrl, + sizes, + types, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {props.alt} +
    + +

    {props.title}

    +

    {props.compound}

    + + Видос + + +

    {props.price}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529000607.tsx b/.history/components/customer/block/Pizza/index_20220529000607.tsx new file mode 100644 index 0000000..14e154d --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529000607.tsx @@ -0,0 +1,59 @@ +import React from 'react'; +import Image from 'next/image'; +import {ButtonImg, Button } from '../../../UI' + +type PizzaBlockProps = { + id: string; + title: string; + price: number; + imageUrl: string; + sizes: number[]; + types: number[]; + rating: number; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + price, + imageUrl, + sizes, + types, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {props.alt} +
    + +

    {props.title}

    +

    {props.compound}

    + + Видос + + +

    {price}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529000611.tsx b/.history/components/customer/block/Pizza/index_20220529000611.tsx new file mode 100644 index 0000000..08a14b7 --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529000611.tsx @@ -0,0 +1,59 @@ +import React from 'react'; +import Image from 'next/image'; +import {ButtonImg, Button } from '../../../UI' + +type PizzaBlockProps = { + id: string; + title: string; + price: number; + imageUrl: string; + sizes: number[]; + types: number[]; + rating: number; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + price, + imageUrl, + sizes, + types, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {props.alt} +
    + +

    {props.title}

    +

    {compound}

    + + Видос + + +

    {price}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529000613.tsx b/.history/components/customer/block/Pizza/index_20220529000613.tsx new file mode 100644 index 0000000..fe737ce --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529000613.tsx @@ -0,0 +1,59 @@ +import React from 'react'; +import Image from 'next/image'; +import {ButtonImg, Button } from '../../../UI' + +type PizzaBlockProps = { + id: string; + title: string; + price: number; + imageUrl: string; + sizes: number[]; + types: number[]; + rating: number; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + price, + imageUrl, + sizes, + types, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {props.alt} +
    + +

    {title}

    +

    {compound}

    + + Видос + + +

    {price}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529000616.tsx b/.history/components/customer/block/Pizza/index_20220529000616.tsx new file mode 100644 index 0000000..8c26fba --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529000616.tsx @@ -0,0 +1,59 @@ +import React from 'react'; +import Image from 'next/image'; +import {ButtonImg, Button } from '../../../UI' + +type PizzaBlockProps = { + id: string; + title: string; + price: number; + imageUrl: string; + sizes: number[]; + types: number[]; + rating: number; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + price, + imageUrl, + sizes, + types, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {alt} +
    + +

    {title}

    +

    {compound}

    + + Видос + + +

    {price}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529000618.tsx b/.history/components/customer/block/Pizza/index_20220529000618.tsx new file mode 100644 index 0000000..7fe34cc --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529000618.tsx @@ -0,0 +1,59 @@ +import React from 'react'; +import Image from 'next/image'; +import {ButtonImg, Button } from '../../../UI' + +type PizzaBlockProps = { + id: string; + title: string; + price: number; + imageUrl: string; + sizes: number[]; + types: number[]; + rating: number; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + price, + imageUrl, + sizes, + types, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {alt} +
    + +

    {title}

    +

    {compound}

    + + Видос + + +

    {price}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529000628.tsx b/.history/components/customer/block/Pizza/index_20220529000628.tsx new file mode 100644 index 0000000..5b6eb1b --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529000628.tsx @@ -0,0 +1,59 @@ +import React from 'react'; +import Image from 'next/image'; +import {ButtonImg, Button } from '../../../UI' + +type PizzaBlockProps = { + id: string; + title: string; + price: number; + imageUrl: string; + sizes: number[]; + types: number[]; + rating: number; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + src, + imageUrl, + sizes, + types, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {alt} +
    + +

    {title}

    +

    {compound}

    + + Видос + + +

    {price}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529000632.tsx b/.history/components/customer/block/Pizza/index_20220529000632.tsx new file mode 100644 index 0000000..6a5c58b --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529000632.tsx @@ -0,0 +1,59 @@ +import React from 'react'; +import Image from 'next/image'; +import {ButtonImg, Button } from '../../../UI' + +type PizzaBlockProps = { + id: string; + title: string; + price: number; + imageUrl: string; + sizes: number[]; + types: number[]; + rating: number; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + src, + alt, + sizes, + types, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {alt} +
    + +

    {title}

    +

    {compound}

    + + Видос + + +

    {price}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529000635.tsx b/.history/components/customer/block/Pizza/index_20220529000635.tsx new file mode 100644 index 0000000..bcfc1ee --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529000635.tsx @@ -0,0 +1,59 @@ +import React from 'react'; +import Image from 'next/image'; +import {ButtonImg, Button } from '../../../UI' + +type PizzaBlockProps = { + id: string; + title: string; + price: number; + imageUrl: string; + sizes: number[]; + types: number[]; + rating: number; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + src, + alt, + compound, + types, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {alt} +
    + +

    {title}

    +

    {compound}

    + + Видос + + +

    {price}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529000639.tsx b/.history/components/customer/block/Pizza/index_20220529000639.tsx new file mode 100644 index 0000000..dfd260f --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529000639.tsx @@ -0,0 +1,59 @@ +import React from 'react'; +import Image from 'next/image'; +import {ButtonImg, Button } from '../../../UI' + +type PizzaBlockProps = { + id: string; + title: string; + price: number; + imageUrl: string; + sizes: number[]; + types: number[]; + rating: number; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + src, + alt, + compound, + price, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {alt} +
    + +

    {title}

    +

    {compound}

    + + Видос + + +

    {price}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529000643.tsx b/.history/components/customer/block/Pizza/index_20220529000643.tsx new file mode 100644 index 0000000..dfd260f --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529000643.tsx @@ -0,0 +1,59 @@ +import React from 'react'; +import Image from 'next/image'; +import {ButtonImg, Button } from '../../../UI' + +type PizzaBlockProps = { + id: string; + title: string; + price: number; + imageUrl: string; + sizes: number[]; + types: number[]; + rating: number; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + src, + alt, + compound, + price, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {alt} +
    + +

    {title}

    +

    {compound}

    + + Видос + + +

    {price}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529000834.tsx b/.history/components/customer/block/Pizza/index_20220529000834.tsx new file mode 100644 index 0000000..6f5c3c4 --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529000834.tsx @@ -0,0 +1,58 @@ +import React from 'react'; +import Image from 'next/image'; +import {ButtonImg, Button } from '../../../UI' + +type PizzaBlockProps = { + id: string; + title: string; + price: number; + imageUrl: string; + sizes: number[]; + types: number[]; + rating: number; +}; + +export const PizzaBlock: React.FC = ({ + title, + src, + alt, + compound, + price, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {alt} +
    + +

    {title}

    +

    {compound}

    + + Видос + + +

    {price}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529000840.tsx b/.history/components/customer/block/Pizza/index_20220529000840.tsx new file mode 100644 index 0000000..dfd260f --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529000840.tsx @@ -0,0 +1,59 @@ +import React from 'react'; +import Image from 'next/image'; +import {ButtonImg, Button } from '../../../UI' + +type PizzaBlockProps = { + id: string; + title: string; + price: number; + imageUrl: string; + sizes: number[]; + types: number[]; + rating: number; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + src, + alt, + compound, + price, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {alt} +
    + +

    {title}

    +

    {compound}

    + + Видос + + +

    {price}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529000845.tsx b/.history/components/customer/block/Pizza/index_20220529000845.tsx new file mode 100644 index 0000000..4466452 --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529000845.tsx @@ -0,0 +1,59 @@ +import React from 'react'; +import Image from 'next/image'; +import {ButtonImg, Button } from '../../../UI' + +type PizzaBlockProps = { + id: string; + title: string; + src: number; + imageUrl: string; + sizes: number[]; + types: number[]; + rating: number; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + src, + alt, + compound, + price, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {alt} +
    + +

    {title}

    +

    {compound}

    + + Видос + + +

    {price}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529000846.tsx b/.history/components/customer/block/Pizza/index_20220529000846.tsx new file mode 100644 index 0000000..d8585da --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529000846.tsx @@ -0,0 +1,59 @@ +import React from 'react'; +import Image from 'next/image'; +import {ButtonImg, Button } from '../../../UI' + +type PizzaBlockProps = { + id: string; + title: string; + src: ы; + imageUrl: string; + sizes: number[]; + types: number[]; + rating: number; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + src, + alt, + compound, + price, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {alt} +
    + +

    {title}

    +

    {compound}

    + + Видос + + +

    {price}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529000849.tsx b/.history/components/customer/block/Pizza/index_20220529000849.tsx new file mode 100644 index 0000000..b78dd1f --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529000849.tsx @@ -0,0 +1,59 @@ +import React from 'react'; +import Image from 'next/image'; +import {ButtonImg, Button } from '../../../UI' + +type PizzaBlockProps = { + id: string; + title: string; + src: string; + imageUrl: string; + sizes: number[]; + types: number[]; + rating: number; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + src, + alt, + compound, + price, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {alt} +
    + +

    {title}

    +

    {compound}

    + + Видос + + +

    {price}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529000853.tsx b/.history/components/customer/block/Pizza/index_20220529000853.tsx new file mode 100644 index 0000000..76464eb --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529000853.tsx @@ -0,0 +1,59 @@ +import React from 'react'; +import Image from 'next/image'; +import {ButtonImg, Button } from '../../../UI' + +type PizzaBlockProps = { + id: string; + title: string; + src: string; + alt: string; + sizes: number[]; + types: number[]; + rating: number; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + src, + alt, + compound, + price, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {alt} +
    + +

    {title}

    +

    {compound}

    + + Видос + + +

    {price}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529000900.tsx b/.history/components/customer/block/Pizza/index_20220529000900.tsx new file mode 100644 index 0000000..b78dd1f --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529000900.tsx @@ -0,0 +1,59 @@ +import React from 'react'; +import Image from 'next/image'; +import {ButtonImg, Button } from '../../../UI' + +type PizzaBlockProps = { + id: string; + title: string; + src: string; + imageUrl: string; + sizes: number[]; + types: number[]; + rating: number; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + src, + alt, + compound, + price, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {alt} +
    + +

    {title}

    +

    {compound}

    + + Видос + + +

    {price}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529000903.tsx b/.history/components/customer/block/Pizza/index_20220529000903.tsx new file mode 100644 index 0000000..bcfc1ee --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529000903.tsx @@ -0,0 +1,59 @@ +import React from 'react'; +import Image from 'next/image'; +import {ButtonImg, Button } from '../../../UI' + +type PizzaBlockProps = { + id: string; + title: string; + price: number; + imageUrl: string; + sizes: number[]; + types: number[]; + rating: number; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + src, + alt, + compound, + types, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {alt} +
    + +

    {title}

    +

    {compound}

    + + Видос + + +

    {price}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529000917.tsx b/.history/components/customer/block/Pizza/index_20220529000917.tsx new file mode 100644 index 0000000..6f85120 --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529000917.tsx @@ -0,0 +1,59 @@ +import React from 'react'; +import Image from 'next/image'; +import {ButtonImg, Button } from '../../../UI' + +type PizzaBlockProps = { + id: string; + title: string; + price: number; + imageUrl: string; + sizes: number[]; + types: number[]; + rating: number; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + imageUrl, + alt, + compound, + types, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {alt} +
    + +

    {title}

    +

    {compound}

    + + Видос + + +

    {price}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529000919.tsx b/.history/components/customer/block/Pizza/index_20220529000919.tsx new file mode 100644 index 0000000..1534b1b --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529000919.tsx @@ -0,0 +1,59 @@ +import React from 'react'; +import Image from 'next/image'; +import {ButtonImg, Button } from '../../../UI' + +type PizzaBlockProps = { + id: string; + title: string; + price: number; + imageUrl: string; + sizes: number[]; + types: number[]; + rating: number; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + imageUrl, + alt, + compound, + types, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {alt} +
    + +

    {title}

    +

    {compound}

    + + Видос + + +

    {price}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529000934.tsx b/.history/components/customer/block/Pizza/index_20220529000934.tsx new file mode 100644 index 0000000..c0d588a --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529000934.tsx @@ -0,0 +1,59 @@ +import React from 'react'; +import Image from 'next/image'; +import {ButtonImg, Button } from '../../../UI' + +type PizzaBlockProps = { + id: string; + title: string; + price: number; + imageUrl: string; + sizes: number[]; + types: number[]; + rating: number; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + imageUrl, + alt, + compound, + types, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {compound}

    + + Видос + + +

    {price}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529000937.tsx b/.history/components/customer/block/Pizza/index_20220529000937.tsx new file mode 100644 index 0000000..70166d9 --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529000937.tsx @@ -0,0 +1,58 @@ +import React from 'react'; +import Image from 'next/image'; +import {ButtonImg, Button } from '../../../UI' + +type PizzaBlockProps = { + id: string; + title: string; + price: number; + imageUrl: string; + sizes: number[]; + types: number[]; + rating: number; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + imageUrl, + compound, + types, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {compound}

    + + Видос + + +

    {price}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529000947.tsx b/.history/components/customer/block/Pizza/index_20220529000947.tsx new file mode 100644 index 0000000..70166d9 --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529000947.tsx @@ -0,0 +1,58 @@ +import React from 'react'; +import Image from 'next/image'; +import {ButtonImg, Button } from '../../../UI' + +type PizzaBlockProps = { + id: string; + title: string; + price: number; + imageUrl: string; + sizes: number[]; + types: number[]; + rating: number; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + imageUrl, + compound, + types, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {compound}

    + + Видос + + +

    {price}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529000953.tsx b/.history/components/customer/block/Pizza/index_20220529000953.tsx new file mode 100644 index 0000000..f9bd156 --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529000953.tsx @@ -0,0 +1,59 @@ +import React from 'react'; +import Image from 'next/image'; +import {ButtonImg, Button } from '../../../UI' + +type PizzaBlockProps = { + id: string; + title: string; + price: number; + imageUrl: string; + sizes: number[]; + types: number[]; + rating: number; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + imageUrl, + price, + compound, + types, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {compound}

    + + Видос + + +

    {price}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529001003.tsx b/.history/components/customer/block/Pizza/index_20220529001003.tsx new file mode 100644 index 0000000..5899667 --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529001003.tsx @@ -0,0 +1,60 @@ +import React from 'react'; +import Image from 'next/image'; +import {ButtonImg, Button } from '../../../UI' + +type PizzaBlockProps = { + id: string; + title: string; + price: number; + + imageUrl: string; + sizes: number[]; + types: number[]; + rating: number; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + imageUrl, + price, + compound, + types, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {compound}

    + + Видос + + +

    {price}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529001010.tsx b/.history/components/customer/block/Pizza/index_20220529001010.tsx new file mode 100644 index 0000000..99ec667 --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529001010.tsx @@ -0,0 +1,60 @@ +import React from 'react'; +import Image from 'next/image'; +import {ButtonImg, Button } from '../../../UI' + +type PizzaBlockProps = { + id: string; + title: string; + price: number; + compound: string; + imageUrl: string; + sizes: number[]; + types: number[]; + rating: number; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + imageUrl, + price, + compound, + types, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {compound}

    + + Видос + + +

    {price}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529001031.tsx b/.history/components/customer/block/Pizza/index_20220529001031.tsx new file mode 100644 index 0000000..72f53ff --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529001031.tsx @@ -0,0 +1,58 @@ +import React from 'react'; +import Image from 'next/image'; +import {ButtonImg, Button } from '../../../UI' + +type PizzaBlockProps = { + id: string; + title: string; + price: number; + compound: string; + imageUrl: string; + rating: number; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + imageUrl, + price, + compound, + types, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {compound}

    + + Видос + + +

    {price}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529001035.tsx b/.history/components/customer/block/Pizza/index_20220529001035.tsx new file mode 100644 index 0000000..29e4903 --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529001035.tsx @@ -0,0 +1,57 @@ +import React from 'react'; +import Image from 'next/image'; +import {ButtonImg, Button } from '../../../UI' + +type PizzaBlockProps = { + id: string; + title: string; + price: number; + compound: string; + imageUrl: string; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + imageUrl, + price, + compound, + types, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {compound}

    + + Видос + + +

    {price}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529001038.tsx b/.history/components/customer/block/Pizza/index_20220529001038.tsx new file mode 100644 index 0000000..d98f45b --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529001038.tsx @@ -0,0 +1,56 @@ +import React from 'react'; +import Image from 'next/image'; +import {ButtonImg, Button } from '../../../UI' + +type PizzaBlockProps = { + id: string; + title: string; + price: number; + compound: string; + imageUrl: string; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + imageUrl, + price, + compound, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {compound}

    + + Видос + + +

    {price}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529001047.tsx b/.history/components/customer/block/Pizza/index_20220529001047.tsx new file mode 100644 index 0000000..f031693 --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529001047.tsx @@ -0,0 +1,56 @@ +import React from 'react'; +import Image from 'next/image'; +import {ButtonImg, Button } from '../../../UI' + +type PizzaBlockProps = { + id: string; + title: string; + price: number; + compound: string; + imageUrl: string; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + imageUrl, + price, + compound, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {compound}

    + + Видос + + +

    {price}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529001103.tsx b/.history/components/customer/block/Pizza/index_20220529001103.tsx new file mode 100644 index 0000000..b900cc5 --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529001103.tsx @@ -0,0 +1,56 @@ +import React from 'react'; +import Image from 'next/image'; +import {ButtonImg, Button } from '../../../UI' + +type PizzaBlockProps = { + id: string; + title: string; + price: number; + compound: string; + imageUrl: string; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + imageUrl, + price, + compound, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {compound}

    + + Видос + + +

    {price}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529001105.tsx b/.history/components/customer/block/Pizza/index_20220529001105.tsx new file mode 100644 index 0000000..f031693 --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529001105.tsx @@ -0,0 +1,56 @@ +import React from 'react'; +import Image from 'next/image'; +import {ButtonImg, Button } from '../../../UI' + +type PizzaBlockProps = { + id: string; + title: string; + price: number; + compound: string; + imageUrl: string; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + imageUrl, + price, + compound, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {compound}

    + + Видос + + +

    {price}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529001110.tsx b/.history/components/customer/block/Pizza/index_20220529001110.tsx new file mode 100644 index 0000000..d98f45b --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529001110.tsx @@ -0,0 +1,56 @@ +import React from 'react'; +import Image from 'next/image'; +import {ButtonImg, Button } from '../../../UI' + +type PizzaBlockProps = { + id: string; + title: string; + price: number; + compound: string; + imageUrl: string; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + imageUrl, + price, + compound, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {compound}

    + + Видос + + +

    {price}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529001326.tsx b/.history/components/customer/block/Pizza/index_20220529001326.tsx new file mode 100644 index 0000000..d98f45b --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529001326.tsx @@ -0,0 +1,56 @@ +import React from 'react'; +import Image from 'next/image'; +import {ButtonImg, Button } from '../../../UI' + +type PizzaBlockProps = { + id: string; + title: string; + price: number; + compound: string; + imageUrl: string; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + imageUrl, + price, + compound, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {compound}

    + + Видос + + +

    {price}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529001440.tsx b/.history/components/customer/block/Pizza/index_20220529001440.tsx new file mode 100644 index 0000000..ec2d9c5 --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529001440.tsx @@ -0,0 +1,56 @@ +import React from 'react'; +import Image from 'next/image'; +import {ButtonImg, Button } from '../../../UI' + +type PizzaBlockProps = { + id: string; + title: string; + price: number; + compound: string; + imageUrl: string; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + imageUrl, + price, + compound, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {compound}

    + + onClickAdd()}>Видос + + +

    {price}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529001441.tsx b/.history/components/customer/block/Pizza/index_20220529001441.tsx new file mode 100644 index 0000000..ec2d9c5 --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529001441.tsx @@ -0,0 +1,56 @@ +import React from 'react'; +import Image from 'next/image'; +import {ButtonImg, Button } from '../../../UI' + +type PizzaBlockProps = { + id: string; + title: string; + price: number; + compound: string; + imageUrl: string; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + imageUrl, + price, + compound, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {compound}

    + + onClickAdd()}>Видос + + +

    {price}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529001455.tsx b/.history/components/customer/block/Pizza/index_20220529001455.tsx new file mode 100644 index 0000000..0a4b205 --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529001455.tsx @@ -0,0 +1,57 @@ +import React from 'react'; +import Image from 'next/image'; +import {ButtonImg, Button } from '../../../UI'; +import classNames from 'classnames'; + +type PizzaBlockProps = { + id: string; + title: string; + price: number; + compound: string; + imageUrl: string; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + imageUrl, + price, + compound, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {compound}

    + + onClickAdd()}>Видос + + +

    {price}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529001503.tsx b/.history/components/customer/block/Pizza/index_20220529001503.tsx new file mode 100644 index 0000000..9bd6d61 --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529001503.tsx @@ -0,0 +1,57 @@ +import React from 'react'; +import Image from 'next/image'; +import {ButtonImg, Button } from '../../../UI'; +import classNames from 'classnames'; + +type PizzaBlockProps = { + id: string; + title: string; + price: number; + compound: string; + imageUrl: string; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + imageUrl, + price, + compound, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {compound}

    + + onClickAdd()}>Видос + + +

    {price}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529001506.tsx b/.history/components/customer/block/Pizza/index_20220529001506.tsx new file mode 100644 index 0000000..0709beb --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529001506.tsx @@ -0,0 +1,56 @@ +import React from 'react'; +import Image from 'next/image'; +import {ButtonImg, Button } from '../../../UI'; +import classNames from 'classnames'; + +type PizzaBlockProps = { + id: string; + title: string; + price: number; + compound: string; + imageUrl: string; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + imageUrl, + price, + compound, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return (product_card"}> +
    + {title} +
    + +

    {title}

    +

    {compound}

    + + onClickAdd()}>Видос + + +

    {price}

    + +     +     + + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529001508.tsx b/.history/components/customer/block/Pizza/index_20220529001508.tsx new file mode 100644 index 0000000..9bd6d61 --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529001508.tsx @@ -0,0 +1,57 @@ +import React from 'react'; +import Image from 'next/image'; +import {ButtonImg, Button } from '../../../UI'; +import classNames from 'classnames'; + +type PizzaBlockProps = { + id: string; + title: string; + price: number; + compound: string; + imageUrl: string; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + imageUrl, + price, + compound, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {compound}

    + + onClickAdd()}>Видос + + +

    {price}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529001512.tsx b/.history/components/customer/block/Pizza/index_20220529001512.tsx new file mode 100644 index 0000000..e4e7176 --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529001512.tsx @@ -0,0 +1,57 @@ +import React from 'react'; +import Image from 'next/image'; +import {ButtonImg, Button } from '../../../UI'; +import classNames from 'classnames'; + +type PizzaBlockProps = { + id: string; + title: string; + price: number; + compound: string; + imageUrl: string; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + imageUrl, + price, + compound, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {compound}

    + + onClickAdd()}>Видос + + +

    {price}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529001515.tsx b/.history/components/customer/block/Pizza/index_20220529001515.tsx new file mode 100644 index 0000000..c2f582f --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529001515.tsx @@ -0,0 +1,57 @@ +import React from 'react'; +import Image from 'next/image'; +import {ButtonImg, Button } from '../../../UI'; +import classNames from 'classnames'; + +type PizzaBlockProps = { + id: string; + title: string; + price: number; + compound: string; + imageUrl: string; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + imageUrl, + price, + compound, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {compound}

    + + onClickAdd()}>Видос + + +

    {price}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529001531.tsx b/.history/components/customer/block/Pizza/index_20220529001531.tsx new file mode 100644 index 0000000..2924562 --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529001531.tsx @@ -0,0 +1,57 @@ +import React from 'react'; +import Image from 'next/image'; +import {ButtonImg, Button } from '../../../UI'; +import classNames from 'classnames'; + +type PizzaBlockProps = { + id: string; + title: string; + price: number; + compound: string; + imageUrl: string; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + imageUrl, + price, + compound, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {compound}

    + + onClickAdd()}>Видос + + +

    {price}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529001532.tsx b/.history/components/customer/block/Pizza/index_20220529001532.tsx new file mode 100644 index 0000000..2924562 --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529001532.tsx @@ -0,0 +1,57 @@ +import React from 'react'; +import Image from 'next/image'; +import {ButtonImg, Button } from '../../../UI'; +import classNames from 'classnames'; + +type PizzaBlockProps = { + id: string; + title: string; + price: number; + compound: string; + imageUrl: string; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + imageUrl, + price, + compound, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {compound}

    + + onClickAdd()}>Видос + + +

    {price}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529004227.tsx b/.history/components/customer/block/Pizza/index_20220529004227.tsx new file mode 100644 index 0000000..2924562 --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529004227.tsx @@ -0,0 +1,57 @@ +import React from 'react'; +import Image from 'next/image'; +import {ButtonImg, Button } from '../../../UI'; +import classNames from 'classnames'; + +type PizzaBlockProps = { + id: string; + title: string; + price: number; + compound: string; + imageUrl: string; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + imageUrl, + price, + compound, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {compound}

    + + onClickAdd()}>Видос + + +

    {price}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529004235.tsx b/.history/components/customer/block/Pizza/index_20220529004235.tsx new file mode 100644 index 0000000..51fcf74 --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529004235.tsx @@ -0,0 +1,57 @@ +import React from 'react'; +import Image from 'next/image'; +import {ButtonImg, Button } from '../../../UI'; +import classNames from 'classnames'; + +type PizzaBlockProps = { + id: string; + title: string; + price: number; + description: string; + imageUrl: string; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + imageUrl, + price, + compound, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {compound}

    + + onClickAdd()}>Видос + + +

    {price}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529004237.tsx b/.history/components/customer/block/Pizza/index_20220529004237.tsx new file mode 100644 index 0000000..2026af0 --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529004237.tsx @@ -0,0 +1,57 @@ +import React from 'react'; +import Image from 'next/image'; +import {ButtonImg, Button } from '../../../UI'; +import classNames from 'classnames'; + +type PizzaBlockProps = { + id: string; + title: string; + price: number; + description: string; + imageUrl: string; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + imageUrl, + price, + description, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {compound}

    + + onClickAdd()}>Видос + + +

    {price}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529004239.tsx b/.history/components/customer/block/Pizza/index_20220529004239.tsx new file mode 100644 index 0000000..8b08c0b --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529004239.tsx @@ -0,0 +1,57 @@ +import React from 'react'; +import Image from 'next/image'; +import {ButtonImg, Button } from '../../../UI'; +import classNames from 'classnames'; + +type PizzaBlockProps = { + id: string; + title: string; + price: number; + description: string; + imageUrl: string; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + imageUrl, + price, + description, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {description}

    + + onClickAdd()}>Видос + + +

    {price}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529004410.tsx b/.history/components/customer/block/Pizza/index_20220529004410.tsx new file mode 100644 index 0000000..7c5bd08 --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529004410.tsx @@ -0,0 +1,57 @@ +import React from 'react'; +import Image from 'next/image'; +import {ButtonImg, Button } from '../../../UI'; +import classNames from 'classnames'; + +type PizzaBlockProps = { + id: number; + title: string; + price: number; + description: string; + imageUrl: string; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + imageUrl, + price, + description, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {description}

    + + onClickAdd()}>Видос + + +

    {price}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529004411.tsx b/.history/components/customer/block/Pizza/index_20220529004411.tsx new file mode 100644 index 0000000..7c5bd08 --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529004411.tsx @@ -0,0 +1,57 @@ +import React from 'react'; +import Image from 'next/image'; +import {ButtonImg, Button } from '../../../UI'; +import classNames from 'classnames'; + +type PizzaBlockProps = { + id: number; + title: string; + price: number; + description: string; + imageUrl: string; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + imageUrl, + price, + description, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {description}

    + + onClickAdd()}>Видос + + +

    {price}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529004525.tsx b/.history/components/customer/block/Pizza/index_20220529004525.tsx new file mode 100644 index 0000000..33140de --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529004525.tsx @@ -0,0 +1,51 @@ +import React from 'react'; +import Image from 'next/image'; +import {ButtonImg, Button } from '../../../UI'; +import classNames from 'classnames'; + +type PizzaBlockProps = { + id: number; + title: string; + price: number; + description: string; + imageUrl: string; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + imageUrl, + price, + description, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + +
    + +

    {title}

    +

    {description}

    + + onClickAdd()}>Видос + + +

    {price}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529004546.tsx b/.history/components/customer/block/Pizza/index_20220529004546.tsx new file mode 100644 index 0000000..7c5bd08 --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529004546.tsx @@ -0,0 +1,57 @@ +import React from 'react'; +import Image from 'next/image'; +import {ButtonImg, Button } from '../../../UI'; +import classNames from 'classnames'; + +type PizzaBlockProps = { + id: number; + title: string; + price: number; + description: string; + imageUrl: string; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + imageUrl, + price, + description, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {description}

    + + onClickAdd()}>Видос + + +

    {price}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529004954.tsx b/.history/components/customer/block/Pizza/index_20220529004954.tsx new file mode 100644 index 0000000..15e6f9a --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529004954.tsx @@ -0,0 +1,57 @@ +import React from 'react'; +import Image from 'next/image'; +import {ButtonImg, Button } from '../../../UI'; +import classNames from 'classnames'; + +type PizzaBlockProps = { + id: number; + title: string; + price: number; + description: string; + imageUrl: string; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + img_trad, + price, + description, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {description}

    + + onClickAdd()}>Видос + + +

    {price}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529004955.tsx b/.history/components/customer/block/Pizza/index_20220529004955.tsx new file mode 100644 index 0000000..d5c2e91 --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529004955.tsx @@ -0,0 +1,57 @@ +import React from 'react'; +import Image from 'next/image'; +import {ButtonImg, Button } from '../../../UI'; +import classNames from 'classnames'; + +type PizzaBlockProps = { + id: number; + title: string; + price: number; + description: string; + img_trad: string; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + img_trad, + price, + description, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {description}

    + + onClickAdd()}>Видос + + +

    {price}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529004957.tsx b/.history/components/customer/block/Pizza/index_20220529004957.tsx new file mode 100644 index 0000000..42c37f3 --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529004957.tsx @@ -0,0 +1,57 @@ +import React from 'react'; +import Image from 'next/image'; +import {ButtonImg, Button } from '../../../UI'; +import classNames from 'classnames'; + +type PizzaBlockProps = { + id: number; + title: string; + price: number; + description: string; + img_trad: string; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + img_trad, + price, + description, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {description}

    + + onClickAdd()}>Видос + + +

    {price}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529005002.tsx b/.history/components/customer/block/Pizza/index_20220529005002.tsx new file mode 100644 index 0000000..d0449cd --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529005002.tsx @@ -0,0 +1,57 @@ +import React from 'react'; +import Image from 'next/image'; +import {ButtonImg, Button } from '../../../UI'; +import classNames from 'classnames'; + +type PizzaBlockProps = { + id: number; + title: string; + heft_trad: number; + description: string; + img_trad: string; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + img_trad, + price, + description, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {description}

    + + onClickAdd()}>Видос + + +

    {price}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529005004.tsx b/.history/components/customer/block/Pizza/index_20220529005004.tsx new file mode 100644 index 0000000..b6f7ced --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529005004.tsx @@ -0,0 +1,57 @@ +import React from 'react'; +import Image from 'next/image'; +import {ButtonImg, Button } from '../../../UI'; +import classNames from 'classnames'; + +type PizzaBlockProps = { + id: number; + title: string; + heft_trad: number; + description: string; + img_trad: string; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + img_trad, + heft_trad, + description, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {description}

    + + onClickAdd()}>Видос + + +

    {price}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529005007.tsx b/.history/components/customer/block/Pizza/index_20220529005007.tsx new file mode 100644 index 0000000..088cf59 --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529005007.tsx @@ -0,0 +1,57 @@ +import React from 'react'; +import Image from 'next/image'; +import {ButtonImg, Button } from '../../../UI'; +import classNames from 'classnames'; + +type PizzaBlockProps = { + id: number; + title: string; + heft_trad: number; + description: string; + img_trad: string; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + img_trad, + heft_trad, + description, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {description}

    + + onClickAdd()}>Видос + + +

    {heft_trad}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529005050.tsx b/.history/components/customer/block/Pizza/index_20220529005050.tsx new file mode 100644 index 0000000..b1670ca --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529005050.tsx @@ -0,0 +1,57 @@ +import React from 'react'; +import Image from 'next/image'; +import {ButtonImg, Button } from '../../../UI'; +import classNames from 'classnames'; + +type PizzaBlockProps = { + id: number; + title: string; + heft_trad: number; + description: string; + img_trad: string; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + img_trad, + heft_trad, + description, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {description}

    + + onClickAdd()}>Видос + + +

    {heft_trad}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529005137.tsx b/.history/components/customer/block/Pizza/index_20220529005137.tsx new file mode 100644 index 0000000..f8cf5ad --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529005137.tsx @@ -0,0 +1,57 @@ +import React from 'react'; +import Image from 'next/image'; +import {ButtonImg, Button } from '../../../UI'; +import classNames from 'classnames'; + +type PizzaBlockProps = { + id: number; + title: string; + heft_trad: number; + description: string; + img_trad: string; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + img_trad, + heft_trad, + description, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {description}

    + + onClickAdd()}>Видос + + +

    {heft_trad}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529005156.tsx b/.history/components/customer/block/Pizza/index_20220529005156.tsx new file mode 100644 index 0000000..276615b --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529005156.tsx @@ -0,0 +1,57 @@ +import React from 'react'; +import Image from 'next/image'; +import {ButtonImg, Button } from '../../../UI'; +import classNames from 'classnames'; + +type PizzaBlockProps = { + id: number; + title: string; + heft_trad: number; + description: string; + img_trad: string; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + img_trad, + heft_trad, + description, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {description}

    + + onClickAdd()}>Видос + + +

    {heft_trad}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529005158.tsx b/.history/components/customer/block/Pizza/index_20220529005158.tsx new file mode 100644 index 0000000..fb0086c --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529005158.tsx @@ -0,0 +1,57 @@ +import React from 'react'; +import Image from 'next/image'; +import {ButtonImg, Button } from '../../../UI'; +import classNames from 'classnames'; + +type PizzaBlockProps = { + id: number; + title: string; + heft_trad: number; + description: string; + img_trad: string; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + img_trad, + heft_trad, + description, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {description}

    + + onClickAdd()}>Видос + + +

    {heft_trad}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529005159.tsx b/.history/components/customer/block/Pizza/index_20220529005159.tsx new file mode 100644 index 0000000..fb0086c --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529005159.tsx @@ -0,0 +1,57 @@ +import React from 'react'; +import Image from 'next/image'; +import {ButtonImg, Button } from '../../../UI'; +import classNames from 'classnames'; + +type PizzaBlockProps = { + id: number; + title: string; + heft_trad: number; + description: string; + img_trad: string; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + img_trad, + heft_trad, + description, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {description}

    + + onClickAdd()}>Видос + + +

    {heft_trad}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529134938.tsx b/.history/components/customer/block/Pizza/index_20220529134938.tsx new file mode 100644 index 0000000..0f905db --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529134938.tsx @@ -0,0 +1,57 @@ +import React from 'react'; +import Image from 'next/image'; +import {ButtonImg, Button } from '../../../UI'; +import classNames from 'classnames'; + +type PizzaBlockProps = { + id: number; + title: string; + heft_trad: number; + description: string; + img_trad: string; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + img_trad, + heft_trad, + description, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {description}

    + + onClickAdd()}>Видос + + +

    от {heft_trad}

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529134948.tsx b/.history/components/customer/block/Pizza/index_20220529134948.tsx new file mode 100644 index 0000000..d81a315 --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529134948.tsx @@ -0,0 +1,57 @@ +import React from 'react'; +import Image from 'next/image'; +import {ButtonImg, Button } from '../../../UI'; +import classNames from 'classnames'; + +type PizzaBlockProps = { + id: number; + title: string; + heft_trad: number; + description: string; + img_trad: string; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + img_trad, + heft_trad, + description, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {description}

    + + onClickAdd()}>Видос + + +

    от {heft_trad} руб

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/block/Pizza/index_20220529145330.ts b/.history/components/customer/block/Pizza/index_20220529145330.ts new file mode 100644 index 0000000..e69de29 diff --git a/.history/components/customer/block/Pizza/index_20220529145334.ts b/.history/components/customer/block/Pizza/index_20220529145334.ts new file mode 100644 index 0000000..49e0821 --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529145334.ts @@ -0,0 +1 @@ +PizzaSkeleton \ No newline at end of file diff --git a/.history/components/customer/block/Pizza/index_20220529145344.ts b/.history/components/customer/block/Pizza/index_20220529145344.ts new file mode 100644 index 0000000..892091c --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529145344.ts @@ -0,0 +1,2 @@ +export * from './BoxScroll'; +PizzaSkeleton \ No newline at end of file diff --git a/.history/components/customer/block/Pizza/index_20220529145347.ts b/.history/components/customer/block/Pizza/index_20220529145347.ts new file mode 100644 index 0000000..445b163 --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529145347.ts @@ -0,0 +1 @@ +export * from './BoxScroll'; diff --git a/.history/components/customer/block/Pizza/index_20220529145352.ts b/.history/components/customer/block/Pizza/index_20220529145352.ts new file mode 100644 index 0000000..b13bb4e --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529145352.ts @@ -0,0 +1 @@ +export * from './'; diff --git a/.history/components/customer/block/Pizza/index_20220529145355.ts b/.history/components/customer/block/Pizza/index_20220529145355.ts new file mode 100644 index 0000000..8bb2187 --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529145355.ts @@ -0,0 +1 @@ +export * from './Block'; diff --git a/.history/components/customer/block/Pizza/index_20220529145401.ts b/.history/components/customer/block/Pizza/index_20220529145401.ts new file mode 100644 index 0000000..7f18078 --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529145401.ts @@ -0,0 +1,2 @@ +export * from './Block'; +export * from './'; \ No newline at end of file diff --git a/.history/components/customer/block/Pizza/index_20220529145403.ts b/.history/components/customer/block/Pizza/index_20220529145403.ts new file mode 100644 index 0000000..5bea710 --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220529145403.ts @@ -0,0 +1,2 @@ +export * from './Block'; +export * from './Skeleton'; \ No newline at end of file diff --git a/.history/components/customer/block/Pizza/index_20220530184305.ts b/.history/components/customer/block/Pizza/index_20220530184305.ts new file mode 100644 index 0000000..803c932 --- /dev/null +++ b/.history/components/customer/block/Pizza/index_20220530184305.ts @@ -0,0 +1,2 @@ +export * from './Pizza'; +export * from './Skeleton'; \ No newline at end of file diff --git a/.history/components/customer/block/Stock/index_20220517170803.ts b/.history/components/customer/block/Stock/index_20220517170803.ts new file mode 100644 index 0000000..ef6a80e --- /dev/null +++ b/.history/components/customer/block/Stock/index_20220517170803.ts @@ -0,0 +1 @@ +export * from './Stock'; \ No newline at end of file diff --git a/.history/components/customer/block/Stock/index_20220530190607.ts b/.history/components/customer/block/Stock/index_20220530190607.ts new file mode 100644 index 0000000..579c759 --- /dev/null +++ b/.history/components/customer/block/Stock/index_20220530190607.ts @@ -0,0 +1,2 @@ +export * from './Stock'; +export * from './Stock'; \ No newline at end of file diff --git a/.history/components/customer/block/Stock/index_20220530190609.ts b/.history/components/customer/block/Stock/index_20220530190609.ts new file mode 100644 index 0000000..9939e16 --- /dev/null +++ b/.history/components/customer/block/Stock/index_20220530190609.ts @@ -0,0 +1,2 @@ +export * from './Stock'; +export * from './'; \ No newline at end of file diff --git a/.history/components/customer/block/Stock/index_20220530190610.ts b/.history/components/customer/block/Stock/index_20220530190610.ts new file mode 100644 index 0000000..711c11d --- /dev/null +++ b/.history/components/customer/block/Stock/index_20220530190610.ts @@ -0,0 +1,2 @@ +export * from './Stock'; +export * from './Skeleton'; \ No newline at end of file diff --git a/.history/components/customer/block/index_20220530190021.ts b/.history/components/customer/block/index_20220530190021.ts new file mode 100644 index 0000000..e69de29 diff --git a/.history/components/customer/block/index_20220530190112.ts b/.history/components/customer/block/index_20220530190112.ts new file mode 100644 index 0000000..42151f0 --- /dev/null +++ b/.history/components/customer/block/index_20220530190112.ts @@ -0,0 +1 @@ +export \ No newline at end of file diff --git a/.history/components/customer/block/index_20220530190116.ts b/.history/components/customer/block/index_20220530190116.ts new file mode 100644 index 0000000..c19399d --- /dev/null +++ b/.history/components/customer/block/index_20220530190116.ts @@ -0,0 +1 @@ +export * from \ No newline at end of file diff --git a/.history/components/customer/block/index_20220530190117.ts b/.history/components/customer/block/index_20220530190117.ts new file mode 100644 index 0000000..678f628 --- /dev/null +++ b/.history/components/customer/block/index_20220530190117.ts @@ -0,0 +1 @@ +export * from \ No newline at end of file diff --git a/.history/components/customer/block/index_20220530190122.ts b/.history/components/customer/block/index_20220530190122.ts new file mode 100644 index 0000000..45184d9 --- /dev/null +++ b/.history/components/customer/block/index_20220530190122.ts @@ -0,0 +1 @@ +export * from './' \ No newline at end of file diff --git a/.history/components/customer/block/index_20220530190127.ts b/.history/components/customer/block/index_20220530190127.ts new file mode 100644 index 0000000..aa52c18 --- /dev/null +++ b/.history/components/customer/block/index_20220530190127.ts @@ -0,0 +1 @@ +export * from './Categories' \ No newline at end of file diff --git a/.history/components/customer/block/index_20220530190129.ts b/.history/components/customer/block/index_20220530190129.ts new file mode 100644 index 0000000..26ff885 --- /dev/null +++ b/.history/components/customer/block/index_20220530190129.ts @@ -0,0 +1 @@ +export * from './Categories/' \ No newline at end of file diff --git a/.history/components/customer/block/index_20220530190140.ts b/.history/components/customer/block/index_20220530190140.ts new file mode 100644 index 0000000..aa52c18 --- /dev/null +++ b/.history/components/customer/block/index_20220530190140.ts @@ -0,0 +1 @@ +export * from './Categories' \ No newline at end of file diff --git a/.history/components/customer/block/index_20220530190209.ts b/.history/components/customer/block/index_20220530190209.ts new file mode 100644 index 0000000..aa52c18 --- /dev/null +++ b/.history/components/customer/block/index_20220530190209.ts @@ -0,0 +1 @@ +export * from './Categories' \ No newline at end of file diff --git a/.history/components/customer/block/index_20220530190213.ts b/.history/components/customer/block/index_20220530190213.ts new file mode 100644 index 0000000..e80debf --- /dev/null +++ b/.history/components/customer/block/index_20220530190213.ts @@ -0,0 +1,2 @@ +export * from './Categories' +export * from './Categories' \ No newline at end of file diff --git a/.history/components/customer/block/index_20220530190216.ts b/.history/components/customer/block/index_20220530190216.ts new file mode 100644 index 0000000..862ac45 --- /dev/null +++ b/.history/components/customer/block/index_20220530190216.ts @@ -0,0 +1,2 @@ +export * from './Categories' +export * from './Description' \ No newline at end of file diff --git a/.history/components/customer/block/index_20220530190239.ts b/.history/components/customer/block/index_20220530190239.ts new file mode 100644 index 0000000..08c270f --- /dev/null +++ b/.history/components/customer/block/index_20220530190239.ts @@ -0,0 +1,3 @@ +export * from './Categories' +export * from './Description' +export \ No newline at end of file diff --git a/.history/components/customer/block/index_20220530190245.ts b/.history/components/customer/block/index_20220530190245.ts new file mode 100644 index 0000000..1d3f079 --- /dev/null +++ b/.history/components/customer/block/index_20220530190245.ts @@ -0,0 +1,3 @@ +export * from './Categories' +export * from './Description' +export * from './' \ No newline at end of file diff --git a/.history/components/customer/block/index_20220530190246.ts b/.history/components/customer/block/index_20220530190246.ts new file mode 100644 index 0000000..b13be27 --- /dev/null +++ b/.history/components/customer/block/index_20220530190246.ts @@ -0,0 +1,3 @@ +export * from './Categories' +export * from './Description' +export * from './Motto' \ No newline at end of file diff --git a/.history/components/customer/block/index_20220530190251.ts b/.history/components/customer/block/index_20220530190251.ts new file mode 100644 index 0000000..b13be27 --- /dev/null +++ b/.history/components/customer/block/index_20220530190251.ts @@ -0,0 +1,3 @@ +export * from './Categories' +export * from './Description' +export * from './Motto' \ No newline at end of file diff --git a/.history/components/customer/block/index_20220530190316.ts b/.history/components/customer/block/index_20220530190316.ts new file mode 100644 index 0000000..b13be27 --- /dev/null +++ b/.history/components/customer/block/index_20220530190316.ts @@ -0,0 +1,3 @@ +export * from './Categories' +export * from './Description' +export * from './Motto' \ No newline at end of file diff --git a/.history/components/customer/block/index_20220530190322.ts b/.history/components/customer/block/index_20220530190322.ts new file mode 100644 index 0000000..89bdda6 --- /dev/null +++ b/.history/components/customer/block/index_20220530190322.ts @@ -0,0 +1,4 @@ +export * from './Categories' +export * from './Description' +export * from './Motto' +export * from './' \ No newline at end of file diff --git a/.history/components/customer/block/index_20220530190325.ts b/.history/components/customer/block/index_20220530190325.ts new file mode 100644 index 0000000..7c01f25 --- /dev/null +++ b/.history/components/customer/block/index_20220530190325.ts @@ -0,0 +1,4 @@ +export * from './Categories' +export * from './Description' +export * from './Motto' +export * from './Pizza' \ No newline at end of file diff --git a/.history/components/customer/block/index_20220530190333.ts b/.history/components/customer/block/index_20220530190333.ts new file mode 100644 index 0000000..2725712 --- /dev/null +++ b/.history/components/customer/block/index_20220530190333.ts @@ -0,0 +1,5 @@ +export * from './Categories' +export * from './Description' +export * from './Motto' +export * from './Pizza' +export * from './' \ No newline at end of file diff --git a/.history/components/customer/block/index_20220530190334.ts b/.history/components/customer/block/index_20220530190334.ts new file mode 100644 index 0000000..dcd7ed4 --- /dev/null +++ b/.history/components/customer/block/index_20220530190334.ts @@ -0,0 +1,5 @@ +export * from './Categories' +export * from './Description' +export * from './Motto' +export * from './Pizza' +export * from './Stock' \ No newline at end of file diff --git a/.history/components/customer/block/index_20220530190339.ts b/.history/components/customer/block/index_20220530190339.ts new file mode 100644 index 0000000..dcd7ed4 --- /dev/null +++ b/.history/components/customer/block/index_20220530190339.ts @@ -0,0 +1,5 @@ +export * from './Categories' +export * from './Description' +export * from './Motto' +export * from './Pizza' +export * from './Stock' \ No newline at end of file diff --git a/.history/components/customer/block/index_20220530192646.ts b/.history/components/customer/block/index_20220530192646.ts new file mode 100644 index 0000000..93cbcfe --- /dev/null +++ b/.history/components/customer/block/index_20220530192646.ts @@ -0,0 +1,6 @@ +export * from './Categories' +export * from './Description' +export * from './Motto' +export * from './Pizza' +export * from './Stock' +exp \ No newline at end of file diff --git a/.history/components/customer/block/index_20220530192652.ts b/.history/components/customer/block/index_20220530192652.ts new file mode 100644 index 0000000..74307b5 --- /dev/null +++ b/.history/components/customer/block/index_20220530192652.ts @@ -0,0 +1,6 @@ +export * from './Categories' +export * from './Description' +export * from './Motto' +export * from './Pizza' +export * from './Stock' +export * from './' \ No newline at end of file diff --git a/.history/components/customer/block/index_20220530192653.ts b/.history/components/customer/block/index_20220530192653.ts new file mode 100644 index 0000000..270745b --- /dev/null +++ b/.history/components/customer/block/index_20220530192653.ts @@ -0,0 +1,6 @@ +export * from './Categories' +export * from './Description' +export * from './Motto' +export * from './Pizza' +export * from './Stock' +export * from './Header' \ No newline at end of file diff --git a/.history/components/customer/block/index_20220530193131.ts b/.history/components/customer/block/index_20220530193131.ts new file mode 100644 index 0000000..4e08c1c --- /dev/null +++ b/.history/components/customer/block/index_20220530193131.ts @@ -0,0 +1,7 @@ +export * from './Categories' +export * from './Description' +export * from './Motto' +export * from './Pizza' +export * from './Stock' +export * from './Header' +export * from './Header' \ No newline at end of file diff --git a/.history/components/customer/block/index_20220530193134.ts b/.history/components/customer/block/index_20220530193134.ts new file mode 100644 index 0000000..b3b5cd9 --- /dev/null +++ b/.history/components/customer/block/index_20220530193134.ts @@ -0,0 +1,7 @@ +export * from './Categories' +export * from './Description' +export * from './Motto' +export * from './Pizza' +export * from './Stock' +export * from './Header' +export * from './' \ No newline at end of file diff --git a/.history/components/customer/block/index_20220530193137.ts b/.history/components/customer/block/index_20220530193137.ts new file mode 100644 index 0000000..07aefc2 --- /dev/null +++ b/.history/components/customer/block/index_20220530193137.ts @@ -0,0 +1,7 @@ +export * from './Categories' +export * from './Description' +export * from './Motto' +export * from './Pizza' +export * from './Stock' +export * from './Header' +export * from './Footer' \ No newline at end of file diff --git a/.history/components/customer/block/index_20220531160959.ts b/.history/components/customer/block/index_20220531160959.ts new file mode 100644 index 0000000..73c09df --- /dev/null +++ b/.history/components/customer/block/index_20220531160959.ts @@ -0,0 +1,8 @@ +export * from './Categories' +export * from './Description' +export * from './Motto' +export * from './Pizza' +export * from './Stock' +export * from './Header' +export * from './Footer' +export * from './' \ No newline at end of file diff --git a/.history/components/customer/block/index_20220531161002.ts b/.history/components/customer/block/index_20220531161002.ts new file mode 100644 index 0000000..dfbf4fb --- /dev/null +++ b/.history/components/customer/block/index_20220531161002.ts @@ -0,0 +1,8 @@ +export * from './Categories' +export * from './Description' +export * from './Motto' +export * from './Pizza' +export * from './Stock' +export * from './Header' +export * from './Footer' +export * from './DeliveryArea' \ No newline at end of file diff --git a/.history/components/customer/containers/Box_20220529001940.tsx b/.history/components/customer/containers/Box_20220529001940.tsx new file mode 100644 index 0000000..e69de29 diff --git a/.history/components/customer/containers/Box_20220529001947.tsx b/.history/components/customer/containers/Box_20220529001947.tsx new file mode 100644 index 0000000..618ba67 --- /dev/null +++ b/.history/components/customer/containers/Box_20220529001947.tsx @@ -0,0 +1,12 @@ +import React from 'react'; + +export const BoxScroll: React.FC = ({children}) => { + return( +
    +
    + {children} +
    +
    + ) +} +type Props = { children: React.ReactNode }; \ No newline at end of file diff --git a/.history/components/customer/containers/Box_20220529001949.tsx b/.history/components/customer/containers/Box_20220529001949.tsx new file mode 100644 index 0000000..60aa4b1 --- /dev/null +++ b/.history/components/customer/containers/Box_20220529001949.tsx @@ -0,0 +1,12 @@ +import React from 'react'; + +export const Box: React.FC = ({children}) => { + return( +
    +
    + {children} +
    +
    + ) +} +type Props = { children: React.ReactNode }; \ No newline at end of file diff --git a/.history/components/customer/containers/Box_20220529002027.tsx b/.history/components/customer/containers/Box_20220529002027.tsx new file mode 100644 index 0000000..318f19f --- /dev/null +++ b/.history/components/customer/containers/Box_20220529002027.tsx @@ -0,0 +1,13 @@ +import React from 'react'; + +export const Box: React.FC = ({children}) => { + return( +
    +
    + {children} +
    +
    + ) +} + +type Props = { children: React.ReactNode }; \ No newline at end of file diff --git a/.history/components/customer/containers/Box_20220529002029.tsx b/.history/components/customer/containers/Box_20220529002029.tsx new file mode 100644 index 0000000..0cefc22 --- /dev/null +++ b/.history/components/customer/containers/Box_20220529002029.tsx @@ -0,0 +1,15 @@ +import React from 'react'; + +export const Box: React.FC = ({children}) => { + return( +
    +
    + {children} +
    +
    + ) +} +
      +{children} +
    +type Props = { children: React.ReactNode }; \ No newline at end of file diff --git a/.history/components/customer/containers/Box_20220529002041.tsx b/.history/components/customer/containers/Box_20220529002041.tsx new file mode 100644 index 0000000..318f19f --- /dev/null +++ b/.history/components/customer/containers/Box_20220529002041.tsx @@ -0,0 +1,13 @@ +import React from 'react'; + +export const Box: React.FC = ({children}) => { + return( +
    +
    + {children} +
    +
    + ) +} + +type Props = { children: React.ReactNode }; \ No newline at end of file diff --git a/.history/components/customer/containers/Box_20220529002044.tsx b/.history/components/customer/containers/Box_20220529002044.tsx new file mode 100644 index 0000000..4b09e6e --- /dev/null +++ b/.history/components/customer/containers/Box_20220529002044.tsx @@ -0,0 +1,13 @@ +import React from 'react'; + +export const Box: React.FC = ({children}) => { + return( +
    +
    + {children} +
    +
    + ) +} + +type Props = { children: React.ReactNode }; \ No newline at end of file diff --git a/.history/components/customer/containers/Box_20220529002046.tsx b/.history/components/customer/containers/Box_20220529002046.tsx new file mode 100644 index 0000000..38af532 --- /dev/null +++ b/.history/components/customer/containers/Box_20220529002046.tsx @@ -0,0 +1,16 @@ +import React from 'react'; + +export const Box: React.FC = ({children}) => { + return( +
    +
    +
      +{children} +
    + {children} +
    +
    + ) +} + +type Props = { children: React.ReactNode }; \ No newline at end of file diff --git a/.history/components/customer/containers/Box_20220529002049.tsx b/.history/components/customer/containers/Box_20220529002049.tsx new file mode 100644 index 0000000..6d8bf3e --- /dev/null +++ b/.history/components/customer/containers/Box_20220529002049.tsx @@ -0,0 +1,15 @@ +import React from 'react'; + +export const Box: React.FC = ({children}) => { + return( +
    +
    +
      +{children} +
    +
    +
    + ) +} + +type Props = { children: React.ReactNode }; \ No newline at end of file diff --git a/.history/components/customer/containers/Box_20220529002052.tsx b/.history/components/customer/containers/Box_20220529002052.tsx new file mode 100644 index 0000000..4b5ad66 --- /dev/null +++ b/.history/components/customer/containers/Box_20220529002052.tsx @@ -0,0 +1,15 @@ +import React from 'react'; + +export const Box: React.FC = ({children}) => { + return( +
    +
    +
      + {children} +
    +
    +
    + ) +} + +type Props = { children: React.ReactNode }; \ No newline at end of file diff --git a/.history/components/customer/containers/Box_20220529002054.tsx b/.history/components/customer/containers/Box_20220529002054.tsx new file mode 100644 index 0000000..17dcb16 --- /dev/null +++ b/.history/components/customer/containers/Box_20220529002054.tsx @@ -0,0 +1,15 @@ +import React from 'react'; + +export const Box: React.FC = ({children}) => { + return( +
    +
    +
      + {children} +
    +
    +
    + ) +} + +type Props = { children: React.ReactNode }; \ No newline at end of file diff --git a/.history/components/customer/containers/Box_20220529002057.tsx b/.history/components/customer/containers/Box_20220529002057.tsx new file mode 100644 index 0000000..27a655f --- /dev/null +++ b/.history/components/customer/containers/Box_20220529002057.tsx @@ -0,0 +1,15 @@ +import React from 'react'; + +export const Box: React.FC = ({children}) => { + return( +
    +
    +
      + {children} +
    +
    +
    + ) +} + +type Props = { children: React.ReactNode }; \ No newline at end of file diff --git a/.history/components/customer/containers/Box_20220529002104.tsx b/.history/components/customer/containers/Box_20220529002104.tsx new file mode 100644 index 0000000..d280f92 --- /dev/null +++ b/.history/components/customer/containers/Box_20220529002104.tsx @@ -0,0 +1,15 @@ +import React from 'react'; + +export const Box: React.FC = ({children}) => { + return( +
    +
    +
      + {children} +
    +
    +
    + ) +} + +type Props = { children: React.ReactNode }; \ No newline at end of file diff --git a/.history/components/customer/containers/Box_20220529002105.tsx b/.history/components/customer/containers/Box_20220529002105.tsx new file mode 100644 index 0000000..cbe672a --- /dev/null +++ b/.history/components/customer/containers/Box_20220529002105.tsx @@ -0,0 +1,15 @@ +import React from 'react'; + +export const Box: React.FC = ({children}) => { + return( +
    +
    +
      + {children} +
    +
    +
    + ) +} + +type Props = { children: React.ReactNode }; \ No newline at end of file diff --git a/.history/components/customer/containers/Box_20220529002128.tsx b/.history/components/customer/containers/Box_20220529002128.tsx new file mode 100644 index 0000000..b29cd4c --- /dev/null +++ b/.history/components/customer/containers/Box_20220529002128.tsx @@ -0,0 +1,16 @@ +import React from 'react'; +import classNames from 'classnames'; + +export const Box: React.FC = ({children}) => { + return( +
    +
    +
      + {children} +
    +
    +
    + ) +} + +type Props = { children: React.ReactNode }; \ No newline at end of file diff --git a/.history/components/customer/containers/Box_20220529002149.tsx b/.history/components/customer/containers/Box_20220529002149.tsx new file mode 100644 index 0000000..edcdeef --- /dev/null +++ b/.history/components/customer/containers/Box_20220529002149.tsx @@ -0,0 +1,16 @@ +import React from 'react'; +import classNames from 'classnames'; + +export const Box: React.FC = ({children}) => { + return( +
    +
    +
      + {children} +
    +
    +
    + ) +} + +type Props = { children: React.ReactNode }; \ No newline at end of file diff --git a/.history/components/customer/containers/Box_20220529002157.tsx b/.history/components/customer/containers/Box_20220529002157.tsx new file mode 100644 index 0000000..a30c7da --- /dev/null +++ b/.history/components/customer/containers/Box_20220529002157.tsx @@ -0,0 +1,16 @@ +import React from 'react'; +import classNames from 'classnames'; + +export const Box: React.FC = ({children}) => { + return( +
    +
    +
      + {children} +
    +
    +
    + ) +} + +type Props = { children: React.ReactNode }; \ No newline at end of file diff --git a/.history/components/customer/containers/Box_20220529002159.tsx b/.history/components/customer/containers/Box_20220529002159.tsx new file mode 100644 index 0000000..4fb5b9d --- /dev/null +++ b/.history/components/customer/containers/Box_20220529002159.tsx @@ -0,0 +1,16 @@ +import React from 'react'; +import classNames from 'classnames'; + +export const Box: React.FC = ({children}) => { + return( +
    +
    +
      + {children} +
    +
    +
    + ) +} + +type Props = { children: React.ReactNode }; \ No newline at end of file diff --git a/.history/components/customer/containers/Box_20220529002202.tsx b/.history/components/customer/containers/Box_20220529002202.tsx new file mode 100644 index 0000000..c35bf2c --- /dev/null +++ b/.history/components/customer/containers/Box_20220529002202.tsx @@ -0,0 +1,15 @@ +import React from 'react'; + +export const Box: React.FC = ({children}) => { + return( +
    +
    +
      + {children} +
    +
    +
    + ) +} + +type Props = { children: React.ReactNode }; \ No newline at end of file diff --git a/.history/components/customer/containers/Box_20220529002203.tsx b/.history/components/customer/containers/Box_20220529002203.tsx new file mode 100644 index 0000000..c35bf2c --- /dev/null +++ b/.history/components/customer/containers/Box_20220529002203.tsx @@ -0,0 +1,15 @@ +import React from 'react'; + +export const Box: React.FC = ({children}) => { + return( +
    +
    +
      + {children} +
    +
    +
    + ) +} + +type Props = { children: React.ReactNode }; \ No newline at end of file diff --git a/.history/components/customer/containers/ContainerInside_20220530185312.tsx b/.history/components/customer/containers/ContainerInside_20220530185312.tsx new file mode 100644 index 0000000..e69de29 diff --git a/.history/components/customer/containers/ContainerInside_20220530185321.tsx b/.history/components/customer/containers/ContainerInside_20220530185321.tsx new file mode 100644 index 0000000..e12e117 --- /dev/null +++ b/.history/components/customer/containers/ContainerInside_20220530185321.tsx @@ -0,0 +1,15 @@ +import React from 'react'; + +type Props = { + title: string, + children: React.ReactNode, + }; + +export const ContainerTitle: React.FC = ({title, children}) => { + return( +
    +

    {title}

    + {children} +
    + ) +} \ No newline at end of file diff --git a/.history/components/customer/containers/ContainerInside_20220530185325.tsx b/.history/components/customer/containers/ContainerInside_20220530185325.tsx new file mode 100644 index 0000000..2c16c35 --- /dev/null +++ b/.history/components/customer/containers/ContainerInside_20220530185325.tsx @@ -0,0 +1,15 @@ +import React from 'react'; + +type Props = { + title: string, + children: React.ReactNode, + }; + +export const ContainerInside: React.FC = ({title, children}) => { + return( +
    +

    {title}

    + {children} +
    + ) +} \ No newline at end of file diff --git a/.history/components/customer/containers/ContainerInside_20220530185335.tsx b/.history/components/customer/containers/ContainerInside_20220530185335.tsx new file mode 100644 index 0000000..aca94ca --- /dev/null +++ b/.history/components/customer/containers/ContainerInside_20220530185335.tsx @@ -0,0 +1,15 @@ +import React from 'react'; + +type Props = { + title: string, + children: React.ReactNode, + }; + +export const ContainerInside: React.FC = ({title, children}) => { + return( +
    +

    {title}

    + {children} +
    + ) +} \ No newline at end of file diff --git a/.history/components/customer/containers/ContainerInside_20220530185338.tsx b/.history/components/customer/containers/ContainerInside_20220530185338.tsx new file mode 100644 index 0000000..c73e816 --- /dev/null +++ b/.history/components/customer/containers/ContainerInside_20220530185338.tsx @@ -0,0 +1,14 @@ +import React from 'react'; + +type Props = { + title: string, + children: React.ReactNode, + }; + +export const ContainerInside: React.FC = ({title, children}) => { + return( +
    + {children} +
    + ) +} \ No newline at end of file diff --git a/.history/components/customer/containers/ContainerInside_20220530185340.tsx b/.history/components/customer/containers/ContainerInside_20220530185340.tsx new file mode 100644 index 0000000..7734f18 --- /dev/null +++ b/.history/components/customer/containers/ContainerInside_20220530185340.tsx @@ -0,0 +1,14 @@ +import React from 'react'; + +type Props = { + title: string, + children: React.ReactNode, + }; + +export const ContainerInside: React.FC = ({title, children}) => { + return( +
    + {children} +
    + ) +} \ No newline at end of file diff --git a/.history/components/customer/containers/ContainerInside_20220530185451.tsx b/.history/components/customer/containers/ContainerInside_20220530185451.tsx new file mode 100644 index 0000000..c4b5b1f --- /dev/null +++ b/.history/components/customer/containers/ContainerInside_20220530185451.tsx @@ -0,0 +1,13 @@ +import React from 'react'; + +type Props = { + children: React.ReactNode, + }; + +export const ContainerInside: React.FC = ({title, children}) => { + return( +
    + {children} +
    + ) +} \ No newline at end of file diff --git a/.history/components/customer/containers/ContainerInside_20220530185454.tsx b/.history/components/customer/containers/ContainerInside_20220530185454.tsx new file mode 100644 index 0000000..d87493b --- /dev/null +++ b/.history/components/customer/containers/ContainerInside_20220530185454.tsx @@ -0,0 +1,13 @@ +import React from 'react'; + +type Props = { + children: React.ReactNode, + }; + +export const ContainerInside: React.FC = ({children}) => { + return( +
    + {children} +
    + ) +} \ No newline at end of file diff --git a/.history/components/customer/containers/ContainerTitle_20220530184604.tsx b/.history/components/customer/containers/ContainerTitle_20220530184604.tsx new file mode 100644 index 0000000..e69de29 diff --git a/.history/components/customer/containers/ContainerTitle_20220530184610.tsx b/.history/components/customer/containers/ContainerTitle_20220530184610.tsx new file mode 100644 index 0000000..21f1439 --- /dev/null +++ b/.history/components/customer/containers/ContainerTitle_20220530184610.tsx @@ -0,0 +1,19 @@ +import React from 'react'; +import PropTypes from 'prop-types'; + +const Container = ({id, title, children}) => { + return( +
    +

    {title}

    + <>{children} +
    + ) +} + +Container.propTypes = { + id: PropTypes.number, + title: PropTypes.string, + children: PropTypes.element, +}; + +export default Container; diff --git a/.history/components/customer/containers/ContainerTitle_20220530184712.tsx b/.history/components/customer/containers/ContainerTitle_20220530184712.tsx new file mode 100644 index 0000000..fc5bc29 --- /dev/null +++ b/.history/components/customer/containers/ContainerTitle_20220530184712.tsx @@ -0,0 +1,21 @@ +import React from 'react'; +import PropTypes from 'prop-types'; + +const Container = ({id, title, children}) => { + return( +
    +

    {title}

    + <>{children} +
    + ) +} + +type Props = { children: React.ReactNode }; + +Container.propTypes = { + id: PropTypes.number, + title: PropTypes.string, + children: PropTypes.element, +}; + +export default Container; diff --git a/.history/components/customer/containers/ContainerTitle_20220530184723.tsx b/.history/components/customer/containers/ContainerTitle_20220530184723.tsx new file mode 100644 index 0000000..fe54c77 --- /dev/null +++ b/.history/components/customer/containers/ContainerTitle_20220530184723.tsx @@ -0,0 +1,21 @@ +import React from 'react'; +import PropTypes from 'prop-types'; + +const Container = ({id, title, children}) => { + return( +
    +

    {title}

    + <>{children} +
    + ) +} + +type Props = { children: React.ReactNode }; + +type Props = { + id: PropTypes.number, + title: PropTypes.string, + children: PropTypes.element, +}; + +export default Container; diff --git a/.history/components/customer/containers/ContainerTitle_20220530184730.tsx b/.history/components/customer/containers/ContainerTitle_20220530184730.tsx new file mode 100644 index 0000000..a3127f1 --- /dev/null +++ b/.history/components/customer/containers/ContainerTitle_20220530184730.tsx @@ -0,0 +1,21 @@ +import React from 'react'; +import PropTypes from 'prop-types'; + +const Container = ({id, title, children}) => { + return( +
    +

    {title}

    + <>{children} +
    + ) +} + + + +type Props = { + id: PropTypes.number, + title: PropTypes.string, + children: PropTypes.element, +}; + +export default Container; diff --git a/.history/components/customer/containers/ContainerTitle_20220530184733.tsx b/.history/components/customer/containers/ContainerTitle_20220530184733.tsx new file mode 100644 index 0000000..fe54c77 --- /dev/null +++ b/.history/components/customer/containers/ContainerTitle_20220530184733.tsx @@ -0,0 +1,21 @@ +import React from 'react'; +import PropTypes from 'prop-types'; + +const Container = ({id, title, children}) => { + return( +
    +

    {title}

    + <>{children} +
    + ) +} + +type Props = { children: React.ReactNode }; + +type Props = { + id: PropTypes.number, + title: PropTypes.string, + children: PropTypes.element, +}; + +export default Container; diff --git a/.history/components/customer/containers/ContainerTitle_20220530184738.tsx b/.history/components/customer/containers/ContainerTitle_20220530184738.tsx new file mode 100644 index 0000000..2701486 --- /dev/null +++ b/.history/components/customer/containers/ContainerTitle_20220530184738.tsx @@ -0,0 +1,21 @@ +import React from 'react'; +import PropTypes from 'prop-types'; + +const Container = ({id, title, children}) => { + return( +
    +

    {title}

    + <>{children} +
    + ) +} + +type Props = { children: React.ReactNode }; + +type Props = { + id: PropTypes.number, + title: PropTypes.string, + children: React.ReactNode, +}; + +export default Container; diff --git a/.history/components/customer/containers/ContainerTitle_20220530184740.tsx b/.history/components/customer/containers/ContainerTitle_20220530184740.tsx new file mode 100644 index 0000000..193204d --- /dev/null +++ b/.history/components/customer/containers/ContainerTitle_20220530184740.tsx @@ -0,0 +1,21 @@ +import React from 'react'; +import PropTypes from 'prop-types'; + +const Container = ({id, title, children}) => { + return( +
    +

    {title}

    + <>{children} +
    + ) +} + +type Props = { children: React.ReactNode }; + +type Props = { + id: PropTypes.number, + title: string, + children: React.ReactNode, +}; + +export default Container; diff --git a/.history/components/customer/containers/ContainerTitle_20220530184743.tsx b/.history/components/customer/containers/ContainerTitle_20220530184743.tsx new file mode 100644 index 0000000..b339d68 --- /dev/null +++ b/.history/components/customer/containers/ContainerTitle_20220530184743.tsx @@ -0,0 +1,21 @@ +import React from 'react'; +import PropTypes from 'prop-types'; + +const Container = ({id, title, children}) => { + return( +
    +

    {title}

    + <>{children} +
    + ) +} + +type Props = { children: React.ReactNode }; + +type Props = { + id: number, + title: string, + children: React.ReactNode, +}; + +export default Container; diff --git a/.history/components/customer/containers/ContainerTitle_20220530184745.tsx b/.history/components/customer/containers/ContainerTitle_20220530184745.tsx new file mode 100644 index 0000000..d3604b2 --- /dev/null +++ b/.history/components/customer/containers/ContainerTitle_20220530184745.tsx @@ -0,0 +1,19 @@ +import React from 'react'; +import PropTypes from 'prop-types'; + +const Container = ({id, title, children}) => { + return( +
    +

    {title}

    + <>{children} +
    + ) +} + +type Props = { + id: number, + title: string, + children: React.ReactNode, +}; + +export default Container; diff --git a/.history/components/customer/containers/ContainerTitle_20220530184756.tsx b/.history/components/customer/containers/ContainerTitle_20220530184756.tsx new file mode 100644 index 0000000..22dfe44 --- /dev/null +++ b/.history/components/customer/containers/ContainerTitle_20220530184756.tsx @@ -0,0 +1,19 @@ +import React from 'react'; +import PropTypes from 'prop-types'; + +const Container: React.FC = ({id, title, children}) => { + return( +
    +

    {title}

    + <>{children} +
    + ) +} + +type Props = { + id: number, + title: string, + children: React.ReactNode, +}; + +export default Container; diff --git a/.history/components/customer/containers/ContainerTitle_20220530184803.tsx b/.history/components/customer/containers/ContainerTitle_20220530184803.tsx new file mode 100644 index 0000000..d4608cd --- /dev/null +++ b/.history/components/customer/containers/ContainerTitle_20220530184803.tsx @@ -0,0 +1,19 @@ +import React from 'react'; +import PropTypes from 'prop-types'; + +export const Container: React.FC = ({id, title, children}) => { + return( +
    +

    {title}

    + <>{children} +
    + ) +} + +type Props = { + id: number, + title: string, + children: React.ReactNode, +}; + +export default Container; diff --git a/.history/components/customer/containers/ContainerTitle_20220530184822.tsx b/.history/components/customer/containers/ContainerTitle_20220530184822.tsx new file mode 100644 index 0000000..ea306d9 --- /dev/null +++ b/.history/components/customer/containers/ContainerTitle_20220530184822.tsx @@ -0,0 +1,19 @@ +import React from 'react'; +import PropTypes from 'prop-types'; + +export const Container: React.FC = ({id, title, children}) => { + return( +
    +

    {title}

    + <>{children} +
    + ) +} + +type Props = { + id: number, + title: string, + children: React.ReactNode, +}; + +export default Container; diff --git a/.history/components/customer/containers/ContainerTitle_20220530184827.tsx b/.history/components/customer/containers/ContainerTitle_20220530184827.tsx new file mode 100644 index 0000000..c571010 --- /dev/null +++ b/.history/components/customer/containers/ContainerTitle_20220530184827.tsx @@ -0,0 +1,19 @@ +import React from 'react'; +import PropTypes from 'prop-types'; + +export const Container: React.FC = ({title, children}) => { + return( +
    +

    {title}

    + <>{children} +
    + ) +} + +type Props = { + id: number, + title: string, + children: React.ReactNode, +}; + +export default Container; diff --git a/.history/components/customer/containers/ContainerTitle_20220530184831.tsx b/.history/components/customer/containers/ContainerTitle_20220530184831.tsx new file mode 100644 index 0000000..fb58491 --- /dev/null +++ b/.history/components/customer/containers/ContainerTitle_20220530184831.tsx @@ -0,0 +1,17 @@ +import React from 'react'; +import PropTypes from 'prop-types'; + +export const Container: React.FC = ({title, children}) => { + return( +
    +

    {title}

    + <>{children} +
    + ) +} + +type Props = { + id: number, + title: string, + children: React.ReactNode, +}; \ No newline at end of file diff --git a/.history/components/customer/containers/ContainerTitle_20220530184834.tsx b/.history/components/customer/containers/ContainerTitle_20220530184834.tsx new file mode 100644 index 0000000..b1fe6d6 --- /dev/null +++ b/.history/components/customer/containers/ContainerTitle_20220530184834.tsx @@ -0,0 +1,16 @@ +import React from 'react'; + +export const Container: React.FC = ({title, children}) => { + return( +
    +

    {title}

    + <>{children} +
    + ) +} + +type Props = { + id: number, + title: string, + children: React.ReactNode, +}; \ No newline at end of file diff --git a/.history/components/customer/containers/ContainerTitle_20220530184838.tsx b/.history/components/customer/containers/ContainerTitle_20220530184838.tsx new file mode 100644 index 0000000..2f0b223 --- /dev/null +++ b/.history/components/customer/containers/ContainerTitle_20220530184838.tsx @@ -0,0 +1,11 @@ +import React from 'react'; + +export const Container: React.FC = ({title, children}) => { + return( +
    +

    {title}

    + <>{children} +
    + ) +} + diff --git a/.history/components/customer/containers/ContainerTitle_20220530184840.tsx b/.history/components/customer/containers/ContainerTitle_20220530184840.tsx new file mode 100644 index 0000000..e5ef186 --- /dev/null +++ b/.history/components/customer/containers/ContainerTitle_20220530184840.tsx @@ -0,0 +1,17 @@ +import React from 'react'; + +type Props = { + id: number, + title: string, + children: React.ReactNode, + }; + +export const Container: React.FC = ({title, children}) => { + return( +
    +

    {title}

    + <>{children} +
    + ) +} + diff --git a/.history/components/customer/containers/ContainerTitle_20220530184842.tsx b/.history/components/customer/containers/ContainerTitle_20220530184842.tsx new file mode 100644 index 0000000..b6d4f01 --- /dev/null +++ b/.history/components/customer/containers/ContainerTitle_20220530184842.tsx @@ -0,0 +1,16 @@ +import React from 'react'; + +type Props = { + id: number, + title: string, + children: React.ReactNode, + }; + +export const Container: React.FC = ({title, children}) => { + return( +
    +

    {title}

    + <>{children} +
    + ) +} \ No newline at end of file diff --git a/.history/components/customer/containers/ContainerTitle_20220530184902.tsx b/.history/components/customer/containers/ContainerTitle_20220530184902.tsx new file mode 100644 index 0000000..5d3f238 --- /dev/null +++ b/.history/components/customer/containers/ContainerTitle_20220530184902.tsx @@ -0,0 +1,16 @@ +import React from 'react'; + +type Props = { + id: number, + title: string, + children: React.ReactNode, + }; + +export const ContainerTi: React.FC = ({title, children}) => { + return( +
    +

    {title}

    + <>{children} +
    + ) +} \ No newline at end of file diff --git a/.history/components/customer/containers/ContainerTitle_20220530184906.tsx b/.history/components/customer/containers/ContainerTitle_20220530184906.tsx new file mode 100644 index 0000000..a75bde3 --- /dev/null +++ b/.history/components/customer/containers/ContainerTitle_20220530184906.tsx @@ -0,0 +1,16 @@ +import React from 'react'; + +type Props = { + id: number, + title: string, + children: React.ReactNode, + }; + +export const ContainerTitle: React.FC = ({title, children}) => { + return( +
    +

    {title}

    + <>{children} +
    + ) +} \ No newline at end of file diff --git a/.history/components/customer/containers/ContainerTitle_20220530184908.tsx b/.history/components/customer/containers/ContainerTitle_20220530184908.tsx new file mode 100644 index 0000000..a75bde3 --- /dev/null +++ b/.history/components/customer/containers/ContainerTitle_20220530184908.tsx @@ -0,0 +1,16 @@ +import React from 'react'; + +type Props = { + id: number, + title: string, + children: React.ReactNode, + }; + +export const ContainerTitle: React.FC = ({title, children}) => { + return( +
    +

    {title}

    + <>{children} +
    + ) +} \ No newline at end of file diff --git a/.history/components/customer/containers/ContainerTitle_20220530185043.tsx b/.history/components/customer/containers/ContainerTitle_20220530185043.tsx new file mode 100644 index 0000000..b2d008d --- /dev/null +++ b/.history/components/customer/containers/ContainerTitle_20220530185043.tsx @@ -0,0 +1,15 @@ +import React from 'react'; + +type Props = { + title: string, + children: React.ReactNode, + }; + +export const ContainerTitle: React.FC = ({title, children}) => { + return( +
    +

    {title}

    + <>{children} +
    + ) +} \ No newline at end of file diff --git a/.history/components/customer/containers/ContainerTitle_20220530185109.tsx b/.history/components/customer/containers/ContainerTitle_20220530185109.tsx new file mode 100644 index 0000000..8bd63ca --- /dev/null +++ b/.history/components/customer/containers/ContainerTitle_20220530185109.tsx @@ -0,0 +1,15 @@ +import React from 'react'; + +type Props = { + title: string, + children: React.ReactNode, + }; + +export const ContainerTitle: React.FC = ({title, children}) => { + return( +
    +

    {title}

    + {children} +
    + ) +} \ No newline at end of file diff --git a/.history/components/customer/containers/ContainerTitle_20220530185110.tsx b/.history/components/customer/containers/ContainerTitle_20220530185110.tsx new file mode 100644 index 0000000..e12e117 --- /dev/null +++ b/.history/components/customer/containers/ContainerTitle_20220530185110.tsx @@ -0,0 +1,15 @@ +import React from 'react'; + +type Props = { + title: string, + children: React.ReactNode, + }; + +export const ContainerTitle: React.FC = ({title, children}) => { + return( +
    +

    {title}

    + {children} +
    + ) +} \ No newline at end of file diff --git a/.history/components/customer/containers/ContainerTitle_20220530185111.tsx b/.history/components/customer/containers/ContainerTitle_20220530185111.tsx new file mode 100644 index 0000000..e12e117 --- /dev/null +++ b/.history/components/customer/containers/ContainerTitle_20220530185111.tsx @@ -0,0 +1,15 @@ +import React from 'react'; + +type Props = { + title: string, + children: React.ReactNode, + }; + +export const ContainerTitle: React.FC = ({title, children}) => { + return( +
    +

    {title}

    + {children} +
    + ) +} \ No newline at end of file diff --git a/.history/components/customer/containers/index_20220517162153.ts b/.history/components/customer/containers/index_20220517162153.ts new file mode 100644 index 0000000..4faf4d4 --- /dev/null +++ b/.history/components/customer/containers/index_20220517162153.ts @@ -0,0 +1 @@ +export * from './BoxScroll'; \ No newline at end of file diff --git a/.history/components/customer/containers/index_20220530184918.ts b/.history/components/customer/containers/index_20220530184918.ts new file mode 100644 index 0000000..96fbcb1 --- /dev/null +++ b/.history/components/customer/containers/index_20220530184918.ts @@ -0,0 +1,2 @@ +export * from './BoxScroll'; +export * form '' \ No newline at end of file diff --git a/.history/components/customer/containers/index_20220530184919.ts b/.history/components/customer/containers/index_20220530184919.ts new file mode 100644 index 0000000..79b9235 --- /dev/null +++ b/.history/components/customer/containers/index_20220530184919.ts @@ -0,0 +1,2 @@ +export * from './BoxScroll'; +export * form './' \ No newline at end of file diff --git a/.history/components/customer/containers/index_20220530184921.ts b/.history/components/customer/containers/index_20220530184921.ts new file mode 100644 index 0000000..79b9235 --- /dev/null +++ b/.history/components/customer/containers/index_20220530184921.ts @@ -0,0 +1,2 @@ +export * from './BoxScroll'; +export * form './' \ No newline at end of file diff --git a/.history/components/customer/containers/index_20220530184925.ts b/.history/components/customer/containers/index_20220530184925.ts new file mode 100644 index 0000000..c5ee560 --- /dev/null +++ b/.history/components/customer/containers/index_20220530184925.ts @@ -0,0 +1,2 @@ +export * from './BoxScroll'; +export * from './' \ No newline at end of file diff --git a/.history/components/customer/containers/index_20220530184926.ts b/.history/components/customer/containers/index_20220530184926.ts new file mode 100644 index 0000000..c5ee560 --- /dev/null +++ b/.history/components/customer/containers/index_20220530184926.ts @@ -0,0 +1,2 @@ +export * from './BoxScroll'; +export * from './' \ No newline at end of file diff --git a/.history/components/customer/containers/index_20220530184929.ts b/.history/components/customer/containers/index_20220530184929.ts new file mode 100644 index 0000000..d3a0d0a --- /dev/null +++ b/.history/components/customer/containers/index_20220530184929.ts @@ -0,0 +1,2 @@ +export * from './BoxScroll'; +export * from './ContainerTitle' \ No newline at end of file diff --git a/.history/components/customer/containers/index_20220530184931.ts b/.history/components/customer/containers/index_20220530184931.ts new file mode 100644 index 0000000..ca42e44 --- /dev/null +++ b/.history/components/customer/containers/index_20220530184931.ts @@ -0,0 +1,2 @@ +export * from './BoxScroll'; +export * from './ContainerTitle'; \ No newline at end of file diff --git a/.history/components/customer/containers/index_20220530185348.ts b/.history/components/customer/containers/index_20220530185348.ts new file mode 100644 index 0000000..67a619e --- /dev/null +++ b/.history/components/customer/containers/index_20220530185348.ts @@ -0,0 +1,3 @@ +export * from './BoxScroll'; +export * from './ContainerTitle'; +export * from './ContainerTitle'; \ No newline at end of file diff --git a/.history/components/customer/containers/index_20220530185350.ts b/.history/components/customer/containers/index_20220530185350.ts new file mode 100644 index 0000000..7a5ef8b --- /dev/null +++ b/.history/components/customer/containers/index_20220530185350.ts @@ -0,0 +1,3 @@ +export * from './BoxScroll'; +export * from './ContainerTitle'; +export * from './'; \ No newline at end of file diff --git a/.history/components/customer/containers/index_20220530185352.ts b/.history/components/customer/containers/index_20220530185352.ts new file mode 100644 index 0000000..a604112 --- /dev/null +++ b/.history/components/customer/containers/index_20220530185352.ts @@ -0,0 +1,3 @@ +export * from './BoxScroll'; +export * from './ContainerTitle'; +export * from './ContainerInside'; \ No newline at end of file diff --git a/.history/components/customer/containers/index_20220530190723.ts b/.history/components/customer/containers/index_20220530190723.ts new file mode 100644 index 0000000..9d29218 --- /dev/null +++ b/.history/components/customer/containers/index_20220530190723.ts @@ -0,0 +1,4 @@ +export * from './BoxScroll'; +export * from './ContainerTitle'; +export * from './ContainerInside'; +export \ No newline at end of file diff --git a/.history/components/customer/containers/index_20220530190729.ts b/.history/components/customer/containers/index_20220530190729.ts new file mode 100644 index 0000000..6964063 --- /dev/null +++ b/.history/components/customer/containers/index_20220530190729.ts @@ -0,0 +1,4 @@ +export * from './BoxScroll'; +export * from './ContainerTitle'; +export * from './ContainerInside'; +export * from './Box' \ No newline at end of file diff --git a/.history/components/customer/pages/index/block/Header/Header_20220530192634.tsx b/.history/components/customer/pages/index/block/Header/Header_20220530192634.tsx new file mode 100644 index 0000000..610a747 --- /dev/null +++ b/.history/components/customer/pages/index/block/Header/Header_20220530192634.tsx @@ -0,0 +1,89 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + +//import { Search } from './search'; +//import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + // const pageWidth = document.documentElement.clientWidth + // const pageHeight = document.documentElement.scrollHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // console.log(pageWidth, 'pageWidth'); + // console.log(pageHeight, 'pageHeight'); + }, [1]); + + return ( +
    +
    +

    Logo

    +
    +
    +
    + + +
    +
    + + + +
    + ); +}; diff --git a/.history/components/customer/pages/index/block/Header/Header_20220618071836.tsx b/.history/components/customer/pages/index/block/Header/Header_20220618071836.tsx new file mode 100644 index 0000000..1c170b4 --- /dev/null +++ b/.history/components/customer/pages/index/block/Header/Header_20220618071836.tsx @@ -0,0 +1,90 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; +import Link from 'next/link'; + + +//import { Search } from './search'; +//import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + // const pageWidth = document.documentElement.clientWidth + // const pageHeight = document.documentElement.scrollHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // console.log(pageWidth, 'pageWidth'); + // console.log(pageHeight, 'pageHeight'); + }, [1]); + + return ( +
    +
    +

    Logo

    +
    +
    +
    + + +
    +
    + +
    +
    + + + updateDataHeader()} + /> + +

    Корзина

    + +
    +
    + +
    + ); +}; diff --git a/.history/components/customer/pages/index/block/Header/Header_20220618071924.tsx b/.history/components/customer/pages/index/block/Header/Header_20220618071924.tsx new file mode 100644 index 0000000..37056ba --- /dev/null +++ b/.history/components/customer/pages/index/block/Header/Header_20220618071924.tsx @@ -0,0 +1,91 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; +import Link from "next/link"; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + + +//import { Search } from './search'; +//import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + // const pageWidth = document.documentElement.clientWidth + // const pageHeight = document.documentElement.scrollHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // console.log(pageWidth, 'pageWidth'); + // console.log(pageHeight, 'pageHeight'); + }, [1]); + + return ( +
    +
    +

    Logo

    +
    +
    +
    + + +
    +
    + +
    +
    + + + updateDataHeader()} + /> + +

    Корзина

    + +
    +
    + +
    + ); +}; diff --git a/.history/components/customer/pages/index/block/Header/Header_20220618071936.tsx b/.history/components/customer/pages/index/block/Header/Header_20220618071936.tsx new file mode 100644 index 0000000..37056ba --- /dev/null +++ b/.history/components/customer/pages/index/block/Header/Header_20220618071936.tsx @@ -0,0 +1,91 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; +import Link from "next/link"; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + + +//import { Search } from './search'; +//import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + // const pageWidth = document.documentElement.clientWidth + // const pageHeight = document.documentElement.scrollHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // console.log(pageWidth, 'pageWidth'); + // console.log(pageHeight, 'pageHeight'); + }, [1]); + + return ( +
    +
    +

    Logo

    +
    +
    +
    + + +
    +
    + +
    +
    + + + updateDataHeader()} + /> + +

    Корзина

    + +
    +
    + +
    + ); +}; diff --git a/.history/components/customer/pages/index/block/Header/Header_20220618072003.tsx b/.history/components/customer/pages/index/block/Header/Header_20220618072003.tsx new file mode 100644 index 0000000..5b49d05 --- /dev/null +++ b/.history/components/customer/pages/index/block/Header/Header_20220618072003.tsx @@ -0,0 +1,91 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; +import Link from "next/link"; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + + +//import { Search } from './search'; +//import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + // const pageWidth = document.documentElement.clientWidth + // const pageHeight = document.documentElement.scrollHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // console.log(pageWidth, 'pageWidth'); + // console.log(pageHeight, 'pageHeight'); + }, [1]); + + return ( +
    +
    +

    Logo

    +
    +
    +
    + + +
    +
    + +
    +
    + + + updateDataHeader()} + /> + +

    Корзина

    + +
    +
    + +
    + ); +}; diff --git a/.history/components/customer/pages/index/block/Header/Header_20220618072014.tsx b/.history/components/customer/pages/index/block/Header/Header_20220618072014.tsx new file mode 100644 index 0000000..d6788ee --- /dev/null +++ b/.history/components/customer/pages/index/block/Header/Header_20220618072014.tsx @@ -0,0 +1,91 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; +import Link from "next/link"; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + + +//import { Search } from './search'; +//import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + // const pageWidth = document.documentElement.clientWidth + // const pageHeight = document.documentElement.scrollHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // console.log(pageWidth, 'pageWidth'); + // console.log(pageHeight, 'pageHeight'); + }, [1]); + + return ( +
    +
    +

    Logo

    +
    +
    +
    + + +
    +
    + +
    +
    + + + updateDataHeader()} + /> + +

    Корзина

    + +
    +
    + +
    + ); +}; diff --git a/.history/components/customer/pages/index/block/Header/Header_20220618072027.tsx b/.history/components/customer/pages/index/block/Header/Header_20220618072027.tsx new file mode 100644 index 0000000..5b49d05 --- /dev/null +++ b/.history/components/customer/pages/index/block/Header/Header_20220618072027.tsx @@ -0,0 +1,91 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; +import Link from "next/link"; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + + +//import { Search } from './search'; +//import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + // const pageWidth = document.documentElement.clientWidth + // const pageHeight = document.documentElement.scrollHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // console.log(pageWidth, 'pageWidth'); + // console.log(pageHeight, 'pageHeight'); + }, [1]); + + return ( +
    +
    +

    Logo

    +
    +
    +
    + + +
    +
    + +
    +
    + + + updateDataHeader()} + /> + +

    Корзина

    + +
    +
    + +
    + ); +}; diff --git a/.history/components/customer/pages/index/block/Header/Header_20220618072049.tsx b/.history/components/customer/pages/index/block/Header/Header_20220618072049.tsx new file mode 100644 index 0000000..6289b9e --- /dev/null +++ b/.history/components/customer/pages/index/block/Header/Header_20220618072049.tsx @@ -0,0 +1,91 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; +import Link from "next/link"; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + + +//import { Search } from './search'; +//import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + // const pageWidth = document.documentElement.clientWidth + // const pageHeight = document.documentElement.scrollHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // console.log(pageWidth, 'pageWidth'); + // console.log(pageHeight, 'pageHeight'); + }, [1]); + + return ( +
    +
    +

    Logo

    +
    +
    +
    + + +
    +
    + +
    +
    + + + updateDataHeader()} + /> + +

    Корзина

    + +
    +
    + +
    + ); +}; diff --git a/.history/components/customer/pages/index/block/Header/Header_20220618072124.tsx b/.history/components/customer/pages/index/block/Header/Header_20220618072124.tsx new file mode 100644 index 0000000..f68163c --- /dev/null +++ b/.history/components/customer/pages/index/block/Header/Header_20220618072124.tsx @@ -0,0 +1,91 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; +import Link from "next/link"; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + + +//import { Search } from './search'; +//import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + // const pageWidth = document.documentElement.clientWidth + // const pageHeight = document.documentElement.scrollHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // console.log(pageWidth, 'pageWidth'); + // console.log(pageHeight, 'pageHeight'); + }, [1]); + + return ( +
    +
    +

    Logo

    +
    +
    +
    + + +
    +
    + +
    +
    + + + updateDataHeader()} + /> + +

    Корзина

    + +
    +
    + +
    + ); +}; diff --git a/.history/components/customer/pages/index/block/Header/Header_20220618072148.tsx b/.history/components/customer/pages/index/block/Header/Header_20220618072148.tsx new file mode 100644 index 0000000..0a45668 --- /dev/null +++ b/.history/components/customer/pages/index/block/Header/Header_20220618072148.tsx @@ -0,0 +1,91 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; +import Link from "next/link"; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + + +//import { Search } from './search'; +//import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + // const pageWidth = document.documentElement.clientWidth + // const pageHeight = document.documentElement.scrollHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // console.log(pageWidth, 'pageWidth'); + // console.log(pageHeight, 'pageHeight'); + }, [1]); + + return ( +
    +
    +

    Logo

    +
    +
    +
    + + +
    +
    + +
    +
    + + + updateDataHeader()} + /> + + Корзина + +
    +
    + +
    + ); +}; diff --git a/.history/components/customer/pages/index/block/Header/Header_20220618072235.tsx b/.history/components/customer/pages/index/block/Header/Header_20220618072235.tsx new file mode 100644 index 0000000..233ad09 --- /dev/null +++ b/.history/components/customer/pages/index/block/Header/Header_20220618072235.tsx @@ -0,0 +1,89 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; +import Link from "next/link"; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + + +//import { Search } from './search'; +//import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + // const pageWidth = document.documentElement.clientWidth + // const pageHeight = document.documentElement.scrollHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // console.log(pageWidth, 'pageWidth'); + // console.log(pageHeight, 'pageHeight'); + }, [1]); + + return ( +
    +
    +

    Logo

    +
    +
    +
    + + +
    +
    + +
    +
    + + + + Корзина + +
    +
    + +
    + ); +}; diff --git a/.history/components/customer/pages/index/block/Header/Header_20220618072251.tsx b/.history/components/customer/pages/index/block/Header/Header_20220618072251.tsx new file mode 100644 index 0000000..4f3faf3 --- /dev/null +++ b/.history/components/customer/pages/index/block/Header/Header_20220618072251.tsx @@ -0,0 +1,84 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; +import Link from "next/link"; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + + +//import { Search } from './search'; +//import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + // const pageWidth = document.documentElement.clientWidth + // const pageHeight = document.documentElement.scrollHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // console.log(pageWidth, 'pageWidth'); + // console.log(pageHeight, 'pageHeight'); + }, [1]); + + return ( +
    +
    +

    Logo

    +
    +
    +
    + + +
    +
    + +
    +
    + + ddd + +
    +
    + +
    + ); +}; diff --git a/.history/components/customer/pages/index/block/Header/Header_20220618072326.tsx b/.history/components/customer/pages/index/block/Header/Header_20220618072326.tsx new file mode 100644 index 0000000..51b7105 --- /dev/null +++ b/.history/components/customer/pages/index/block/Header/Header_20220618072326.tsx @@ -0,0 +1,90 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; +import Link from "next/link"; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + + +//import { Search } from './search'; +//import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + // const pageWidth = document.documentElement.clientWidth + // const pageHeight = document.documentElement.scrollHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // console.log(pageWidth, 'pageWidth'); + // console.log(pageHeight, 'pageHeight'); + }, [1]); + + return ( +
    +
    +

    Logo

    +
    +
    +
    + + +
    +
    + +
    +
    + + + + + Корзина + +
    +
    + +
    + ); +}; diff --git a/.history/components/customer/pages/index/block/Header/Header_20220618072406.tsx b/.history/components/customer/pages/index/block/Header/Header_20220618072406.tsx new file mode 100644 index 0000000..499e80c --- /dev/null +++ b/.history/components/customer/pages/index/block/Header/Header_20220618072406.tsx @@ -0,0 +1,90 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; +import Link from "next/link"; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + + +//import { Search } from './search'; +//import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + // const pageWidth = document.documentElement.clientWidth + // const pageHeight = document.documentElement.scrollHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // console.log(pageWidth, 'pageWidth'); + // console.log(pageHeight, 'pageHeight'); + }, [1]); + + return ( +
    +
    +

    Logo

    +
    +
    +
    + + +
    +
    + +
    +
    + + + + + Корзина + +
    +
    + +
    + ); +}; diff --git a/.history/components/customer/pages/index/block/Header/Header_20220618073528.tsx b/.history/components/customer/pages/index/block/Header/Header_20220618073528.tsx new file mode 100644 index 0000000..caa4e51 --- /dev/null +++ b/.history/components/customer/pages/index/block/Header/Header_20220618073528.tsx @@ -0,0 +1,90 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; +import Link from "next/link"; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + + +//import { Search } from './search'; +//import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + // const pageWidth = document.documentElement.clientWidth + // const pageHeight = document.documentElement.scrollHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // console.log(pageWidth, 'pageWidth'); + // console.log(pageHeight, 'pageHeight'); + }, [1]); + + return ( +
    +
    +

    Logo

    +
    +
    +
    + + +
    +
    + +
    +
    + + + + + Корзина + +
    +
    + +
    + ); +}; diff --git a/.history/components/customer/pages/index/block/Header/Header_20220618074144.tsx b/.history/components/customer/pages/index/block/Header/Header_20220618074144.tsx new file mode 100644 index 0000000..e8a2c82 --- /dev/null +++ b/.history/components/customer/pages/index/block/Header/Header_20220618074144.tsx @@ -0,0 +1,90 @@ +import { useSelector } from 'react-redux'; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; +import Link from "next/link"; + +import { + faBasketShopping, + faUser, + faLocationDot, + faPhone +} from "@fortawesome/free-solid-svg-icons"; + + + +//import { Search } from './search'; +//import { selectCart } from '../../redux/cart/selectors'; + + +export const Header: React.FC = () => { + //const { items, totalPrice } = useSelector(selectCart); + const [showBasketCard, setShowBasketCard] = useState(false); + const isMounted = React.useRef(false); + const updateDataHeader = () => { + setShowBasketCard(true); + console.log('clik'); + } + + //const totalCount = items.reduce((sum: number, item: any) => sum + item.count, 0); + + React.useEffect(() => { + // const pageWidth = document.documentElement.clientWidth + // const pageHeight = document.documentElement.scrollHeight + if (isMounted.current) { + // const json = JSON.stringify(items); + // localStorage.setItem('cart', json); + } + isMounted.current = true; + // console.log(pageWidth, 'pageWidth'); + // console.log(pageHeight, 'pageHeight'); + }, [1]); + + return ( +
    +
    +

    Logo

    +
    +
    +
    + + +
    +
    + +
    +
    + + + + + Корзина + +
    +
    + +
    + ); +}; diff --git a/.history/components/customer/pages/index/block/Motto/index_20220529144909.tsx b/.history/components/customer/pages/index/block/Motto/index_20220529144909.tsx new file mode 100644 index 0000000..f1af6d1 --- /dev/null +++ b/.history/components/customer/pages/index/block/Motto/index_20220529144909.tsx @@ -0,0 +1,18 @@ +import React from 'react'; + +export const MottoBlock: React.FC = () => { + return ( +
    +
    +
    +
    +

    Долетим за 35 минут

    +
    +
    +
    +

    Горячая пицца для каждого

    +
    +
    +
    + ); +}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/block/Motto/index_20220617165052.tsx b/.history/components/customer/pages/index/block/Motto/index_20220617165052.tsx new file mode 100644 index 0000000..36688b6 --- /dev/null +++ b/.history/components/customer/pages/index/block/Motto/index_20220617165052.tsx @@ -0,0 +1,18 @@ +import React from 'react'; + +export const MottoBlock: React.FC = () => { + return ( +
    +
    +
    +
    +

    Горячая пицца для каждого

    +
    +
    +
    +

    Долетим за 35 минут

    +
    +
    +
    + ); +}; \ No newline at end of file diff --git a/.history/components/customer/pages/index/block/Pizza/Pizza_20220531162100.tsx b/.history/components/customer/pages/index/block/Pizza/Pizza_20220531162100.tsx new file mode 100644 index 0000000..0bb4113 --- /dev/null +++ b/.history/components/customer/pages/index/block/Pizza/Pizza_20220531162100.tsx @@ -0,0 +1,56 @@ +import React from 'react'; +import Image from 'next/image'; +import {ButtonImg, Button } from '../../../../../UI'; +import classNames from 'classnames'; + +type PizzaBlockProps = { + id: number; + title: string; + heft_trad: number; + description: string; + img_trad: string; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + img_trad, + heft_trad, + description, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {description}

    + + onClickAdd()}>Видос + + +

    от {heft_trad} руб

    + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/pages/index/block/Pizza/Pizza_20220602163259.tsx b/.history/components/customer/pages/index/block/Pizza/Pizza_20220602163259.tsx new file mode 100644 index 0000000..6c88ede --- /dev/null +++ b/.history/components/customer/pages/index/block/Pizza/Pizza_20220602163259.tsx @@ -0,0 +1,59 @@ +import React from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import {ButtonImg, Button } from '../../../../../UI'; +import classNames from 'classnames'; + +type PizzaBlockProps = { + id: number; + title: string; + heft_trad: number; + description: string; + img_trad: string; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + img_trad, + heft_trad, + description, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {description}

    + + onClickAdd()}>Видос + + +

    от {heft_trad} руб

    + + + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/pages/index/block/Pizza/Pizza_20220602163359.tsx b/.history/components/customer/pages/index/block/Pizza/Pizza_20220602163359.tsx new file mode 100644 index 0000000..6c88ede --- /dev/null +++ b/.history/components/customer/pages/index/block/Pizza/Pizza_20220602163359.tsx @@ -0,0 +1,59 @@ +import React from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import {ButtonImg, Button } from '../../../../../UI'; +import classNames from 'classnames'; + +type PizzaBlockProps = { + id: number; + title: string; + heft_trad: number; + description: string; + img_trad: string; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + img_trad, + heft_trad, + description, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {description}

    + + onClickAdd()}>Видос + + +

    от {heft_trad} руб

    + + + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/pages/index/block/Pizza/Pizza_20220602163438.tsx b/.history/components/customer/pages/index/block/Pizza/Pizza_20220602163438.tsx new file mode 100644 index 0000000..0c3f6dc --- /dev/null +++ b/.history/components/customer/pages/index/block/Pizza/Pizza_20220602163438.tsx @@ -0,0 +1,59 @@ +import React from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import {ButtonImg, Button } from '../../../../../UI'; +import classNames from 'classnames'; + +type PizzaBlockProps = { + id: number; + title: string; + heft_trad: number; + description: string; + img_trad: string; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + img_trad, + heft_trad, + description, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {description}

    + + onClickAdd()}>Видос + + +

    от {heft_trad} руб

    + + + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/pages/index/block/Pizza/Pizza_20220602163651.tsx b/.history/components/customer/pages/index/block/Pizza/Pizza_20220602163651.tsx new file mode 100644 index 0000000..a2d32a0 --- /dev/null +++ b/.history/components/customer/pages/index/block/Pizza/Pizza_20220602163651.tsx @@ -0,0 +1,59 @@ +import React from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import {ButtonImg, Button } from '../../../../../UI'; +import classNames from 'classnames'; + +type PizzaBlockProps = { + id: number; + title: string; + heft_trad: number; + description: string; + img_trad: string; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + img_trad, + heft_trad, + description, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {description}

    + + onClickAdd()}>Видос + + +

    от {heft_trad} руб

    + + + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/pages/index/block/Pizza/Pizza_20220602163701.tsx b/.history/components/customer/pages/index/block/Pizza/Pizza_20220602163701.tsx new file mode 100644 index 0000000..4f85c60 --- /dev/null +++ b/.history/components/customer/pages/index/block/Pizza/Pizza_20220602163701.tsx @@ -0,0 +1,59 @@ +import React from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import {ButtonImg, Button } from '../../../../../UI'; +import classNames from 'classnames'; + +type PizzaBlockProps = { + id: number; + title: string; + heft_trad: number; + description: string; + img_trad: string; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + img_trad, + heft_trad, + description, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {description}

    + + onClickAdd()}>Видос + + +

    от {heft_trad} руб

    + dddd + + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/pages/index/block/Pizza/Pizza_20220602163739.tsx b/.history/components/customer/pages/index/block/Pizza/Pizza_20220602163739.tsx new file mode 100644 index 0000000..bb2e8a8 --- /dev/null +++ b/.history/components/customer/pages/index/block/Pizza/Pizza_20220602163739.tsx @@ -0,0 +1,59 @@ +import React from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import {ButtonImg, Button } from '../../../../../UI'; +import classNames from 'classnames'; + +type PizzaBlockProps = { + id: number; + title: string; + heft_trad: number; + description: string; + img_trad: string; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + img_trad, + heft_trad, + description, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {description}

    + + onClickAdd()}>Видос + + +

    от {heft_trad} руб

    + {id} + + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/pages/index/block/Pizza/Pizza_20220602163758.tsx b/.history/components/customer/pages/index/block/Pizza/Pizza_20220602163758.tsx new file mode 100644 index 0000000..7f148c1 --- /dev/null +++ b/.history/components/customer/pages/index/block/Pizza/Pizza_20220602163758.tsx @@ -0,0 +1,59 @@ +import React from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import {ButtonImg, Button } from '../../../../../UI'; +import classNames from 'classnames'; + +type PizzaBlockProps = { + id: number; + title: string; + heft_trad: number; + description: string; + img_trad: string; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + img_trad, + heft_trad, + description, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {description}

    + + onClickAdd()}>Видос + + +

    от {heft_trad} руб

    + sss + + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/pages/index/block/Pizza/Pizza_20220602164050.tsx b/.history/components/customer/pages/index/block/Pizza/Pizza_20220602164050.tsx new file mode 100644 index 0000000..bcee36b --- /dev/null +++ b/.history/components/customer/pages/index/block/Pizza/Pizza_20220602164050.tsx @@ -0,0 +1,58 @@ +import React from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import {ButtonImg, Button } from '../../../../../UI'; +import classNames from 'classnames'; + +type PizzaBlockProps = { + id: number; + title: string; + heft_trad: number; + description: string; + img_trad: string; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + img_trad, + heft_trad, + description, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {description}

    + + onClickAdd()}>Видос + + +

    от {heft_trad} руб

    + + + + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/pages/index/block/Pizza/Pizza_20220602164112.tsx b/.history/components/customer/pages/index/block/Pizza/Pizza_20220602164112.tsx new file mode 100644 index 0000000..84911e6 --- /dev/null +++ b/.history/components/customer/pages/index/block/Pizza/Pizza_20220602164112.tsx @@ -0,0 +1,58 @@ +import React from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import {ButtonImg, Button } from '../../../../../UI'; +import classNames from 'classnames'; + +type PizzaBlockProps = { + id: number; + title: string; + heft_trad: number; + description: string; + img_trad: string; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + img_trad, + heft_trad, + description, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {description}

    + + onClickAdd()}>Видос + + +

    от {heft_trad} руб

    + + + + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/pages/index/block/Pizza/Pizza_20220602164129.tsx b/.history/components/customer/pages/index/block/Pizza/Pizza_20220602164129.tsx new file mode 100644 index 0000000..3113e9d --- /dev/null +++ b/.history/components/customer/pages/index/block/Pizza/Pizza_20220602164129.tsx @@ -0,0 +1,58 @@ +import React from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import {ButtonImg, Button } from '../../../../../UI'; +import classNames from 'classnames'; + +type PizzaBlockProps = { + id: number; + title: string; + heft_trad: number; + description: string; + img_trad: string; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + img_trad, + heft_trad, + description, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {description}

    + + onClickAdd()}>Видос + + +

    от {heft_trad} руб

    + + + + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/pages/index/block/Pizza/Pizza_20220602164142.tsx b/.history/components/customer/pages/index/block/Pizza/Pizza_20220602164142.tsx new file mode 100644 index 0000000..2d9b1a5 --- /dev/null +++ b/.history/components/customer/pages/index/block/Pizza/Pizza_20220602164142.tsx @@ -0,0 +1,58 @@ +import React from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import {ButtonImg, Button } from '../../../../../UI'; +import classNames from 'classnames'; + +type PizzaBlockProps = { + id: number; + title: string; + heft_trad: number; + description: string; + img_trad: string; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + img_trad, + heft_trad, + description, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {description}

    + + onClickAdd()}>Видос + + +

    от {heft_trad} руб

    + + + + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/pages/index/block/Pizza/Pizza_20220602164241.tsx b/.history/components/customer/pages/index/block/Pizza/Pizza_20220602164241.tsx new file mode 100644 index 0000000..eb335fe --- /dev/null +++ b/.history/components/customer/pages/index/block/Pizza/Pizza_20220602164241.tsx @@ -0,0 +1,58 @@ +import React from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import {ButtonImg, Button } from '../../../../../UI'; +import classNames from 'classnames'; + +type PizzaBlockProps = { + id: number; + title: string; + heft_trad: number; + description: string; + img_trad: string; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + img_trad, + heft_trad, + description, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {description}

    + + onClickAdd()}>Видос + + +

    от {heft_trad} руб

    + + + + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/pages/index/block/Pizza/Pizza_20220602164501.tsx b/.history/components/customer/pages/index/block/Pizza/Pizza_20220602164501.tsx new file mode 100644 index 0000000..3036795 --- /dev/null +++ b/.history/components/customer/pages/index/block/Pizza/Pizza_20220602164501.tsx @@ -0,0 +1,57 @@ +import React from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import {ButtonImg, Button } from '../../../../../UI'; +import classNames from 'classnames'; + +type PizzaBlockProps = { + id: number; + title: string; + heft_trad: number; + description: string; + img_trad: string; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + img_trad, + heft_trad, + description, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {description}

    + + onClickAdd()}>Видос + + +

    от {heft_trad} руб

    + + + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/pages/index/block/Pizza/Pizza_20220602165405.tsx b/.history/components/customer/pages/index/block/Pizza/Pizza_20220602165405.tsx new file mode 100644 index 0000000..2d508ce --- /dev/null +++ b/.history/components/customer/pages/index/block/Pizza/Pizza_20220602165405.tsx @@ -0,0 +1,57 @@ +import React from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import {ButtonImg, Button } from '../../../../../UI'; +import classNames from 'classnames'; + +type PizzaBlockProps = { + id: number; + title: string; + heft_trad: number; + description: string; + img_trad: string; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + img_trad, + heft_trad, + description, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {description}

    + + onClickAdd()}>Видос + + +

    от {heft_trad} руб

    + + + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/pages/index/block/Pizza/Pizza_20220602165450.tsx b/.history/components/customer/pages/index/block/Pizza/Pizza_20220602165450.tsx new file mode 100644 index 0000000..7e7f45d --- /dev/null +++ b/.history/components/customer/pages/index/block/Pizza/Pizza_20220602165450.tsx @@ -0,0 +1,57 @@ +import React from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import {ButtonImg, Button } from '../../../../../UI'; +import classNames from 'classnames'; + +type PizzaBlockProps = { + id: number; + title: string; + heft_trad: number; + description: string; + img_trad: string; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + img_trad, + heft_trad, + description, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {description}

    + + onClickAdd()}>Видос + + +

    от {heft_trad} руб

    + + + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/pages/index/block/Pizza/Pizza_20220603173339.tsx b/.history/components/customer/pages/index/block/Pizza/Pizza_20220603173339.tsx new file mode 100644 index 0000000..27d5dbc --- /dev/null +++ b/.history/components/customer/pages/index/block/Pizza/Pizza_20220603173339.tsx @@ -0,0 +1,57 @@ +import React from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import {ButtonImg, Button } from '../../../../../UI'; +import classNames from 'classnames'; + +type PizzaBlockProps = { + id: number; + title: string; + heft_trad: number; + description: string; + img_trad: string; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + img_trad, + heft_trad, + description, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {description}

    + + onClickAdd()}>Видос + + +

    от {heft_trad} руб

    + + + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/pages/index/block/Pizza/Pizza_20220604082241.tsx b/.history/components/customer/pages/index/block/Pizza/Pizza_20220604082241.tsx new file mode 100644 index 0000000..4d6982b --- /dev/null +++ b/.history/components/customer/pages/index/block/Pizza/Pizza_20220604082241.tsx @@ -0,0 +1,57 @@ +import React from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import {ButtonImg, Button } from '../../../../../UI'; +import classNames from 'classnames'; + +type PizzaBlockProps = { + id: number; + title: string; + heft_trad: number; + description: string; + img_trad: string; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + img_trad, + heft_trad, + description, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {description}

    + + onClickAdd()}>Видос + + +

    от {heft_trad} руб

    + + + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/pages/index/block/Pizza/Pizza_20220604082309.tsx b/.history/components/customer/pages/index/block/Pizza/Pizza_20220604082309.tsx new file mode 100644 index 0000000..8816018 --- /dev/null +++ b/.history/components/customer/pages/index/block/Pizza/Pizza_20220604082309.tsx @@ -0,0 +1,57 @@ +import React from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import {ButtonImg, Button } from '../../../../../UI'; +import classNames from 'classnames'; + +type PizzaBlockProps = { + id: number; + title: string; + heft_trad: number; + description: string; + img_trad: string; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + img_trad, + heft_trad, + description, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {description}

    + + onClickAdd()}>Видос + + +

    от {heft_trad} руб

    + + + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/pages/index/block/Pizza/Pizza_20220604082325.tsx b/.history/components/customer/pages/index/block/Pizza/Pizza_20220604082325.tsx new file mode 100644 index 0000000..27d5dbc --- /dev/null +++ b/.history/components/customer/pages/index/block/Pizza/Pizza_20220604082325.tsx @@ -0,0 +1,57 @@ +import React from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import {ButtonImg, Button } from '../../../../../UI'; +import classNames from 'classnames'; + +type PizzaBlockProps = { + id: number; + title: string; + heft_trad: number; + description: string; + img_trad: string; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + img_trad, + heft_trad, + description, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {description}

    + + onClickAdd()}>Видос + + +

    от {heft_trad} руб

    + + + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/pages/index/block/Pizza/Pizza_20220604082359.tsx b/.history/components/customer/pages/index/block/Pizza/Pizza_20220604082359.tsx new file mode 100644 index 0000000..27d5dbc --- /dev/null +++ b/.history/components/customer/pages/index/block/Pizza/Pizza_20220604082359.tsx @@ -0,0 +1,57 @@ +import React from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import {ButtonImg, Button } from '../../../../../UI'; +import classNames from 'classnames'; + +type PizzaBlockProps = { + id: number; + title: string; + heft_trad: number; + description: string; + img_trad: string; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + img_trad, + heft_trad, + description, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {description}

    + + onClickAdd()}>Видос + + +

    от {heft_trad} руб

    + + + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/pages/index/block/Pizza/Pizza_20220604082546.tsx b/.history/components/customer/pages/index/block/Pizza/Pizza_20220604082546.tsx new file mode 100644 index 0000000..eccda0b --- /dev/null +++ b/.history/components/customer/pages/index/block/Pizza/Pizza_20220604082546.tsx @@ -0,0 +1,57 @@ +import React from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import {ButtonImg, Button } from '../../../../../UI'; +import classNames from 'classnames'; + +type PizzaBlockProps = { + id: number; + title: string; + heft_trad: number; + description: string; + img_trad: string; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + img_trad, + heft_trad, + description, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {description}

    + + onClickAdd()}>Видос + + +

    от {heft_trad} руб

    + + + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/pages/index/block/Pizza/Pizza_20220604131839.tsx b/.history/components/customer/pages/index/block/Pizza/Pizza_20220604131839.tsx new file mode 100644 index 0000000..d6ee4e5 --- /dev/null +++ b/.history/components/customer/pages/index/block/Pizza/Pizza_20220604131839.tsx @@ -0,0 +1,57 @@ +import React from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import {ButtonImg, Button } from '../../../../../UI'; +import classNames from 'classnames'; + +type PizzaBlockProps = { + id: number; + title: string; + heft_trad: number; + description: string; + img_trad: string; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + img_trad, + heft_trad, + description, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {description}

    + + onClickAdd()}>Видос + + +

    от {heft_trad} руб

    + + + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/pages/index/block/Pizza/Pizza_20220604131854.tsx b/.history/components/customer/pages/index/block/Pizza/Pizza_20220604131854.tsx new file mode 100644 index 0000000..079851d --- /dev/null +++ b/.history/components/customer/pages/index/block/Pizza/Pizza_20220604131854.tsx @@ -0,0 +1,57 @@ +import React from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import {ButtonImg, Button } from '../../../../../UI'; +import classNames from 'classnames'; + +type PizzaBlockProps = { + id: number; + title: string; + heft_trad: number; + description: string; + img_trad: string; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + img_trad, + heft_trad, + description, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {description}

    + + onClickAdd()}>Видос + + +

    от {heft_trad} руб

    + + + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/pages/index/block/Pizza/Pizza_20220604131916.tsx b/.history/components/customer/pages/index/block/Pizza/Pizza_20220604131916.tsx new file mode 100644 index 0000000..861ad84 --- /dev/null +++ b/.history/components/customer/pages/index/block/Pizza/Pizza_20220604131916.tsx @@ -0,0 +1,54 @@ +import React from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import {ButtonImg, Button } from '../../../../../UI'; +import classNames from 'classnames'; + +type PizzaBlockProps = { + id: number; + title: string; + heft_trad: number; + description: string; + img_trad: string; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + img_trad, + heft_trad, + description, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {description}

    + + onClickAdd()}>Видос + + +

    от {heft_trad} руб

    + + Добавить + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/pages/index/block/Pizza/Pizza_20220604132101.tsx b/.history/components/customer/pages/index/block/Pizza/Pizza_20220604132101.tsx new file mode 100644 index 0000000..c09f344 --- /dev/null +++ b/.history/components/customer/pages/index/block/Pizza/Pizza_20220604132101.tsx @@ -0,0 +1,54 @@ +import React from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import {ButtonImg, Button } from '../../../../../UI'; +import classNames from 'classnames'; + +type PizzaBlockProps = { + id: number; + title: string; + heft_trad: number; + description: string; + img_trad: string; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + img_trad, + heft_trad, + description, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {description}

    + + onClickAdd()}>Видос + + +

    от {heft_trad} руб

    + + Добавить + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/pages/index/block/Pizza/Pizza_20220604132104.tsx b/.history/components/customer/pages/index/block/Pizza/Pizza_20220604132104.tsx new file mode 100644 index 0000000..c09f344 --- /dev/null +++ b/.history/components/customer/pages/index/block/Pizza/Pizza_20220604132104.tsx @@ -0,0 +1,54 @@ +import React from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import {ButtonImg, Button } from '../../../../../UI'; +import classNames from 'classnames'; + +type PizzaBlockProps = { + id: number; + title: string; + heft_trad: number; + description: string; + img_trad: string; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + img_trad, + heft_trad, + description, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {description}

    + + onClickAdd()}>Видос + + +

    от {heft_trad} руб

    + + Добавить + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/pages/index/block/Pizza/Pizza_20220604132121.tsx b/.history/components/customer/pages/index/block/Pizza/Pizza_20220604132121.tsx new file mode 100644 index 0000000..02a8621 --- /dev/null +++ b/.history/components/customer/pages/index/block/Pizza/Pizza_20220604132121.tsx @@ -0,0 +1,54 @@ +import React from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import {ButtonImg, Button } from '../../../../../UI'; +import classNames from 'classnames'; + +type PizzaBlockProps = { + id: number; + title: string; + heft_trad: number; + description: string; + img_trad: string; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + img_trad, + heft_trad, + description, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {description}

    + + onClickAdd()}>Видос + + +

    от {heft_trad} руб

    + + + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/pages/index/block/Pizza/Pizza_20220604132243.tsx b/.history/components/customer/pages/index/block/Pizza/Pizza_20220604132243.tsx new file mode 100644 index 0000000..1938900 --- /dev/null +++ b/.history/components/customer/pages/index/block/Pizza/Pizza_20220604132243.tsx @@ -0,0 +1,54 @@ +import React from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import {ButtonImg, Button } from '../../../../../UI'; +import classNames from 'classnames'; + +type PizzaBlockProps = { + id: number; + title: string; + heft_trad: number; + description: string; + img_trad: string; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + img_trad, + heft_trad, + description, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {description}

    + + onClickAdd()}>Видос + + +

    от {heft_trad} руб

    + + + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/pages/index/block/Pizza/Pizza_20220604154741.tsx b/.history/components/customer/pages/index/block/Pizza/Pizza_20220604154741.tsx new file mode 100644 index 0000000..d6876de --- /dev/null +++ b/.history/components/customer/pages/index/block/Pizza/Pizza_20220604154741.tsx @@ -0,0 +1,54 @@ +import React from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import {ButtonImg, Button } from '../../../../../UI'; +import classNames from 'classnames'; + +type PizzaBlockProps = { + id: number; + title: string; + heft_trad: number; + description: string; + img_trad: string; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + img_trad, + heft_trad, + description, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {description}

    + + onClickAdd()}>Видос + + +

    от {heft_trad} руб

    + + + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/pages/index/block/Pizza/Pizza_20220604155111.tsx b/.history/components/customer/pages/index/block/Pizza/Pizza_20220604155111.tsx new file mode 100644 index 0000000..c97df1b --- /dev/null +++ b/.history/components/customer/pages/index/block/Pizza/Pizza_20220604155111.tsx @@ -0,0 +1,54 @@ +import React from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import {ButtonImg, Button } from '../../../../../UI'; +import classNames from 'classnames'; + +type PizzaBlockProps = { + id: number; + title: string; + heft_trad: number; + description: string; + img_trad: string; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + img_trad, + heft_trad, + description, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {description}

    + + onClickAdd()}>Видос + + +

    от {heft_trad} руб

    + + + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/pages/index/block/Pizza/Pizza_20220615035530.tsx b/.history/components/customer/pages/index/block/Pizza/Pizza_20220615035530.tsx new file mode 100644 index 0000000..622be66 --- /dev/null +++ b/.history/components/customer/pages/index/block/Pizza/Pizza_20220615035530.tsx @@ -0,0 +1,54 @@ +import React from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import {ButtonImg, Button } from '../../../../../UI'; +import classNames from 'classnames'; + +type PizzaBlockProps = { + id: number; + title: string; + heft_trad: number; + description: string; + img_trad: string; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + img_trad, + heft_trad, + description, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {description}

    + + onClickAdd()}>Видос + + +

    от {heft_trad} руб

    + + + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/pages/index/block/Pizza/Pizza_20220617160543.tsx b/.history/components/customer/pages/index/block/Pizza/Pizza_20220617160543.tsx new file mode 100644 index 0000000..03890a9 --- /dev/null +++ b/.history/components/customer/pages/index/block/Pizza/Pizza_20220617160543.tsx @@ -0,0 +1,54 @@ +import React from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import {ButtonImg, Button } from '../../../../../UI'; +import classNames from 'classnames'; + +type PizzaBlockProps = { + id: number; + title: string; + price: number[]; + description: string; + img: string[]; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + img, + price, + description, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {description}

    + + onClickAdd()}>Видос + + +

    от {price[0]} руб

    + + + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/pages/index/block/Pizza/Pizza_20220617164057.tsx b/.history/components/customer/pages/index/block/Pizza/Pizza_20220617164057.tsx new file mode 100644 index 0000000..b3296b2 --- /dev/null +++ b/.history/components/customer/pages/index/block/Pizza/Pizza_20220617164057.tsx @@ -0,0 +1,54 @@ +import React from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import {ButtonImg, Button } from '../../../../../UI'; +import classNames from 'classnames'; + +type PizzaBlockProps = { + id: number; + title: string; + price: number[]; + description: string; + img: string[]; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + img, + price, + description, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {description}

    + + onClickAdd()}>Видос + + +

    от {price[0]} руб

    + + + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/pages/index/block/Pizza/Pizza_20220618073853.tsx b/.history/components/customer/pages/index/block/Pizza/Pizza_20220618073853.tsx new file mode 100644 index 0000000..3556e21 --- /dev/null +++ b/.history/components/customer/pages/index/block/Pizza/Pizza_20220618073853.tsx @@ -0,0 +1,54 @@ +import React from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import {ButtonImg, Button } from '../../../../../UI'; +import classNames from 'classnames'; + +type PizzaBlockProps = { + id: number; + title: string; + price: number[]; + description: string; + img: string[]; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + img, + price, + description, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( +
  • +
    + {title} +
    + +

    {title}

    +

    {description}

    + + onClickAdd()}>Видос + + +

    от {price[0]} руб

    + + + +     +     +
    • + ); +}; + + diff --git a/.history/components/customer/pages/index/block/Pizza/Pizza_20220618174843.tsx b/.history/components/customer/pages/index/block/Pizza/Pizza_20220618174843.tsx new file mode 100644 index 0000000..171b22e --- /dev/null +++ b/.history/components/customer/pages/index/block/Pizza/Pizza_20220618174843.tsx @@ -0,0 +1,54 @@ +import React from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import {ButtonImg, Button } from '../../../../../UI'; +import classNames from 'classnames'; + +type PizzaBlockProps = { + id: number; + title: string; + price: number[]; + description: string; + img: string[]; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + img, + price, + description, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( + +
  • +
    + {title} +
    + +

    {title}

    +

    {description}

    + + onClickAdd()}>Видос + + +

    от {price[0]} руб

    + +     +     +
    • + + ); +}; + + diff --git a/.history/components/customer/pages/index/block/Pizza/Pizza_20220618175816.tsx b/.history/components/customer/pages/index/block/Pizza/Pizza_20220618175816.tsx new file mode 100644 index 0000000..13050bc --- /dev/null +++ b/.history/components/customer/pages/index/block/Pizza/Pizza_20220618175816.tsx @@ -0,0 +1,54 @@ +import React from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import {ButtonImg, Button } from '../../../../../UI'; +import classNames from 'classnames'; + +type PizzaBlockProps = { + id: number; + title: string; + price: number[]; + description: string; + img: string[]; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + img, + price, + description, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( + +
  • +
    + {title} +
    + +

    {title}

    +

    {description}

    + + onClickAdd()}>Видос + + +

    от {price[0]} руб

    + +     +     +
    • + + ); +}; + + diff --git a/.history/components/customer/pages/index/block/Pizza/Pizza_20220618175927.tsx b/.history/components/customer/pages/index/block/Pizza/Pizza_20220618175927.tsx new file mode 100644 index 0000000..4f67381 --- /dev/null +++ b/.history/components/customer/pages/index/block/Pizza/Pizza_20220618175927.tsx @@ -0,0 +1,54 @@ +import React from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import {ButtonImg, Button } from '../../../../../UI'; +import classNames from 'classnames'; + +type PizzaBlockProps = { + id: number; + title: string; + price: number[]; + description: string; + img: string[]; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + img, + price, + description, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( + +
  • +
    + {title} +
    + +

    {title}

    +

    {description}

    + + onClickAdd()}>Видос + + +

    от {price[0]} руб

    + +     +     +
    • + + ); +}; + + diff --git a/.history/components/customer/pages/index/block/Pizza/Pizza_20220619065529.tsx b/.history/components/customer/pages/index/block/Pizza/Pizza_20220619065529.tsx new file mode 100644 index 0000000..2d01493 --- /dev/null +++ b/.history/components/customer/pages/index/block/Pizza/Pizza_20220619065529.tsx @@ -0,0 +1,54 @@ +import React from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import {ButtonImg, Button } from '../../../../../UI'; +import classNames from 'classnames'; + +type PizzaBlockProps = { + id: number; + title: string; + price: number[]; + description: string; + img: string[]; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + img, + price, + description, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( + +
  • +
    + {title} +
    + +

    {title}

    +

    {description}

    + + onClickAdd()}>Видос + + +

    от {price[0]} руб

    + +     +     +
    • + + ); +}; + + diff --git a/.history/components/customer/pages/index/block/Pizza/Pizza_20220619070446.tsx b/.history/components/customer/pages/index/block/Pizza/Pizza_20220619070446.tsx new file mode 100644 index 0000000..f5db8e5 --- /dev/null +++ b/.history/components/customer/pages/index/block/Pizza/Pizza_20220619070446.tsx @@ -0,0 +1,54 @@ +import React from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import {ButtonImg, Button } from '../../../../../UI'; +import classNames from 'classnames'; + +type PizzaBlockProps = { + id: number; + title: string; + price: number[]; + description: string; + img: string[]; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + img, + price, + description, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( + +
  • +
    + {title} +
    + + {title} +

    {description}

    + + onClickAdd()}>Видос + + +

    от {price[0]} руб

    + +     +     +
    • + + ); +}; + + diff --git a/.history/components/customer/pages/index/block/Pizza/Pizza_20220619070555.tsx b/.history/components/customer/pages/index/block/Pizza/Pizza_20220619070555.tsx new file mode 100644 index 0000000..ac3fdad --- /dev/null +++ b/.history/components/customer/pages/index/block/Pizza/Pizza_20220619070555.tsx @@ -0,0 +1,54 @@ +import React from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import {ButtonImg, Button } from '../../../../../UI'; +import classNames from 'classnames'; + +type PizzaBlockProps = { + id: number; + title: string; + price: number[]; + description: string; + img: string[]; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + img, + price, + description, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( + +
  • +
    + {title} +
    + + {title} +

    {description}

    + + onClickAdd()}>Видос + + +

    от {price[0]} руб

    + +     +     +
    • + + ); +}; + + diff --git a/.history/components/customer/pages/index/block/Pizza/Pizza_20220619070626.tsx b/.history/components/customer/pages/index/block/Pizza/Pizza_20220619070626.tsx new file mode 100644 index 0000000..b313c55 --- /dev/null +++ b/.history/components/customer/pages/index/block/Pizza/Pizza_20220619070626.tsx @@ -0,0 +1,54 @@ +import React from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import {ButtonImg, Button } from '../../../../../UI'; +import classNames from 'classnames'; + +type PizzaBlockProps = { + id: number; + title: string; + price: number[]; + description: string; + img: string[]; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + img, + price, + description, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( + +
  • +
    + {title} +
    + + {title} +

    {description}

    +     + + onClickAdd()}>Видос + + +

    от {price[0]} руб

    + +     +
    • + + ); +}; + + diff --git a/.history/components/customer/pages/index/block/Pizza/Pizza_20220619070647.tsx b/.history/components/customer/pages/index/block/Pizza/Pizza_20220619070647.tsx new file mode 100644 index 0000000..61f4b0e --- /dev/null +++ b/.history/components/customer/pages/index/block/Pizza/Pizza_20220619070647.tsx @@ -0,0 +1,54 @@ +import React from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import {ButtonImg, Button } from '../../../../../UI'; +import classNames from 'classnames'; + +type PizzaBlockProps = { + id: number; + title: string; + price: number[]; + description: string; + img: string[]; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + img, + price, + description, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( + +
  • +
    + {title} +
    + +

    {title}

    +

    {description}

    +     + + onClickAdd()}>Видос + + +

    от {price[0]} руб

    + +     +
    • + + ); +}; + + diff --git a/.history/components/customer/pages/index/block/Pizza/Pizza_20220619070938.tsx b/.history/components/customer/pages/index/block/Pizza/Pizza_20220619070938.tsx new file mode 100644 index 0000000..6147041 --- /dev/null +++ b/.history/components/customer/pages/index/block/Pizza/Pizza_20220619070938.tsx @@ -0,0 +1,56 @@ +import React from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import {ButtonImg, Button } from '../../../../../UI'; +import classNames from 'classnames'; + +type PizzaBlockProps = { + id: number; + title: string; + price: number[]; + description: string; + img: string[]; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + img, + price, + description, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( + +
  • +
    + {title} +
    + +

    {title}

    +

    {description}

    +     + + + onClickAdd()}>Видос + + +

    от {price[0]} руб

    + +     +     +
    • + + ); +}; + + diff --git a/.history/components/customer/pages/index/block/Pizza/Pizza_20220619071011.tsx b/.history/components/customer/pages/index/block/Pizza/Pizza_20220619071011.tsx new file mode 100644 index 0000000..a82db95 --- /dev/null +++ b/.history/components/customer/pages/index/block/Pizza/Pizza_20220619071011.tsx @@ -0,0 +1,56 @@ +import React from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import {ButtonImg, Button } from '../../../../../UI'; +import classNames from 'classnames'; + +type PizzaBlockProps = { + id: number; + title: string; + price: number[]; + description: string; + img: string[]; +}; + +export const PizzaBlock: React.FC = ({ + id, + title, + img, + price, + description, +}) => { + + const onClickAdd = () => { + console.log('ok'); + }; + + return ( + +
  • +
    + {title} +
    + +

    {title}

    +

    {description}

    +     + + onClickAdd()}>Видос + + + +

    от {price[0]} руб

    + +     +     +
    • + + ); +}; + + diff --git a/.history/components/customer/pages/index/block/Pizza/styles/index_20220618175418.scss b/.history/components/customer/pages/index/block/Pizza/styles/index_20220618175418.scss new file mode 100644 index 0000000..e69de29 diff --git a/.history/components/customer/pages/index/block/Pizza/styles/index_20220618175436.scss b/.history/components/customer/pages/index/block/Pizza/styles/index_20220618175436.scss new file mode 100644 index 0000000..0f918ce --- /dev/null +++ b/.history/components/customer/pages/index/block/Pizza/styles/index_20220618175436.scss @@ -0,0 +1,92 @@ +.product_card{ + height: 630px; + display: table; + float: left; + position: static; + text-align: center; + border:1px solid hsl(0, 0%, 100%); + padding: 20px; + transition: all 0.2s ease; +} + +.product_card:hover { + border:1px solid #d6d6d6; + filter:blur(0px); + opacity:1; + box-shadow:0 8px 20px 0px rgba(0,0,0,0.125); +} + +.pictureText_text{ + display: block; + text-align: left; +} + +.product_card_img{ + text-align: center; +} + +.product_card_box{ + /*width: 256px; */ + text-align: left; +} + +.product_card_footer{ + display: table; + width: 100%; +} + +.product_card_price{ + float: left; + position: static; + display: flex; + margin: 10px 10px; + font-style: normal; + font-weight: 600; +} + +.product_card_video{ + width: 100%; +} + +@media (min-width: 640px) { + .vendor-item { + /* margin: 0 20px 20px 0; */ + box-shadow: 0 0 0 0 rgba(227, 228, 230, 0); + } + .vendor-item:hover .vendor-item__link { + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08); + box-shadow: 0 7px 19px -1px rgba(172, 172, 179, 0.3); + } +} + +@media (min-width: 640px) and (min-width: 1600px) { + .vendor-item { + width: calc(100% / 4 - (20px * 3 / 4)); + } + .vendor-item:nth-child(4n) { + margin-right: 0; + } +} + +@media (min-width: 640px) and (min-width: 768px) and (max-width: 1600px) { + .vendor-item { + width: calc(100% / 2 - (20px * 2 / 3)); + } + .vendor-item:nth-child(3n) { + margin-right: 0; + } +} + +@media (min-width: 640px) and (min-width: 768px) { + .vendor-item { + transition: 0.2s; + } + .vendor-item:hover { + margin-top: -4px; + margin-bottom: 24px; + } + .vendor-item:hover .vendor-fave__btn { + opacity: 1; + pointer-events: auto; + } +} \ No newline at end of file diff --git a/.history/components/customer/pages/index/block/Pizza/styles/index_20220618175756.scss b/.history/components/customer/pages/index/block/Pizza/styles/index_20220618175756.scss new file mode 100644 index 0000000..a770b9e --- /dev/null +++ b/.history/components/customer/pages/index/block/Pizza/styles/index_20220618175756.scss @@ -0,0 +1,92 @@ +.product_card{ + height: 630px; + display: table; + float: left; + position: static; + text-align: center; + border:1px solid hsl(0, 0%, 100%); + padding: 20px; + transition: all 0.2s ease; +} + +.product_card:hover { + border:1px solid #d6d6d6; + filter:blur(0px); + opacity:1; + box-shadow:0 8px 20px 0px rgba(0,0,0,0.125); +} + +.pictureText_text{ + display: block; + text-align: left; +} + +.product_card_img{ + text-align: center; +} + +.product_card_box{ + /*width: 256px; */ + text-align: left; +} + +.product_card_footer{ + display: table; + width: 100%; +} + +.product_card_price{ + float: left; + position: static; + display: flex; + margin: 10px 10px; + font-style: normal; + font-weight: 600; +} + +.product_card_video{ + width: 100%; +} + +@media (min-width: 640px) { + .pizza_item { + /* margin: 0 20px 20px 0; */ + box-shadow: 0 0 0 0 rgba(227, 228, 230, 0); + } + .pizza_item:hover .pizza_item_link { + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08); + box-shadow: 0 7px 19px -1px rgba(172, 172, 179, 0.3); + } +} + +@media (min-width: 640px) and (min-width: 1600px) { + .pizza_item { + width: calc(100% / 4 - (20px * 3 / 4)); + } + .pizza_item:nth-child(4n) { + margin-right: 0; + } +} + +@media (min-width: 640px) and (min-width: 768px) and (max-width: 1600px) { + .pizza_item { + width: calc(100% / 2 - (20px * 2 / 3)); + } + .pizza_item:nth-child(3n) { + margin-right: 0; + } +} + +@media (min-width: 640px) and (min-width: 768px) { + .pizza_item { + transition: 0.2s; + } + .pizza_item:hover { + margin-top: -4px; + margin-bottom: 24px; + } + .pizza_item:hover .vendor-fave__btn { + opacity: 1; + pointer-events: auto; + } +} \ No newline at end of file diff --git a/.history/components/customer/pages/index/block/Pizza/styles/index_20220618175914.scss b/.history/components/customer/pages/index/block/Pizza/styles/index_20220618175914.scss new file mode 100644 index 0000000..04cc3fa --- /dev/null +++ b/.history/components/customer/pages/index/block/Pizza/styles/index_20220618175914.scss @@ -0,0 +1,92 @@ +.pizza_card{ + height: 630px; + display: table; + float: left; + position: static; + text-align: center; + border:1px solid hsl(0, 0%, 100%); + padding: 20px; + transition: all 0.2s ease; +} + +.product_card:hover { + border:1px solid #d6d6d6; + filter:blur(0px); + opacity:1; + box-shadow:0 8px 20px 0px rgba(0,0,0,0.125); +} + +.pictureText_text{ + display: block; + text-align: left; +} + +.product_card_img{ + text-align: center; +} + +.product_card_box{ + /*width: 256px; */ + text-align: left; +} + +.product_card_footer{ + display: table; + width: 100%; +} + +.product_card_price{ + float: left; + position: static; + display: flex; + margin: 10px 10px; + font-style: normal; + font-weight: 600; +} + +.product_card_video{ + width: 100%; +} + +@media (min-width: 640px) { + .pizza_item { + /* margin: 0 20px 20px 0; */ + box-shadow: 0 0 0 0 rgba(227, 228, 230, 0); + } + .pizza_item:hover .pizza_item_link { + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08); + box-shadow: 0 7px 19px -1px rgba(172, 172, 179, 0.3); + } +} + +@media (min-width: 640px) and (min-width: 1600px) { + .pizza_item { + width: calc(100% / 4 - (20px * 3 / 4)); + } + .pizza_item:nth-child(4n) { + margin-right: 0; + } +} + +@media (min-width: 640px) and (min-width: 768px) and (max-width: 1600px) { + .pizza_item { + width: calc(100% / 2 - (20px * 2 / 3)); + } + .pizza_item:nth-child(3n) { + margin-right: 0; + } +} + +@media (min-width: 640px) and (min-width: 768px) { + .pizza_item { + transition: 0.2s; + } + .pizza_item:hover { + margin-top: -4px; + margin-bottom: 24px; + } + .pizza_item:hover .vendor-fave__btn { + opacity: 1; + pointer-events: auto; + } +} \ No newline at end of file diff --git a/.history/components/customer/pages/index/block/Pizza/styles/index_20220618175918.scss b/.history/components/customer/pages/index/block/Pizza/styles/index_20220618175918.scss new file mode 100644 index 0000000..7ee0bce --- /dev/null +++ b/.history/components/customer/pages/index/block/Pizza/styles/index_20220618175918.scss @@ -0,0 +1,92 @@ +.pizza_card{ + height: 630px; + display: table; + float: left; + position: static; + text-align: center; + border:1px solid hsl(0, 0%, 100%); + padding: 20px; + transition: all 0.2s ease; +} + +.pizza_card:hover { + border:1px solid #d6d6d6; + filter:blur(0px); + opacity:1; + box-shadow:0 8px 20px 0px rgba(0,0,0,0.125); +} + +.pictureText_text{ + display: block; + text-align: left; +} + +.product_card_img{ + text-align: center; +} + +.product_card_box{ + /*width: 256px; */ + text-align: left; +} + +.product_card_footer{ + display: table; + width: 100%; +} + +.product_card_price{ + float: left; + position: static; + display: flex; + margin: 10px 10px; + font-style: normal; + font-weight: 600; +} + +.product_card_video{ + width: 100%; +} + +@media (min-width: 640px) { + .pizza_item { + /* margin: 0 20px 20px 0; */ + box-shadow: 0 0 0 0 rgba(227, 228, 230, 0); + } + .pizza_item:hover .pizza_item_link { + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08); + box-shadow: 0 7px 19px -1px rgba(172, 172, 179, 0.3); + } +} + +@media (min-width: 640px) and (min-width: 1600px) { + .pizza_item { + width: calc(100% / 4 - (20px * 3 / 4)); + } + .pizza_item:nth-child(4n) { + margin-right: 0; + } +} + +@media (min-width: 640px) and (min-width: 768px) and (max-width: 1600px) { + .pizza_item { + width: calc(100% / 2 - (20px * 2 / 3)); + } + .pizza_item:nth-child(3n) { + margin-right: 0; + } +} + +@media (min-width: 640px) and (min-width: 768px) { + .pizza_item { + transition: 0.2s; + } + .pizza_item:hover { + margin-top: -4px; + margin-bottom: 24px; + } + .pizza_item:hover .vendor-fave__btn { + opacity: 1; + pointer-events: auto; + } +} \ No newline at end of file diff --git a/.history/components/customer/pages/index/block/Pizza/styles/index_20220618175956.scss b/.history/components/customer/pages/index/block/Pizza/styles/index_20220618175956.scss new file mode 100644 index 0000000..dec2cff --- /dev/null +++ b/.history/components/customer/pages/index/block/Pizza/styles/index_20220618175956.scss @@ -0,0 +1,101 @@ +.pizza_card{ + height: 630px; + display: table; + float: left; + position: static; + text-align: center; + border:1px solid hsl(0, 0%, 100%); + padding: 20px; + transition: all 0.2s ease; + + display: flex; + flex-flow: column; + -webkit-box-pack: justify; + justify-content: space-between; + margin-bottom: 60px; + cursor: pointer; + width: 292px; + margin-right: 37.3333px; +} + +.pizza_card:hover { + border:1px solid #d6d6d6; + filter:blur(0px); + opacity:1; + box-shadow:0 8px 20px 0px rgba(0,0,0,0.125); +} + +.pictureText_text{ + display: block; + text-align: left; +} + +.product_card_img{ + text-align: center; +} + +.product_card_box{ + /*width: 256px; */ + text-align: left; +} + +.product_card_footer{ + display: table; + width: 100%; +} + +.product_card_price{ + float: left; + position: static; + display: flex; + margin: 10px 10px; + font-style: normal; + font-weight: 600; +} + +.product_card_video{ + width: 100%; +} + +@media (min-width: 640px) { + .pizza_item { + /* margin: 0 20px 20px 0; */ + box-shadow: 0 0 0 0 rgba(227, 228, 230, 0); + } + .pizza_item:hover .pizza_item_link { + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08); + box-shadow: 0 7px 19px -1px rgba(172, 172, 179, 0.3); + } +} + +@media (min-width: 640px) and (min-width: 1600px) { + .pizza_item { + width: calc(100% / 4 - (20px * 3 / 4)); + } + .pizza_item:nth-child(4n) { + margin-right: 0; + } +} + +@media (min-width: 640px) and (min-width: 768px) and (max-width: 1600px) { + .pizza_item { + width: calc(100% / 2 - (20px * 2 / 3)); + } + .pizza_item:nth-child(3n) { + margin-right: 0; + } +} + +@media (min-width: 640px) and (min-width: 768px) { + .pizza_item { + transition: 0.2s; + } + .pizza_item:hover { + margin-top: -4px; + margin-bottom: 24px; + } + .pizza_item:hover .vendor-fave__btn { + opacity: 1; + pointer-events: auto; + } +} \ No newline at end of file diff --git a/.history/components/customer/pages/index/block/Pizza/styles/index_20220618180147.scss b/.history/components/customer/pages/index/block/Pizza/styles/index_20220618180147.scss new file mode 100644 index 0000000..e2fcc43 --- /dev/null +++ b/.history/components/customer/pages/index/block/Pizza/styles/index_20220618180147.scss @@ -0,0 +1,100 @@ +.pizza_card{ + height: 630px; + display: table; + float: left; + position: static; + text-align: center; + border:1px solid hsl(0, 0%, 100%); + padding: 20px; + transition: all 0.2s ease; + + display: flex; + flex-flow: column; + -webkit-box-pack: justify; + justify-content: space-between; + margin-bottom: 60px; + cursor: pointer; + +} + +.pizza_card:hover { + border:1px solid #d6d6d6; + filter:blur(0px); + opacity:1; + box-shadow:0 8px 20px 0px rgba(0,0,0,0.125); +} + +.pictureText_text{ + display: block; + text-align: left; +} + +.product_card_img{ + text-align: center; +} + +.product_card_box{ + /*width: 256px; */ + text-align: left; +} + +.product_card_footer{ + display: table; + width: 100%; +} + +.product_card_price{ + float: left; + position: static; + display: flex; + margin: 10px 10px; + font-style: normal; + font-weight: 600; +} + +.product_card_video{ + width: 100%; +} + +@media (min-width: 640px) { + .pizza_item { + /* margin: 0 20px 20px 0; */ + box-shadow: 0 0 0 0 rgba(227, 228, 230, 0); + } + .pizza_item:hover .pizza_item_link { + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08); + box-shadow: 0 7px 19px -1px rgba(172, 172, 179, 0.3); + } +} + +@media (min-width: 640px) and (min-width: 1600px) { + .pizza_item { + width: calc(100% / 4 - (20px * 3 / 4)); + } + .pizza_item:nth-child(4n) { + margin-right: 0; + } +} + +@media (min-width: 640px) and (min-width: 768px) and (max-width: 1600px) { + .pizza_item { + width: calc(100% / 2 - (20px * 2 / 3)); + } + .pizza_item:nth-child(3n) { + margin-right: 0; + } +} + +@media (min-width: 640px) and (min-width: 768px) { + .pizza_item { + transition: 0.2s; + } + .pizza_item:hover { + margin-top: -4px; + margin-bottom: 24px; + } + .pizza_item:hover .vendor-fave__btn { + opacity: 1; + pointer-events: auto; + } +} \ No newline at end of file diff --git a/.history/components/customer/pages/index/block/Pizza/styles/index_20220618201842.scss b/.history/components/customer/pages/index/block/Pizza/styles/index_20220618201842.scss new file mode 100644 index 0000000..1c1fb9f --- /dev/null +++ b/.history/components/customer/pages/index/block/Pizza/styles/index_20220618201842.scss @@ -0,0 +1,98 @@ +.pizza_card{ + height: 630px; + float: left; + position: static; + text-align: center; + border:1px solid hsl(0, 0%, 100%); + padding: 20px; + transition: all 0.2s ease; + + display: flex; + flex-flow: column; + -webkit-box-pack: justify; + justify-content: space-between; + margin-bottom: 60px; + cursor: pointer +} + +.pizza_card:hover { + border:1px solid #d6d6d6; + filter:blur(0px); + opacity:1; + box-shadow:0 8px 20px 0px rgba(0,0,0,0.125); +} + +.pictureText_text{ + display: block; + text-align: left; +} + +.product_card_img{ + text-align: center; +} + +.product_card_box{ + /*width: 256px; */ + text-align: left; +} + +.product_card_footer{ + display: table; + width: 100%; +} + +.product_card_price{ + float: left; + position: static; + display: flex; + margin: 10px 10px; + font-style: normal; + font-weight: 600; +} + +.product_card_video{ + width: 100%; +} + +@media (min-width: 640px) { + .pizza_item { + /* margin: 0 20px 20px 0; */ + box-shadow: 0 0 0 0 rgba(227, 228, 230, 0); + } + .pizza_item:hover .pizza_item_link { + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08); + box-shadow: 0 7px 19px -1px rgba(172, 172, 179, 0.3); + } +} + +@media (min-width: 640px) and (min-width: 1600px) { + .pizza_item { + width: calc(100% / 4 - (20px * 3 / 4)); + } + .pizza_item:nth-child(4n) { + margin-right: 0; + } +} + +@media (min-width: 640px) and (min-width: 768px) and (max-width: 1600px) { + .pizza_item { + width: calc(100% / 2 - (20px * 2 / 3)); + } + .pizza_item:nth-child(3n) { + margin-right: 0; + } +} + +@media (min-width: 640px) and (min-width: 768px) { + .pizza_item { + transition: 0.2s; + } + .pizza_item:hover { + margin-top: -4px; + margin-bottom: 24px; + } + .pizza_item:hover .vendor-fave__btn { + opacity: 1; + pointer-events: auto; + } +} \ No newline at end of file diff --git a/.history/components/customer/pages/index/block/Pizza/styles/index_20220618202120.scss b/.history/components/customer/pages/index/block/Pizza/styles/index_20220618202120.scss new file mode 100644 index 0000000..1c1fb9f --- /dev/null +++ b/.history/components/customer/pages/index/block/Pizza/styles/index_20220618202120.scss @@ -0,0 +1,98 @@ +.pizza_card{ + height: 630px; + float: left; + position: static; + text-align: center; + border:1px solid hsl(0, 0%, 100%); + padding: 20px; + transition: all 0.2s ease; + + display: flex; + flex-flow: column; + -webkit-box-pack: justify; + justify-content: space-between; + margin-bottom: 60px; + cursor: pointer +} + +.pizza_card:hover { + border:1px solid #d6d6d6; + filter:blur(0px); + opacity:1; + box-shadow:0 8px 20px 0px rgba(0,0,0,0.125); +} + +.pictureText_text{ + display: block; + text-align: left; +} + +.product_card_img{ + text-align: center; +} + +.product_card_box{ + /*width: 256px; */ + text-align: left; +} + +.product_card_footer{ + display: table; + width: 100%; +} + +.product_card_price{ + float: left; + position: static; + display: flex; + margin: 10px 10px; + font-style: normal; + font-weight: 600; +} + +.product_card_video{ + width: 100%; +} + +@media (min-width: 640px) { + .pizza_item { + /* margin: 0 20px 20px 0; */ + box-shadow: 0 0 0 0 rgba(227, 228, 230, 0); + } + .pizza_item:hover .pizza_item_link { + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08); + box-shadow: 0 7px 19px -1px rgba(172, 172, 179, 0.3); + } +} + +@media (min-width: 640px) and (min-width: 1600px) { + .pizza_item { + width: calc(100% / 4 - (20px * 3 / 4)); + } + .pizza_item:nth-child(4n) { + margin-right: 0; + } +} + +@media (min-width: 640px) and (min-width: 768px) and (max-width: 1600px) { + .pizza_item { + width: calc(100% / 2 - (20px * 2 / 3)); + } + .pizza_item:nth-child(3n) { + margin-right: 0; + } +} + +@media (min-width: 640px) and (min-width: 768px) { + .pizza_item { + transition: 0.2s; + } + .pizza_item:hover { + margin-top: -4px; + margin-bottom: 24px; + } + .pizza_item:hover .vendor-fave__btn { + opacity: 1; + pointer-events: auto; + } +} \ No newline at end of file diff --git a/.history/components/customer/pages/index/block/Pizza/styles/index_20220619065308.scss b/.history/components/customer/pages/index/block/Pizza/styles/index_20220619065308.scss new file mode 100644 index 0000000..89cba97 --- /dev/null +++ b/.history/components/customer/pages/index/block/Pizza/styles/index_20220619065308.scss @@ -0,0 +1,99 @@ +.pizza_card{ + height: 630px; + float: left; + position: static; + text-align: center; + border:1px solid hsl(0, 0%, 100%); + padding: 20px; + transition: all 0.2s ease; + + display: flex; + flex-flow: column; + -webkit-box-pack: justify; + justify-content: space-between; + margin-bottom: 60px; + cursor: pointer +} + +.pizza_card:hover { + border:1px solid #d6d6d6; + filter:blur(0px); + opacity:1; + box-shadow:0 8px 20px 0px rgba(0,0,0,0.125); +} + +.pictureText_text{ + display: block; + text-align: left; + line-height: 20px; +} + +.product_card_img{ + text-align: center; +} + +.product_card_box{ + /*width: 256px; */ + text-align: left; +} + +.product_card_footer{ + display: table; + width: 100%; +} + +.product_card_price{ + float: left; + position: static; + display: flex; + margin: 10px 10px; + font-style: normal; + font-weight: 600; +} + +.product_card_video{ + width: 100%; +} + +@media (min-width: 640px) { + .pizza_item { + /* margin: 0 20px 20px 0; */ + box-shadow: 0 0 0 0 rgba(227, 228, 230, 0); + } + .pizza_item:hover .pizza_item_link { + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08); + box-shadow: 0 7px 19px -1px rgba(172, 172, 179, 0.3); + } +} + +@media (min-width: 640px) and (min-width: 1600px) { + .pizza_item { + width: calc(100% / 4 - (20px * 3 / 4)); + } + .pizza_item:nth-child(4n) { + margin-right: 0; + } +} + +@media (min-width: 640px) and (min-width: 768px) and (max-width: 1600px) { + .pizza_item { + width: calc(100% / 2 - (20px * 2 / 3)); + } + .pizza_item:nth-child(3n) { + margin-right: 0; + } +} + +@media (min-width: 640px) and (min-width: 768px) { + .pizza_item { + transition: 0.2s; + } + .pizza_item:hover { + margin-top: -4px; + margin-bottom: 24px; + } + .pizza_item:hover .vendor-fave__btn { + opacity: 1; + pointer-events: auto; + } +} \ No newline at end of file diff --git a/.history/components/customer/pages/index/block/Pizza/styles/index_20220619065336.scss b/.history/components/customer/pages/index/block/Pizza/styles/index_20220619065336.scss new file mode 100644 index 0000000..1c1fb9f --- /dev/null +++ b/.history/components/customer/pages/index/block/Pizza/styles/index_20220619065336.scss @@ -0,0 +1,98 @@ +.pizza_card{ + height: 630px; + float: left; + position: static; + text-align: center; + border:1px solid hsl(0, 0%, 100%); + padding: 20px; + transition: all 0.2s ease; + + display: flex; + flex-flow: column; + -webkit-box-pack: justify; + justify-content: space-between; + margin-bottom: 60px; + cursor: pointer +} + +.pizza_card:hover { + border:1px solid #d6d6d6; + filter:blur(0px); + opacity:1; + box-shadow:0 8px 20px 0px rgba(0,0,0,0.125); +} + +.pictureText_text{ + display: block; + text-align: left; +} + +.product_card_img{ + text-align: center; +} + +.product_card_box{ + /*width: 256px; */ + text-align: left; +} + +.product_card_footer{ + display: table; + width: 100%; +} + +.product_card_price{ + float: left; + position: static; + display: flex; + margin: 10px 10px; + font-style: normal; + font-weight: 600; +} + +.product_card_video{ + width: 100%; +} + +@media (min-width: 640px) { + .pizza_item { + /* margin: 0 20px 20px 0; */ + box-shadow: 0 0 0 0 rgba(227, 228, 230, 0); + } + .pizza_item:hover .pizza_item_link { + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08); + box-shadow: 0 7px 19px -1px rgba(172, 172, 179, 0.3); + } +} + +@media (min-width: 640px) and (min-width: 1600px) { + .pizza_item { + width: calc(100% / 4 - (20px * 3 / 4)); + } + .pizza_item:nth-child(4n) { + margin-right: 0; + } +} + +@media (min-width: 640px) and (min-width: 768px) and (max-width: 1600px) { + .pizza_item { + width: calc(100% / 2 - (20px * 2 / 3)); + } + .pizza_item:nth-child(3n) { + margin-right: 0; + } +} + +@media (min-width: 640px) and (min-width: 768px) { + .pizza_item { + transition: 0.2s; + } + .pizza_item:hover { + margin-top: -4px; + margin-bottom: 24px; + } + .pizza_item:hover .vendor-fave__btn { + opacity: 1; + pointer-events: auto; + } +} \ No newline at end of file diff --git a/.history/components/customer/pages/index/block/Pizza/styles/index_20220619065624.scss b/.history/components/customer/pages/index/block/Pizza/styles/index_20220619065624.scss new file mode 100644 index 0000000..e02934d --- /dev/null +++ b/.history/components/customer/pages/index/block/Pizza/styles/index_20220619065624.scss @@ -0,0 +1,108 @@ +.pizza_card{ + height: 630px; + float: left; + position: static; + text-align: center; + border:1px solid hsl(0, 0%, 100%); + padding: 20px; + transition: all 0.2s ease; + + display: flex; + flex-flow: column; + -webkit-box-pack: justify; + justify-content: space-between; + margin-bottom: 60px; + cursor: pointer; + + .img { + margin: 0px; + position: relative; + width: 100%; + border-radius: 12px; + top: 0px; + transition: top 150ms ease-out 0s; + } + +} + +.pizza_card:hover { + border:1px solid #d6d6d6; + filter:blur(0px); + opacity:1; + box-shadow:0 8px 20px 0px rgba(0,0,0,0.125); +} + +.pictureText_text{ + display: block; + text-align: left; +} + +.product_card_img{ + text-align: center; +} + +.product_card_box{ + /*width: 256px; */ + text-align: left; +} + +.product_card_footer{ + display: table; + width: 100%; +} + +.product_card_price{ + float: left; + position: static; + display: flex; + margin: 10px 10px; + font-style: normal; + font-weight: 600; +} + +.product_card_video{ + width: 100%; +} + +@media (min-width: 640px) { + .pizza_item { + /* margin: 0 20px 20px 0; */ + box-shadow: 0 0 0 0 rgba(227, 228, 230, 0); + } + .pizza_item:hover .pizza_item_link { + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08); + box-shadow: 0 7px 19px -1px rgba(172, 172, 179, 0.3); + } +} + +@media (min-width: 640px) and (min-width: 1600px) { + .pizza_item { + width: calc(100% / 4 - (20px * 3 / 4)); + } + .pizza_item:nth-child(4n) { + margin-right: 0; + } +} + +@media (min-width: 640px) and (min-width: 768px) and (max-width: 1600px) { + .pizza_item { + width: calc(100% / 2 - (20px * 2 / 3)); + } + .pizza_item:nth-child(3n) { + margin-right: 0; + } +} + +@media (min-width: 640px) and (min-width: 768px) { + .pizza_item { + transition: 0.2s; + } + .pizza_item:hover { + margin-top: -4px; + margin-bottom: 24px; + } + .pizza_item:hover .vendor-fave__btn { + opacity: 1; + pointer-events: auto; + } +} \ No newline at end of file diff --git a/.history/components/customer/pages/index/block/Pizza/styles/index_20220619065659.scss b/.history/components/customer/pages/index/block/Pizza/styles/index_20220619065659.scss new file mode 100644 index 0000000..ea84cac --- /dev/null +++ b/.history/components/customer/pages/index/block/Pizza/styles/index_20220619065659.scss @@ -0,0 +1,113 @@ +.pizza_card{ + height: 630px; + float: left; + position: static; + text-align: center; + border:1px solid hsl(0, 0%, 100%); + padding: 20px; + transition: all 0.2s ease; + + display: flex; + flex-flow: column; + -webkit-box-pack: justify; + justify-content: space-between; + margin-bottom: 60px; + cursor: pointer; + + .img { + margin: 0px; + position: relative; + width: 100%; + border-radius: 12px; + top: 0px; + transition: top 150ms ease-out 0s; + + user-select: none; + image-rendering: auto; + display: flex; + flex-flow: column; + } + +} + +.pizza_card:hover { + border:1px solid #d6d6d6; + filter:blur(0px); + opacity:1; + box-shadow:0 8px 20px 0px rgba(0,0,0,0.125); +} + +.pictureText_text{ + display: block; + text-align: left; +} + +.product_card_img{ + text-align: center; +} + +.product_card_box{ + /*width: 256px; */ + text-align: left; +} + +.product_card_footer{ + display: table; + width: 100%; +} + +.product_card_price{ + float: left; + position: static; + display: flex; + margin: 10px 10px; + font-style: normal; + font-weight: 600; +} + +.product_card_video{ + width: 100%; +} + +@media (min-width: 640px) { + .pizza_item { + /* margin: 0 20px 20px 0; */ + box-shadow: 0 0 0 0 rgba(227, 228, 230, 0); + } + .pizza_item:hover .pizza_item_link { + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08); + box-shadow: 0 7px 19px -1px rgba(172, 172, 179, 0.3); + } +} + +@media (min-width: 640px) and (min-width: 1600px) { + .pizza_item { + width: calc(100% / 4 - (20px * 3 / 4)); + } + .pizza_item:nth-child(4n) { + margin-right: 0; + } +} + +@media (min-width: 640px) and (min-width: 768px) and (max-width: 1600px) { + .pizza_item { + width: calc(100% / 2 - (20px * 2 / 3)); + } + .pizza_item:nth-child(3n) { + margin-right: 0; + } +} + +@media (min-width: 640px) and (min-width: 768px) { + .pizza_item { + transition: 0.2s; + } + .pizza_item:hover { + margin-top: -4px; + margin-bottom: 24px; + } + .pizza_item:hover .vendor-fave__btn { + opacity: 1; + pointer-events: auto; + } +} \ No newline at end of file diff --git a/.history/components/customer/pages/index/block/Pizza/styles/index_20220619065826.scss b/.history/components/customer/pages/index/block/Pizza/styles/index_20220619065826.scss new file mode 100644 index 0000000..8fb1a2a --- /dev/null +++ b/.history/components/customer/pages/index/block/Pizza/styles/index_20220619065826.scss @@ -0,0 +1,121 @@ +.pizza_card{ + height: 630px; + float: left; + position: static; + text-align: center; + border:1px solid hsl(0, 0%, 100%); + padding: 20px; + transition: all 0.2s ease; + + display: flex; + flex-flow: column; + -webkit-box-pack: justify; + justify-content: space-between; + margin-bottom: 60px; + cursor: pointer; + + .img { + margin: 0px; + position: relative; + width: 100%; + border-radius: 12px; + top: 0px; + transition: top 150ms ease-out 0s; + + user-select: none; + image-rendering: auto; + display: flex; + flex-flow: column; + } + + .product_card_box{ + margin: 8px 0px; + color: rgb(0, 0, 0); + font-size: 20px; + line-height: 24px; + font-weight: 500; + } + +} + +.pizza_card:hover { + border:1px solid #d6d6d6; + filter:blur(0px); + opacity:1; + box-shadow:0 8px 20px 0px rgba(0,0,0,0.125); +} + +.pictureText_text{ + display: block; + text-align: left; +} + +.product_card_img{ + text-align: center; +} + +.product_card_box{ + /*width: 256px; */ + text-align: left; +} + +.product_card_footer{ + display: table; + width: 100%; +} + +.product_card_price{ + float: left; + position: static; + display: flex; + margin: 10px 10px; + font-style: normal; + font-weight: 600; +} + +.product_card_video{ + width: 100%; +} + +@media (min-width: 640px) { + .pizza_item { + /* margin: 0 20px 20px 0; */ + box-shadow: 0 0 0 0 rgba(227, 228, 230, 0); + } + .pizza_item:hover .pizza_item_link { + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08); + box-shadow: 0 7px 19px -1px rgba(172, 172, 179, 0.3); + } +} + +@media (min-width: 640px) and (min-width: 1600px) { + .pizza_item { + width: calc(100% / 4 - (20px * 3 / 4)); + } + .pizza_item:nth-child(4n) { + margin-right: 0; + } +} + +@media (min-width: 640px) and (min-width: 768px) and (max-width: 1600px) { + .pizza_item { + width: calc(100% / 2 - (20px * 2 / 3)); + } + .pizza_item:nth-child(3n) { + margin-right: 0; + } +} + +@media (min-width: 640px) and (min-width: 768px) { + .pizza_item { + transition: 0.2s; + } + .pizza_item:hover { + margin-top: -4px; + margin-bottom: 24px; + } + .pizza_item:hover .vendor-fave__btn { + opacity: 1; + pointer-events: auto; + } +} \ No newline at end of file diff --git a/.history/components/customer/pages/index/block/Pizza/styles/index_20220619065923.scss b/.history/components/customer/pages/index/block/Pizza/styles/index_20220619065923.scss new file mode 100644 index 0000000..af34960 --- /dev/null +++ b/.history/components/customer/pages/index/block/Pizza/styles/index_20220619065923.scss @@ -0,0 +1,119 @@ +.pizza_card{ + height: 630px; + float: left; + position: static; + text-align: center; + border:1px solid hsl(0, 0%, 100%); + padding: 20px; + transition: all 0.2s ease; + + display: flex; + flex-flow: column; + -webkit-box-pack: justify; + justify-content: space-between; + margin-bottom: 60px; + cursor: pointer; + + .img { + margin: 0px; + position: relative; + width: 100%; + border-radius: 12px; + top: 0px; + transition: top 150ms ease-out 0s; + + user-select: none; + image-rendering: auto; + display: flex; + flex-flow: column; + } + + .product_card_box{ + text-align: left; + margin: 8px 0px; + line-height: 24px; + } + +} + +.pizza_card:hover { + border:1px solid #d6d6d6; + filter:blur(0px); + opacity:1; + box-shadow:0 8px 20px 0px rgba(0,0,0,0.125); +} + +.pictureText_text{ + display: block; + text-align: left; +} + +.product_card_img{ + text-align: center; +} + +.product_card_box{ + /*width: 256px; */ + text-align: left; +} + +.product_card_footer{ + display: table; + width: 100%; +} + +.product_card_price{ + float: left; + position: static; + display: flex; + margin: 10px 10px; + font-style: normal; + font-weight: 600; +} + +.product_card_video{ + width: 100%; +} + +@media (min-width: 640px) { + .pizza_item { + /* margin: 0 20px 20px 0; */ + box-shadow: 0 0 0 0 rgba(227, 228, 230, 0); + } + .pizza_item:hover .pizza_item_link { + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08); + box-shadow: 0 7px 19px -1px rgba(172, 172, 179, 0.3); + } +} + +@media (min-width: 640px) and (min-width: 1600px) { + .pizza_item { + width: calc(100% / 4 - (20px * 3 / 4)); + } + .pizza_item:nth-child(4n) { + margin-right: 0; + } +} + +@media (min-width: 640px) and (min-width: 768px) and (max-width: 1600px) { + .pizza_item { + width: calc(100% / 2 - (20px * 2 / 3)); + } + .pizza_item:nth-child(3n) { + margin-right: 0; + } +} + +@media (min-width: 640px) and (min-width: 768px) { + .pizza_item { + transition: 0.2s; + } + .pizza_item:hover { + margin-top: -4px; + margin-bottom: 24px; + } + .pizza_item:hover .vendor-fave__btn { + opacity: 1; + pointer-events: auto; + } +} \ No newline at end of file diff --git a/.history/components/customer/pages/index/block/Pizza/styles/index_20220619070505.scss b/.history/components/customer/pages/index/block/Pizza/styles/index_20220619070505.scss new file mode 100644 index 0000000..0adee94 --- /dev/null +++ b/.history/components/customer/pages/index/block/Pizza/styles/index_20220619070505.scss @@ -0,0 +1,120 @@ +.pizza_card{ + height: 630px; + float: left; + position: static; + text-align: center; + border:1px solid hsl(0, 0%, 100%); + padding: 20px; + transition: all 0.2s ease; + + display: flex; + flex-flow: column; + -webkit-box-pack: justify; + justify-content: space-between; + margin-bottom: 60px; + cursor: pointer; + + .img { + margin: 0px; + position: relative; + width: 100%; + border-radius: 12px; + top: 0px; + transition: top 150ms ease-out 0s; + + user-select: none; + image-rendering: auto; + display: flex; + flex-flow: column; + } + + .product_card_box{ + text-align: left; + margin: 8px 0px; + line-height: 24px; + font-weight: 500; + } + +} + +.pizza_card:hover { + border:1px solid #d6d6d6; + filter:blur(0px); + opacity:1; + box-shadow:0 8px 20px 0px rgba(0,0,0,0.125); +} + +.pictureText_text{ + display: block; + text-align: left; +} + +.product_card_img{ + text-align: center; +} + +.product_card_box{ + /*width: 256px; */ + text-align: left; +} + +.product_card_footer{ + display: table; + width: 100%; +} + +.product_card_price{ + float: left; + position: static; + display: flex; + margin: 10px 10px; + font-style: normal; + font-weight: 600; +} + +.product_card_video{ + width: 100%; +} + +@media (min-width: 640px) { + .pizza_item { + /* margin: 0 20px 20px 0; */ + box-shadow: 0 0 0 0 rgba(227, 228, 230, 0); + } + .pizza_item:hover .pizza_item_link { + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08); + box-shadow: 0 7px 19px -1px rgba(172, 172, 179, 0.3); + } +} + +@media (min-width: 640px) and (min-width: 1600px) { + .pizza_item { + width: calc(100% / 4 - (20px * 3 / 4)); + } + .pizza_item:nth-child(4n) { + margin-right: 0; + } +} + +@media (min-width: 640px) and (min-width: 768px) and (max-width: 1600px) { + .pizza_item { + width: calc(100% / 2 - (20px * 2 / 3)); + } + .pizza_item:nth-child(3n) { + margin-right: 0; + } +} + +@media (min-width: 640px) and (min-width: 768px) { + .pizza_item { + transition: 0.2s; + } + .pizza_item:hover { + margin-top: -4px; + margin-bottom: 24px; + } + .pizza_item:hover .vendor-fave__btn { + opacity: 1; + pointer-events: auto; + } +} \ No newline at end of file diff --git a/.history/components/customer/pages/index/block/Pizza/styles/index_20220619070945.scss b/.history/components/customer/pages/index/block/Pizza/styles/index_20220619070945.scss new file mode 100644 index 0000000..a146c79 --- /dev/null +++ b/.history/components/customer/pages/index/block/Pizza/styles/index_20220619070945.scss @@ -0,0 +1,124 @@ +.pizza_card{ + height: 630px; + float: left; + position: static; + text-align: center; + border:1px solid hsl(0, 0%, 100%); + padding: 20px; + transition: all 0.2s ease; + + display: flex; + flex-flow: column; + -webkit-box-pack: justify; + justify-content: space-between; + margin-bottom: 60px; + cursor: pointer; + + .img { + margin: 0px; + position: relative; + width: 100%; + border-radius: 12px; + top: 0px; + transition: top 150ms ease-out 0s; + + user-select: none; + image-rendering: auto; + display: flex; + flex-flow: column; + } + + .product_card_box{ + text-align: left; + margin: 8px 0px; + line-height: 24px; + font-weight: 500; + } + + .footer_box{ + + } + +} + +.pizza_card:hover { + border:1px solid #d6d6d6; + filter:blur(0px); + opacity:1; + box-shadow:0 8px 20px 0px rgba(0,0,0,0.125); +} + +.pictureText_text{ + display: block; + text-align: left; +} + +.product_card_img{ + text-align: center; +} + +.product_card_box{ + /*width: 256px; */ + text-align: left; +} + +.product_card_footer{ + display: table; + width: 100%; +} + +.product_card_price{ + float: left; + position: static; + display: flex; + margin: 10px 10px; + font-style: normal; + font-weight: 600; +} + +.product_card_video{ + width: 100%; +} + +@media (min-width: 640px) { + .pizza_item { + /* margin: 0 20px 20px 0; */ + box-shadow: 0 0 0 0 rgba(227, 228, 230, 0); + } + .pizza_item:hover .pizza_item_link { + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08); + box-shadow: 0 7px 19px -1px rgba(172, 172, 179, 0.3); + } +} + +@media (min-width: 640px) and (min-width: 1600px) { + .pizza_item { + width: calc(100% / 4 - (20px * 3 / 4)); + } + .pizza_item:nth-child(4n) { + margin-right: 0; + } +} + +@media (min-width: 640px) and (min-width: 768px) and (max-width: 1600px) { + .pizza_item { + width: calc(100% / 2 - (20px * 2 / 3)); + } + .pizza_item:nth-child(3n) { + margin-right: 0; + } +} + +@media (min-width: 640px) and (min-width: 768px) { + .pizza_item { + transition: 0.2s; + } + .pizza_item:hover { + margin-top: -4px; + margin-bottom: 24px; + } + .pizza_item:hover .vendor-fave__btn { + opacity: 1; + pointer-events: auto; + } +} \ No newline at end of file diff --git a/.history/components/customer/pages/index/block/Pizza/styles/index_20220619070954.scss b/.history/components/customer/pages/index/block/Pizza/styles/index_20220619070954.scss new file mode 100644 index 0000000..7436056 --- /dev/null +++ b/.history/components/customer/pages/index/block/Pizza/styles/index_20220619070954.scss @@ -0,0 +1,125 @@ +.pizza_card{ + height: 630px; + float: left; + position: static; + text-align: center; + border:1px solid hsl(0, 0%, 100%); + padding: 20px; + transition: all 0.2s ease; + + display: flex; + flex-flow: column; + -webkit-box-pack: justify; + justify-content: space-between; + margin-bottom: 60px; + cursor: pointer; + + .img { + margin: 0px; + position: relative; + width: 100%; + border-radius: 12px; + top: 0px; + transition: top 150ms ease-out 0s; + + user-select: none; + image-rendering: auto; + display: flex; + flex-flow: column; + } + + .product_card_box{ + text-align: left; + margin: 8px 0px; + line-height: 24px; + font-weight: 500; + } + + .footer_box{ + margin-top: 16px; + display: flex; + } + +} + +.pizza_card:hover { + border:1px solid #d6d6d6; + filter:blur(0px); + opacity:1; + box-shadow:0 8px 20px 0px rgba(0,0,0,0.125); +} + +.pictureText_text{ + display: block; + text-align: left; +} + +.product_card_img{ + text-align: center; +} + +.product_card_box{ + /*width: 256px; */ + text-align: left; +} + +.product_card_footer{ + display: table; + width: 100%; +} + +.product_card_price{ + float: left; + position: static; + display: flex; + margin: 10px 10px; + font-style: normal; + font-weight: 600; +} + +.product_card_video{ + width: 100%; +} + +@media (min-width: 640px) { + .pizza_item { + /* margin: 0 20px 20px 0; */ + box-shadow: 0 0 0 0 rgba(227, 228, 230, 0); + } + .pizza_item:hover .pizza_item_link { + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08); + box-shadow: 0 7px 19px -1px rgba(172, 172, 179, 0.3); + } +} + +@media (min-width: 640px) and (min-width: 1600px) { + .pizza_item { + width: calc(100% / 4 - (20px * 3 / 4)); + } + .pizza_item:nth-child(4n) { + margin-right: 0; + } +} + +@media (min-width: 640px) and (min-width: 768px) and (max-width: 1600px) { + .pizza_item { + width: calc(100% / 2 - (20px * 2 / 3)); + } + .pizza_item:nth-child(3n) { + margin-right: 0; + } +} + +@media (min-width: 640px) and (min-width: 768px) { + .pizza_item { + transition: 0.2s; + } + .pizza_item:hover { + margin-top: -4px; + margin-bottom: 24px; + } + .pizza_item:hover .vendor-fave__btn { + opacity: 1; + pointer-events: auto; + } +} \ No newline at end of file diff --git a/.history/components/customer/pages/index/block/Pizza/styles/index_20220619071441.scss b/.history/components/customer/pages/index/block/Pizza/styles/index_20220619071441.scss new file mode 100644 index 0000000..60feb8f --- /dev/null +++ b/.history/components/customer/pages/index/block/Pizza/styles/index_20220619071441.scss @@ -0,0 +1,124 @@ +.pizza_card{ + /*height: 630px;*/ + float: left; + position: static; + text-align: center; + border:1px solid hsl(0, 0%, 100%); + padding: 20px; + transition: all 0.2s ease; + + display: flex; + flex-flow: column; + -webkit-box-pack: justify; + justify-content: space-between; + margin-bottom: 60px; + cursor: pointer; + + .img { + margin: 0px; + position: relative; + width: 100%; + border-radius: 12px; + top: 0px; + transition: top 150ms ease-out 0s; + + user-select: none; + image-rendering: auto; + display: flex; + flex-flow: column; + } + + .product_card_box{ + text-align: left; + margin: 8px 0px; + line-height: 24px; + font-weight: 500; + } + + .footer_box{ + margin-top: 16px; + display: flex; + } + + .product_card_footer{ + display: table; + width: 100%; + } + + .product_card_price{ + float: left; + position: static; + display: flex; + margin: 10px 10px; + font-style: normal; + font-weight: 600; + } + + .product_card_video{ + width: 100%; + } + +} + +.pizza_card:hover { + border:1px solid #d6d6d6; + filter:blur(0px); + opacity:1; + box-shadow:0 8px 20px 0px rgba(0,0,0,0.125); +} + +.pictureText_text{ + display: block; + text-align: left; +} + +.product_card_img{ + text-align: center; +} + + + + + +@media (min-width: 640px) { + .pizza_item { + /* margin: 0 20px 20px 0; */ + box-shadow: 0 0 0 0 rgba(227, 228, 230, 0); + } + .pizza_item:hover .pizza_item_link { + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08); + box-shadow: 0 7px 19px -1px rgba(172, 172, 179, 0.3); + } +} + +@media (min-width: 640px) and (min-width: 1600px) { + .pizza_item { + width: calc(100% / 4 - (20px * 3 / 4)); + } + .pizza_item:nth-child(4n) { + margin-right: 0; + } +} + +@media (min-width: 640px) and (min-width: 768px) and (max-width: 1600px) { + .pizza_item { + width: calc(100% / 2 - (20px * 2 / 3)); + } + .pizza_item:nth-child(3n) { + margin-right: 0; + } +} + +@media (min-width: 640px) and (min-width: 768px) { + .pizza_item { + transition: 0.2s; + } + .pizza_item:hover { + margin-top: -4px; + margin-bottom: 24px; + } + .pizza_item:hover .vendor-fave__btn { + opacity: 1; + pointer-events: auto; + } +} \ No newline at end of file diff --git a/.history/components/customer/pages/index/block/Pizza/styles/index_20220619071456.scss b/.history/components/customer/pages/index/block/Pizza/styles/index_20220619071456.scss new file mode 100644 index 0000000..570bb86 --- /dev/null +++ b/.history/components/customer/pages/index/block/Pizza/styles/index_20220619071456.scss @@ -0,0 +1,121 @@ +.pizza_card{ + /*height: 630px;*/ + float: left; + position: static; + text-align: center; + border:1px solid hsl(0, 0%, 100%); + padding: 20px; + transition: all 0.2s ease; + + display: flex; + flex-flow: column; + -webkit-box-pack: justify; + justify-content: space-between; + margin-bottom: 60px; + cursor: pointer; + + .img { + margin: 0px; + position: relative; + width: 100%; + border-radius: 12px; + top: 0px; + transition: top 150ms ease-out 0s; + + user-select: none; + image-rendering: auto; + display: flex; + flex-flow: column; + } + + .product_card_box{ + text-align: left; + margin: 8px 0px; + line-height: 24px; + font-weight: 500; + } + + .footer_box{ + margin-top: 16px; + display: flex; + } + + .product_card_footer{ + display: table; + width: 100%; + } + + .product_card_price{ + float: left; + position: static; + display: flex; + margin: 10px 10px; + font-style: normal; + font-weight: 600; + } + + .product_card_video{ + width: 100%; + } + +} + +.pizza_card:hover { + +} + +.pictureText_text{ + display: block; + text-align: left; +} + +.product_card_img{ + text-align: center; +} + + + + + +@media (min-width: 640px) { + .pizza_item { + /* margin: 0 20px 20px 0; */ + box-shadow: 0 0 0 0 rgba(227, 228, 230, 0); + } + .pizza_item:hover .pizza_item_link { + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08); + box-shadow: 0 7px 19px -1px rgba(172, 172, 179, 0.3); + } +} + +@media (min-width: 640px) and (min-width: 1600px) { + .pizza_item { + width: calc(100% / 4 - (20px * 3 / 4)); + } + .pizza_item:nth-child(4n) { + margin-right: 0; + } +} + +@media (min-width: 640px) and (min-width: 768px) and (max-width: 1600px) { + .pizza_item { + width: calc(100% / 2 - (20px * 2 / 3)); + } + .pizza_item:nth-child(3n) { + margin-right: 0; + } +} + +@media (min-width: 640px) and (min-width: 768px) { + .pizza_item { + transition: 0.2s; + } + .pizza_item:hover { + margin-top: -4px; + margin-bottom: 24px; + } + .pizza_item:hover .vendor-fave__btn { + opacity: 1; + pointer-events: auto; + } +} \ No newline at end of file diff --git a/.history/components/customer/pages/index/block/Pizza/styles/index_20220619071504.scss b/.history/components/customer/pages/index/block/Pizza/styles/index_20220619071504.scss new file mode 100644 index 0000000..60feb8f --- /dev/null +++ b/.history/components/customer/pages/index/block/Pizza/styles/index_20220619071504.scss @@ -0,0 +1,124 @@ +.pizza_card{ + /*height: 630px;*/ + float: left; + position: static; + text-align: center; + border:1px solid hsl(0, 0%, 100%); + padding: 20px; + transition: all 0.2s ease; + + display: flex; + flex-flow: column; + -webkit-box-pack: justify; + justify-content: space-between; + margin-bottom: 60px; + cursor: pointer; + + .img { + margin: 0px; + position: relative; + width: 100%; + border-radius: 12px; + top: 0px; + transition: top 150ms ease-out 0s; + + user-select: none; + image-rendering: auto; + display: flex; + flex-flow: column; + } + + .product_card_box{ + text-align: left; + margin: 8px 0px; + line-height: 24px; + font-weight: 500; + } + + .footer_box{ + margin-top: 16px; + display: flex; + } + + .product_card_footer{ + display: table; + width: 100%; + } + + .product_card_price{ + float: left; + position: static; + display: flex; + margin: 10px 10px; + font-style: normal; + font-weight: 600; + } + + .product_card_video{ + width: 100%; + } + +} + +.pizza_card:hover { + border:1px solid #d6d6d6; + filter:blur(0px); + opacity:1; + box-shadow:0 8px 20px 0px rgba(0,0,0,0.125); +} + +.pictureText_text{ + display: block; + text-align: left; +} + +.product_card_img{ + text-align: center; +} + + + + + +@media (min-width: 640px) { + .pizza_item { + /* margin: 0 20px 20px 0; */ + box-shadow: 0 0 0 0 rgba(227, 228, 230, 0); + } + .pizza_item:hover .pizza_item_link { + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08); + box-shadow: 0 7px 19px -1px rgba(172, 172, 179, 0.3); + } +} + +@media (min-width: 640px) and (min-width: 1600px) { + .pizza_item { + width: calc(100% / 4 - (20px * 3 / 4)); + } + .pizza_item:nth-child(4n) { + margin-right: 0; + } +} + +@media (min-width: 640px) and (min-width: 768px) and (max-width: 1600px) { + .pizza_item { + width: calc(100% / 2 - (20px * 2 / 3)); + } + .pizza_item:nth-child(3n) { + margin-right: 0; + } +} + +@media (min-width: 640px) and (min-width: 768px) { + .pizza_item { + transition: 0.2s; + } + .pizza_item:hover { + margin-top: -4px; + margin-bottom: 24px; + } + .pizza_item:hover .vendor-fave__btn { + opacity: 1; + pointer-events: auto; + } +} \ No newline at end of file diff --git a/.history/components/customer/pages/index/block/Pizza/styles/index_20220619071523.scss b/.history/components/customer/pages/index/block/Pizza/styles/index_20220619071523.scss new file mode 100644 index 0000000..799bbf9 --- /dev/null +++ b/.history/components/customer/pages/index/block/Pizza/styles/index_20220619071523.scss @@ -0,0 +1,123 @@ +.pizza_card{ + /*height: 630px;*/ + float: left; + position: static; + text-align: center; + border:1px solid hsl(0, 0%, 100%); + padding: 20px; + transition: all 0.2s ease; + + display: flex; + flex-flow: column; + -webkit-box-pack: justify; + justify-content: space-between; + margin-bottom: 60px; + cursor: pointer; + + .img { + margin: 0px; + position: relative; + width: 100%; + border-radius: 12px; + top: 0px; + transition: top 150ms ease-out 0s; + + user-select: none; + image-rendering: auto; + display: flex; + flex-flow: column; + } + + .product_card_box{ + text-align: left; + margin: 8px 0px; + line-height: 24px; + font-weight: 500; + } + + .footer_box{ + margin-top: 16px; + display: flex; + } + + .product_card_footer{ + display: table; + width: 100%; + } + + .product_card_price{ + float: left; + position: static; + display: flex; + margin: 10px 10px; + font-style: normal; + font-weight: 600; + } + + .product_card_video{ + width: 100%; + } + +} + +.pizza_card:hover { + border:1px solid #d6d6d6; + filter:blur(0px); + opacity:1; + box-shadow:0 8px 20px 0px rgba(0,0,0,0.125); +} + +.pictureText_text{ + display: block; + text-align: left; +} + +.product_card_img{ + text-align: center; +} + + + + + +@media (min-width: 640px) { + .pizza_item { + /* margin: 0 20px 20px 0; */ + box-shadow: 0 0 0 0 rgba(227, 228, 230, 0); + } + .pizza_item:hover .pizza_item_link { + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08); + box-shadow: 0 7px 19px -1px rgba(172, 172, 179, 0.3); + } +} + +@media (min-width: 640px) and (min-width: 1600px) { + .pizza_item { + width: calc(100% / 4 - (20px * 3 / 4)); + } + .pizza_item:nth-child(4n) { + margin-right: 0; + } +} + +@media (min-width: 640px) and (min-width: 768px) and (max-width: 1600px) { + .pizza_item { + width: calc(100% / 2 - (20px * 2 / 3)); + } + .pizza_item:nth-child(3n) { + margin-right: 0; + } +} + +@media (min-width: 640px) and (min-width: 768px) { + .pizza_item { + transition: 0.2s; + } + .pizza_item:hover { + + } + .pizza_item:hover .vendor-fave__btn { + opacity: 1; + pointer-events: auto; + } +} \ No newline at end of file diff --git a/.history/components/customer/pages/index/block/Pizza/styles/index_20220619071547.scss b/.history/components/customer/pages/index/block/Pizza/styles/index_20220619071547.scss new file mode 100644 index 0000000..0acbcaa --- /dev/null +++ b/.history/components/customer/pages/index/block/Pizza/styles/index_20220619071547.scss @@ -0,0 +1,124 @@ +.pizza_card{ + /*height: 630px;*/ + float: left; + position: static; + text-align: center; + border:1px solid hsl(0, 0%, 100%); + padding: 20px; + transition: all 0.2s ease; + + display: flex; + flex-flow: column; + -webkit-box-pack: justify; + justify-content: space-between; + margin-bottom: 60px; + cursor: pointer; + + .img { + margin: 0px; + position: relative; + width: 100%; + border-radius: 12px; + top: 0px; + transition: top 150ms ease-out 0s; + + user-select: none; + image-rendering: auto; + display: flex; + flex-flow: column; + } + + .product_card_box{ + text-align: left; + margin: 8px 0px; + line-height: 24px; + font-weight: 500; + } + + .footer_box{ + margin-top: 16px; + display: flex; + } + + .product_card_footer{ + display: table; + width: 100%; + } + + .product_card_price{ + float: left; + position: static; + display: flex; + margin: 10px 10px; + font-style: normal; + font-weight: 600; + } + + .product_card_video{ + width: 100%; + } + +} + +.pizza_card:hover { + border:1px solid #d6d6d6; + filter:blur(0px); + opacity:1; + box-shadow:0 8px 20px 0px rgba(0,0,0,0.125); +} + +.pictureText_text{ + display: block; + text-align: left; +} + +.product_card_img{ + text-align: center; +} + + + + + +@media (min-width: 640px) { + .pizza_item { + /* margin: 0 20px 20px 0; */ + box-shadow: 0 0 0 0 rgba(227, 228, 230, 0); + } + .pizza_item:hover .pizza_item_link { + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08); + box-shadow: 0 7px 19px -1px rgba(172, 172, 179, 0.3); + } +} + +@media (min-width: 640px) and (min-width: 1600px) { + .pizza_item { + width: calc(100% / 4 - (20px * 3 / 4)); + } + .pizza_item:nth-child(4n) { + margin-right: 0; + } +} + +@media (min-width: 640px) and (min-width: 768px) and (max-width: 1600px) { + .pizza_item { + width: calc(100% / 2 - (20px * 2 / 3)); + } + .pizza_item:nth-child(3n) { + margin-right: 0; + } +} + +@media (min-width: 640px) and (min-width: 768px) { + .pizza_item { + transition: 0.2s; + } + .pizza_item:hover { + margin-top: -4px; + + } + .pizza_item:hover .vendor-fave__btn { + opacity: 1; + pointer-events: auto; + } +} \ No newline at end of file diff --git a/.history/components/customer/pages/index/block/Pizza/styles/index_20220619071609.scss b/.history/components/customer/pages/index/block/Pizza/styles/index_20220619071609.scss new file mode 100644 index 0000000..5f07ed8 --- /dev/null +++ b/.history/components/customer/pages/index/block/Pizza/styles/index_20220619071609.scss @@ -0,0 +1,124 @@ +.pizza_card{ + /*height: 630px;*/ + float: left; + position: static; + text-align: center; + border:1px solid hsl(0, 0%, 100%); + padding: 20px; + transition: all 0.2s ease; + + display: flex; + flex-flow: column; + -webkit-box-pack: justify; + justify-content: space-between; + margin-bottom: 60px; + cursor: pointer; + + .img { + margin: 0px; + position: relative; + width: 100%; + border-radius: 12px; + top: 0px; + transition: top 150ms ease-out 0s; + + user-select: none; + image-rendering: auto; + display: flex; + flex-flow: column; + } + + .product_card_box{ + text-align: left; + margin: 8px 0px; + line-height: 24px; + font-weight: 500; + } + + .footer_box{ + margin-top: 16px; + display: flex; + } + + .product_card_footer{ + display: table; + width: 100%; + } + + .product_card_price{ + float: left; + position: static; + display: flex; + margin: 10px 10px; + font-style: normal; + font-weight: 600; + } + + .product_card_video{ + width: 100%; + } + +} + +.pizza_card:hover { + border:1px solid #d6d6d6; + filter:blur(0px); + opacity:1; + box-shadow:0 8px 20px 0px rgba(0,0,0,0.125); +} + +.pictureText_text{ + display: block; + text-align: left; +} + +.product_card_img{ + text-align: center; +} + + + + + +@media (min-width: 640px) { + .pizza_item { + /* margin: 0 20px 20px 0; */ + box-shadow: 0 0 0 0 rgba(227, 228, 230, 0); + } + .pizza_item:hover .pizza_item_link { + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08); + box-shadow: 0 7px 19px -1px rgba(172, 172, 179, 0.3); + } +} + +@media (min-width: 640px) and (min-width: 1600px) { + .pizza_item { + width: calc(100% / 4 - (20px * 3 / 4)); + } + .pizza_item:nth-child(4n) { + margin-right: 0; + } +} + +@media (min-width: 640px) and (min-width: 768px) and (max-width: 1600px) { + .pizza_item { + width: calc(100% / 2 - (20px * 2 / 3)); + } + .pizza_item:nth-child(3n) { + margin-right: 0; + } +} + +@media (min-width: 640px) and (min-width: 768px) { + .pizza_item { + transition: 0.2s; + } + .img:hover { + margin-top: -4px; + margin-bottom: 24px; + } + .pizza_item:hover .vendor-fave__btn { + opacity: 1; + pointer-events: auto; + } +} \ No newline at end of file diff --git a/.history/components/customer/pages/index/block/Pizza/styles/index_20220619071630.scss b/.history/components/customer/pages/index/block/Pizza/styles/index_20220619071630.scss new file mode 100644 index 0000000..7604510 --- /dev/null +++ b/.history/components/customer/pages/index/block/Pizza/styles/index_20220619071630.scss @@ -0,0 +1,125 @@ +.pizza_card{ + /*height: 630px;*/ + float: left; + position: static; + text-align: center; + border:1px solid hsl(0, 0%, 100%); + padding: 20px; + transition: all 0.2s ease; + + display: flex; + flex-flow: column; + -webkit-box-pack: justify; + justify-content: space-between; + margin-bottom: 60px; + cursor: pointer; + + .img { + margin: 0px; + position: relative; + width: 100%; + border-radius: 12px; + top: 0px; + transition: top 150ms ease-out 0s; + + user-select: none; + image-rendering: auto; + display: flex; + flex-flow: column; + } + + .product_card_box{ + text-align: left; + margin: 8px 0px; + line-height: 24px; + font-weight: 500; + } + + .footer_box{ + margin-top: 16px; + display: flex; + } + + .product_card_footer{ + display: table; + width: 100%; + } + + .product_card_price{ + float: left; + position: static; + display: flex; + margin: 10px 10px; + font-style: normal; + font-weight: 600; + } + + .product_card_video{ + width: 100%; + } + + .pizza_item:hover { + margin-top: -4px; + margin-bottom: 24px; + } +} + +.pizza_card:hover { + border:1px solid #d6d6d6; + filter:blur(0px); + opacity:1; + box-shadow:0 8px 20px 0px rgba(0,0,0,0.125); +} + +.pictureText_text{ + display: block; + text-align: left; +} + +.product_card_img{ + text-align: center; +} + + + + + +@media (min-width: 640px) { + .pizza_item { + /* margin: 0 20px 20px 0; */ + box-shadow: 0 0 0 0 rgba(227, 228, 230, 0); + } + .pizza_item:hover .pizza_item_link { + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08); + box-shadow: 0 7px 19px -1px rgba(172, 172, 179, 0.3); + } +} + +@media (min-width: 640px) and (min-width: 1600px) { + .pizza_item { + width: calc(100% / 4 - (20px * 3 / 4)); + } + .pizza_item:nth-child(4n) { + margin-right: 0; + } +} + +@media (min-width: 640px) and (min-width: 768px) and (max-width: 1600px) { + .pizza_item { + width: calc(100% / 2 - (20px * 2 / 3)); + } + .pizza_item:nth-child(3n) { + margin-right: 0; + } +} + +@media (min-width: 640px) and (min-width: 768px) { + .pizza_item { + transition: 0.2s; + } + + .pizza_item:hover .vendor-fave__btn { + opacity: 1; + pointer-events: auto; + } +} \ No newline at end of file diff --git a/.history/components/customer/pages/index/block/Pizza/styles/index_20220619071638.scss b/.history/components/customer/pages/index/block/Pizza/styles/index_20220619071638.scss new file mode 100644 index 0000000..5c3d418 --- /dev/null +++ b/.history/components/customer/pages/index/block/Pizza/styles/index_20220619071638.scss @@ -0,0 +1,126 @@ +.pizza_card{ + /*height: 630px;*/ + float: left; + position: static; + text-align: center; + border:1px solid hsl(0, 0%, 100%); + padding: 20px; + transition: all 0.2s ease; + + display: flex; + flex-flow: column; + -webkit-box-pack: justify; + justify-content: space-between; + margin-bottom: 60px; + cursor: pointer; + + .img { + margin: 0px; + position: relative; + width: 100%; + border-radius: 12px; + top: 0px; + transition: top 150ms ease-out 0s; + + user-select: none; + image-rendering: auto; + display: flex; + flex-flow: column; + } + + .product_card_box{ + text-align: left; + margin: 8px 0px; + line-height: 24px; + font-weight: 500; + } + + .footer_box{ + margin-top: 16px; + display: flex; + } + + .product_card_footer{ + display: table; + width: 100%; + } + + .product_card_price{ + float: left; + position: static; + display: flex; + margin: 10px 10px; + font-style: normal; + font-weight: 600; + } + + .product_card_video{ + width: 100%; + } + +} + +.pizza_item:hover { + margin-top: -4px; + margin-bottom: 24px; +} + +.pizza_card:hover { + border:1px solid #d6d6d6; + filter:blur(0px); + opacity:1; + box-shadow:0 8px 20px 0px rgba(0,0,0,0.125); +} + +.pictureText_text{ + display: block; + text-align: left; +} + +.product_card_img{ + text-align: center; +} + + + + + +@media (min-width: 640px) { + .pizza_item { + /* margin: 0 20px 20px 0; */ + box-shadow: 0 0 0 0 rgba(227, 228, 230, 0); + } + .pizza_item:hover .pizza_item_link { + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08); + box-shadow: 0 7px 19px -1px rgba(172, 172, 179, 0.3); + } +} + +@media (min-width: 640px) and (min-width: 1600px) { + .pizza_item { + width: calc(100% / 4 - (20px * 3 / 4)); + } + .pizza_item:nth-child(4n) { + margin-right: 0; + } +} + +@media (min-width: 640px) and (min-width: 768px) and (max-width: 1600px) { + .pizza_item { + width: calc(100% / 2 - (20px * 2 / 3)); + } + .pizza_item:nth-child(3n) { + margin-right: 0; + } +} + +@media (min-width: 640px) and (min-width: 768px) { + .pizza_item { + transition: 0.2s; + } + + .pizza_item:hover .vendor-fave__btn { + opacity: 1; + pointer-events: auto; + } +} \ No newline at end of file diff --git a/.history/components/customer/pages/index/block/Pizza/styles/index_20220619071656.scss b/.history/components/customer/pages/index/block/Pizza/styles/index_20220619071656.scss new file mode 100644 index 0000000..cbeb252 --- /dev/null +++ b/.history/components/customer/pages/index/block/Pizza/styles/index_20220619071656.scss @@ -0,0 +1,126 @@ +.pizza_card{ + /*height: 630px;*/ + float: left; + position: static; + text-align: center; + border:1px solid hsl(0, 0%, 100%); + padding: 20px; + transition: all 0.2s ease; + + display: flex; + flex-flow: column; + -webkit-box-pack: justify; + justify-content: space-between; + margin-bottom: 60px; + cursor: pointer; + + .img { + margin: 0px; + position: relative; + width: 100%; + border-radius: 12px; + top: 0px; + transition: top 150ms ease-out 0s; + + user-select: none; + image-rendering: auto; + display: flex; + flex-flow: column; + } + + .product_card_box{ + text-align: left; + margin: 8px 0px; + line-height: 24px; + font-weight: 500; + } + + .footer_box{ + margin-top: 16px; + display: flex; + } + + .product_card_footer{ + display: table; + width: 100%; + } + + .product_card_price{ + float: left; + position: static; + display: flex; + margin: 10px 10px; + font-style: normal; + font-weight: 600; + } + + .product_card_video{ + width: 100%; + } + +} + +.pizza_item:hover { + margin-top: -4px; + margin-bottom: 4px; +} + +.pizza_card:hover { + border:1px solid #d6d6d6; + filter:blur(0px); + opacity:1; + box-shadow:0 8px 20px 0px rgba(0,0,0,0.125); +} + +.pictureText_text{ + display: block; + text-align: left; +} + +.product_card_img{ + text-align: center; +} + + + + + +@media (min-width: 640px) { + .pizza_item { + /* margin: 0 20px 20px 0; */ + box-shadow: 0 0 0 0 rgba(227, 228, 230, 0); + } + .pizza_item:hover .pizza_item_link { + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08); + box-shadow: 0 7px 19px -1px rgba(172, 172, 179, 0.3); + } +} + +@media (min-width: 640px) and (min-width: 1600px) { + .pizza_item { + width: calc(100% / 4 - (20px * 3 / 4)); + } + .pizza_item:nth-child(4n) { + margin-right: 0; + } +} + +@media (min-width: 640px) and (min-width: 768px) and (max-width: 1600px) { + .pizza_item { + width: calc(100% / 2 - (20px * 2 / 3)); + } + .pizza_item:nth-child(3n) { + margin-right: 0; + } +} + +@media (min-width: 640px) and (min-width: 768px) { + .pizza_item { + transition: 0.2s; + } + + .pizza_item:hover .vendor-fave__btn { + opacity: 1; + pointer-events: auto; + } +} \ No newline at end of file diff --git a/.history/components/customer/pages/index/block/Pizza/styles/index_20220619071710.scss b/.history/components/customer/pages/index/block/Pizza/styles/index_20220619071710.scss new file mode 100644 index 0000000..0ba404c --- /dev/null +++ b/.history/components/customer/pages/index/block/Pizza/styles/index_20220619071710.scss @@ -0,0 +1,126 @@ +.pizza_card{ + /*height: 630px;*/ + float: left; + position: static; + text-align: center; + border:1px solid hsl(0, 0%, 100%); + padding: 20px; + transition: all 0.2s ease; + + display: flex; + flex-flow: column; + -webkit-box-pack: justify; + justify-content: space-between; + margin-bottom: 60px; + cursor: pointer; + + .img { + margin: 0px; + position: relative; + width: 100%; + border-radius: 12px; + top: 0px; + transition: top 150ms ease-out 0s; + + user-select: none; + image-rendering: auto; + display: flex; + flex-flow: column; + } + + .product_card_box{ + text-align: left; + margin: 8px 0px; + line-height: 24px; + font-weight: 500; + } + + .footer_box{ + margin-top: 16px; + display: flex; + } + + .product_card_footer{ + display: table; + width: 100%; + } + + .product_card_price{ + float: left; + position: static; + display: flex; + margin: 10px 10px; + font-style: normal; + font-weight: 600; + } + + .product_card_video{ + width: 100%; + } + +} + +.pizza_item:hover { + /* margin-top: -4px; + margin-bottom: 24px;*/ +} + +.pizza_card:hover { + border:1px solid #d6d6d6; + filter:blur(0px); + opacity:1; + box-shadow:0 8px 20px 0px rgba(0,0,0,0.125); +} + +.pictureText_text{ + display: block; + text-align: left; +} + +.product_card_img{ + text-align: center; +} + + + + + +@media (min-width: 640px) { + .pizza_item { + /* margin: 0 20px 20px 0; */ + box-shadow: 0 0 0 0 rgba(227, 228, 230, 0); + } + .pizza_item:hover .pizza_item_link { + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08); + box-shadow: 0 7px 19px -1px rgba(172, 172, 179, 0.3); + } +} + +@media (min-width: 640px) and (min-width: 1600px) { + .pizza_item { + width: calc(100% / 4 - (20px * 3 / 4)); + } + .pizza_item:nth-child(4n) { + margin-right: 0; + } +} + +@media (min-width: 640px) and (min-width: 768px) and (max-width: 1600px) { + .pizza_item { + width: calc(100% / 2 - (20px * 2 / 3)); + } + .pizza_item:nth-child(3n) { + margin-right: 0; + } +} + +@media (min-width: 640px) and (min-width: 768px) { + .pizza_item { + transition: 0.2s; + } + + .pizza_item:hover .vendor-fave__btn { + opacity: 1; + pointer-events: auto; + } +} \ No newline at end of file diff --git a/.history/components/customer/pages/index/block/Pizza/styles/index_20220619074534.scss b/.history/components/customer/pages/index/block/Pizza/styles/index_20220619074534.scss new file mode 100644 index 0000000..db94d4e --- /dev/null +++ b/.history/components/customer/pages/index/block/Pizza/styles/index_20220619074534.scss @@ -0,0 +1,131 @@ +.pizza_card{ + /*height: 630px;*/ + float: left; + position: static; + text-align: center; + border:1px solid hsl(0, 0%, 100%); + padding: 20px; + transition: all 0.2s ease; + + display: flex; + flex-flow: column; + -webkit-box-pack: justify; + justify-content: space-between; + margin-bottom: 60px; + cursor: pointer; + + .img { + margin: 0px; + position: relative; + width: 100%; + border-radius: 12px; + top: 0px; + transition: top 150ms ease-out 0s; + + user-select: none; + image-rendering: auto; + display: flex; + flex-flow: column; + } + + .product_card_box{ + text-align: left; + margin: 8px 0px; + line-height: 24px; + font-weight: 500; + + h3{ + margin-bottom: 5px; + } + } + + + .footer_box{ + margin-top: 16px; + display: flex; + } + + .product_card_footer{ + display: table; + width: 100%; + } + + .product_card_price{ + float: left; + position: static; + display: flex; + margin: 10px 10px; + font-style: normal; + font-weight: 600; + } + + .product_card_video{ + width: 100%; + } + +} + +.pizza_item:hover { + /* margin-top: -4px; + margin-bottom: 24px;*/ +} + +.pizza_card:hover { + border:1px solid #d6d6d6; + filter:blur(0px); + opacity:1; + box-shadow:0 8px 20px 0px rgba(0,0,0,0.125); +} + +.pictureText_text{ + display: block; + text-align: left; +} + +.product_card_img{ + text-align: center; +} + + + + + +@media (min-width: 640px) { + .pizza_item { + /* margin: 0 20px 20px 0; */ + box-shadow: 0 0 0 0 rgba(227, 228, 230, 0); + } + .pizza_item:hover .pizza_item_link { + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08); + box-shadow: 0 7px 19px -1px rgba(172, 172, 179, 0.3); + } +} + +@media (min-width: 640px) and (min-width: 1600px) { + .pizza_item { + width: calc(100% / 4 - (20px * 3 / 4)); + } + .pizza_item:nth-child(4n) { + margin-right: 0; + } +} + +@media (min-width: 640px) and (min-width: 768px) and (max-width: 1600px) { + .pizza_item { + width: calc(100% / 2 - (20px * 2 / 3)); + } + .pizza_item:nth-child(3n) { + margin-right: 0; + } +} + +@media (min-width: 640px) and (min-width: 768px) { + .pizza_item { + transition: 0.2s; + } + + .pizza_item:hover .vendor-fave__btn { + opacity: 1; + pointer-events: auto; + } +} \ No newline at end of file diff --git a/.history/components/customer/pages/index/block/Pizza/styles/index_20220619075135.scss b/.history/components/customer/pages/index/block/Pizza/styles/index_20220619075135.scss new file mode 100644 index 0000000..cb04b6b --- /dev/null +++ b/.history/components/customer/pages/index/block/Pizza/styles/index_20220619075135.scss @@ -0,0 +1,131 @@ +.pizza_card{ + /*height: 630px;*/ + float: left; + position: static; + text-align: center; + border:1px solid hsl(0, 0%, 100%); + padding: 20px; + transition: all 0.2s ease; + + display: flex; + flex-flow: column; + -webkit-box-pack: justify; + justify-content: space-between; + margin-bottom: 60px; + cursor: pointer; + + .img { + margin: 0px; + position: relative; + width: 100%; + border-radius: 12px; + top: 0px; + transition: top 150ms ease-out 0s; + + user-select: none; + image-rendering: auto; + display: flex; + flex-flow: column; + } + + .product_card_box{ + text-align: left; + margin: 8px 0px; + line-height: 24px; + font-weight: 500; + display: contents; + h3{ + flex: auto; + } + } + + + .footer_box{ + margin-top: 16px; + display: flex; + } + + .product_card_footer{ + display: table; + width: 100%; + } + + .product_card_price{ + float: left; + position: static; + display: flex; + margin: 10px 10px; + font-style: normal; + font-weight: 600; + } + + .product_card_video{ + width: 100%; + } + +} + +.pizza_item:hover { + /* margin-top: -4px; + margin-bottom: 24px;*/ +} + +.pizza_card:hover { + border:1px solid #d6d6d6; + filter:blur(0px); + opacity:1; + box-shadow:0 8px 20px 0px rgba(0,0,0,0.125); +} + +.pictureText_text{ + display: block; + text-align: left; +} + +.product_card_img{ + text-align: center; +} + + + + + +@media (min-width: 640px) { + .pizza_item { + /* margin: 0 20px 20px 0; */ + box-shadow: 0 0 0 0 rgba(227, 228, 230, 0); + } + .pizza_item:hover .pizza_item_link { + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08); + box-shadow: 0 7px 19px -1px rgba(172, 172, 179, 0.3); + } +} + +@media (min-width: 640px) and (min-width: 1600px) { + .pizza_item { + width: calc(100% / 4 - (20px * 3 / 4)); + } + .pizza_item:nth-child(4n) { + margin-right: 0; + } +} + +@media (min-width: 640px) and (min-width: 768px) and (max-width: 1600px) { + .pizza_item { + width: calc(100% / 2 - (20px * 2 / 3)); + } + .pizza_item:nth-child(3n) { + margin-right: 0; + } +} + +@media (min-width: 640px) and (min-width: 768px) { + .pizza_item { + transition: 0.2s; + } + + .pizza_item:hover .vendor-fave__btn { + opacity: 1; + pointer-events: auto; + } +} \ No newline at end of file diff --git a/.history/components/customer/pages/index/block/Pizza/styles/index_20220619075359.scss b/.history/components/customer/pages/index/block/Pizza/styles/index_20220619075359.scss new file mode 100644 index 0000000..a9b55de --- /dev/null +++ b/.history/components/customer/pages/index/block/Pizza/styles/index_20220619075359.scss @@ -0,0 +1,132 @@ +.pizza_card{ + /*height: 630px;*/ + float: left; + position: static; + text-align: center; + border:1px solid hsl(0, 0%, 100%); + padding: 20px; + transition: all 0.2s ease; + + display: flex; + flex-flow: column; + -webkit-box-pack: justify; + justify-content: space-between; + margin-bottom: 60px; + cursor: pointer; + + .img { + margin: 0px; + position: relative; + width: 100%; + border-radius: 12px; + top: 0px; + transition: top 150ms ease-out 0s; + + user-select: none; + image-rendering: auto; + display: flex; + flex-flow: column; + } + + .product_card_box{ + text-align: left; + margin: 8px 0px; + line-height: 24px; + font-weight: 500; + display: contents; + .product_card_text{ + flex: auto; + } + + } + + + .footer_box{ + margin-top: 16px; + display: flex; + } + + .product_card_footer{ + display: table; + width: 100%; + } + + .product_card_price{ + float: left; + position: static; + display: flex; + margin: 10px 10px; + font-style: normal; + font-weight: 600; + } + + .product_card_video{ + width: 100%; + } + +} + +.pizza_item:hover { + /* margin-top: -4px; + margin-bottom: 24px;*/ +} + +.pizza_card:hover { + border:1px solid #d6d6d6; + filter:blur(0px); + opacity:1; + box-shadow:0 8px 20px 0px rgba(0,0,0,0.125); +} + +.pictureText_text{ + display: block; + text-align: left; +} + +.product_card_img{ + text-align: center; +} + + + + + +@media (min-width: 640px) { + .pizza_item { + /* margin: 0 20px 20px 0; */ + box-shadow: 0 0 0 0 rgba(227, 228, 230, 0); + } + .pizza_item:hover .pizza_item_link { + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08); + box-shadow: 0 7px 19px -1px rgba(172, 172, 179, 0.3); + } +} + +@media (min-width: 640px) and (min-width: 1600px) { + .pizza_item { + width: calc(100% / 4 - (20px * 3 / 4)); + } + .pizza_item:nth-child(4n) { + margin-right: 0; + } +} + +@media (min-width: 640px) and (min-width: 768px) and (max-width: 1600px) { + .pizza_item { + width: calc(100% / 2 - (20px * 2 / 3)); + } + .pizza_item:nth-child(3n) { + margin-right: 0; + } +} + +@media (min-width: 640px) and (min-width: 768px) { + .pizza_item { + transition: 0.2s; + } + + .pizza_item:hover .vendor-fave__btn { + opacity: 1; + pointer-events: auto; + } +} \ No newline at end of file diff --git a/.history/components/customer/pages/index/block/Pizza/styles/index_20220619075421.scss b/.history/components/customer/pages/index/block/Pizza/styles/index_20220619075421.scss new file mode 100644 index 0000000..51cad10 --- /dev/null +++ b/.history/components/customer/pages/index/block/Pizza/styles/index_20220619075421.scss @@ -0,0 +1,135 @@ +.pizza_card{ + /*height: 630px;*/ + float: left; + position: static; + text-align: center; + border:1px solid hsl(0, 0%, 100%); + padding: 20px; + transition: all 0.2s ease; + + display: flex; + flex-flow: column; + -webkit-box-pack: justify; + justify-content: space-between; + margin-bottom: 60px; + cursor: pointer; + + .img { + margin: 0px; + position: relative; + width: 100%; + border-radius: 12px; + top: 0px; + transition: top 150ms ease-out 0s; + + user-select: none; + image-rendering: auto; + display: flex; + flex-flow: column; + } + + .product_card_box{ + text-align: left; + margin: 8px 0px; + line-height: 24px; + font-weight: 500; + display: contents; + h3{ + margin-bottom: 5px; + } + .product_card_text{ + flex: auto; + } + + } + + + .footer_box{ + margin-top: 16px; + display: flex; + } + + .product_card_footer{ + display: table; + width: 100%; + } + + .product_card_price{ + float: left; + position: static; + display: flex; + margin: 10px 10px; + font-style: normal; + font-weight: 600; + } + + .product_card_video{ + width: 100%; + } + +} + +.pizza_item:hover { + /* margin-top: -4px; + margin-bottom: 24px;*/ +} + +.pizza_card:hover { + border:1px solid #d6d6d6; + filter:blur(0px); + opacity:1; + box-shadow:0 8px 20px 0px rgba(0,0,0,0.125); +} + +.pictureText_text{ + display: block; + text-align: left; +} + +.product_card_img{ + text-align: center; +} + + + + + +@media (min-width: 640px) { + .pizza_item { + /* margin: 0 20px 20px 0; */ + box-shadow: 0 0 0 0 rgba(227, 228, 230, 0); + } + .pizza_item:hover .pizza_item_link { + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08); + box-shadow: 0 7px 19px -1px rgba(172, 172, 179, 0.3); + } +} + +@media (min-width: 640px) and (min-width: 1600px) { + .pizza_item { + width: calc(100% / 4 - (20px * 3 / 4)); + } + .pizza_item:nth-child(4n) { + margin-right: 0; + } +} + +@media (min-width: 640px) and (min-width: 768px) and (max-width: 1600px) { + .pizza_item { + width: calc(100% / 2 - (20px * 2 / 3)); + } + .pizza_item:nth-child(3n) { + margin-right: 0; + } +} + +@media (min-width: 640px) and (min-width: 768px) { + .pizza_item { + transition: 0.2s; + } + + .pizza_item:hover .vendor-fave__btn { + opacity: 1; + pointer-events: auto; + } +} \ No newline at end of file diff --git a/.history/components/customer/pages/index/block/Pizza/styles/index_20220619075650.scss b/.history/components/customer/pages/index/block/Pizza/styles/index_20220619075650.scss new file mode 100644 index 0000000..cda2198 --- /dev/null +++ b/.history/components/customer/pages/index/block/Pizza/styles/index_20220619075650.scss @@ -0,0 +1,134 @@ +.pizza_card{ + /*height: 630px;*/ + float: left; + position: static; + text-align: center; + border:1px solid hsl(0, 0%, 100%); + padding: 20px; + transition: all 0.2s ease; + + display: flex; + flex-flow: column; + -webkit-box-pack: justify; + justify-content: space-between; + margin-bottom: 60px; + cursor: pointer; + + .img { + margin: 0px; + position: relative; + width: 100%; + border-radius: 12px; + top: 0px; + transition: top 150ms ease-out 0s; + + user-select: none; + image-rendering: auto; + flex-flow: column; + } + + .product_card_box{ + text-align: left; + margin: 8px 0px; + line-height: 24px; + font-weight: 500; + display: contents; + h3{ + margin-bottom: 5px; + } + .product_card_text{ + flex: auto; + } + + } + + + .footer_box{ + margin-top: 16px; + display: flex; + } + + .product_card_footer{ + display: table; + width: 100%; + } + + .product_card_price{ + float: left; + position: static; + display: flex; + margin: 10px 10px; + font-style: normal; + font-weight: 600; + } + + .product_card_video{ + width: 100%; + } + +} + +.pizza_item:hover { + /* margin-top: -4px; + margin-bottom: 24px;*/ +} + +.pizza_card:hover { + border:1px solid #d6d6d6; + filter:blur(0px); + opacity:1; + box-shadow:0 8px 20px 0px rgba(0,0,0,0.125); +} + +.pictureText_text{ + display: block; + text-align: left; +} + +.product_card_img{ + text-align: center; +} + + + + + +@media (min-width: 640px) { + .pizza_item { + /* margin: 0 20px 20px 0; */ + box-shadow: 0 0 0 0 rgba(227, 228, 230, 0); + } + .pizza_item:hover .pizza_item_link { + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08); + box-shadow: 0 7px 19px -1px rgba(172, 172, 179, 0.3); + } +} + +@media (min-width: 640px) and (min-width: 1600px) { + .pizza_item { + width: calc(100% / 4 - (20px * 3 / 4)); + } + .pizza_item:nth-child(4n) { + margin-right: 0; + } +} + +@media (min-width: 640px) and (min-width: 768px) and (max-width: 1600px) { + .pizza_item { + width: calc(100% / 2 - (20px * 2 / 3)); + } + .pizza_item:nth-child(3n) { + margin-right: 0; + } +} + +@media (min-width: 640px) and (min-width: 768px) { + .pizza_item { + transition: 0.2s; + } + + .pizza_item:hover .vendor-fave__btn { + opacity: 1; + pointer-events: auto; + } +} \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/cart/cardAdditionally_20220618065612.tsx b/.history/components/customer/pages/index/modals/cart/cardAdditionally_20220618065612.tsx new file mode 100644 index 0000000..e69de29 diff --git a/.history/components/customer/pages/index/modals/cart/cardAdditionally_20220618065707.tsx b/.history/components/customer/pages/index/modals/cart/cardAdditionally_20220618065707.tsx new file mode 100644 index 0000000..45d1517 --- /dev/null +++ b/.history/components/customer/pages/index/modals/cart/cardAdditionally_20220618065707.tsx @@ -0,0 +1,23 @@ +import React from 'react'; +import Image from 'next/image'; + +type Props = { + src: string, + alt: string, +}; + +export const CardAdditionally: React.FC = ({src, alt}) => { + return( +
    + {alt} +
    + ) +} + +export default CardAdditionally; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/cart/cardAdditionally_20220618065729.tsx b/.history/components/customer/pages/index/modals/cart/cardAdditionally_20220618065729.tsx new file mode 100644 index 0000000..52bd731 --- /dev/null +++ b/.history/components/customer/pages/index/modals/cart/cardAdditionally_20220618065729.tsx @@ -0,0 +1,21 @@ +import React from 'react'; +import Image from 'next/image'; + +type Props = { + src: string, + alt: string, +}; + +export const CardAdditionally: React.FC = ({src, alt}) => { + return( +
    + {alt} +
    + ) +} \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/cart/cardBasketProduct_20220618064604.tsx b/.history/components/customer/pages/index/modals/cart/cardBasketProduct_20220618064604.tsx new file mode 100644 index 0000000..e69de29 diff --git a/.history/components/customer/pages/index/modals/cart/cardBasketProduct_20220618065139.tsx b/.history/components/customer/pages/index/modals/cart/cardBasketProduct_20220618065139.tsx new file mode 100644 index 0000000..9ef2bf6 --- /dev/null +++ b/.history/components/customer/pages/index/modals/cart/cardBasketProduct_20220618065139.tsx @@ -0,0 +1,44 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; + +type Props = { src: string, + alt: string, + title_name: string, + title_size: string, + sum: number, + }; + +export const CardBasketProduct: React.FC = ({src, alt, title_name, title_size, sum}) => { + const [countProduct, setcountProduct] = useState(1); + const [price, setPrice] = useState(sum); + + return( +
    +
    + {alt} +
    +
    +

    {title_name}

    +

    {title_size}

    +
    + +
    + +

    {countProduct}

    + +
    + +
    +

    {price} ₽

    +
    +
    + ) +} + +export default CardBasketProduct; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/cart/cardBasketProduct_20220618065724.tsx b/.history/components/customer/pages/index/modals/cart/cardBasketProduct_20220618065724.tsx new file mode 100644 index 0000000..0c69714 --- /dev/null +++ b/.history/components/customer/pages/index/modals/cart/cardBasketProduct_20220618065724.tsx @@ -0,0 +1,42 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; + +type Props = { src: string, + alt: string, + title_name: string, + title_size: string, + sum: number, + }; + +export const CardBasketProduct: React.FC = ({src, alt, title_name, title_size, sum}) => { + const [countProduct, setcountProduct] = useState(1); + const [price, setPrice] = useState(sum); + + return( +
    +
    + {alt} +
    +
    +

    {title_name}

    +

    {title_size}

    +
    + +
    + +

    {countProduct}

    + +
    + +
    +

    {price} ₽

    +
    +
    + ) +} \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/cart/cardBasketProduct_20220618083126.tsx b/.history/components/customer/pages/index/modals/cart/cardBasketProduct_20220618083126.tsx new file mode 100644 index 0000000..f455c14 --- /dev/null +++ b/.history/components/customer/pages/index/modals/cart/cardBasketProduct_20220618083126.tsx @@ -0,0 +1,42 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; + +type Props = { src: string, + alt: string, + title_name: string, + title_size: string, + sum: number, + }; + +export const CardBasketProduct: React.FC = ({src, alt, title_name, title_size, sum}) => { + const [countProduct, setcountProduct] = useState(1); + const [price, setPrice] = useState(sum); + + return( +
    +
    + {alt} +
    +
    +

    {title_name}

    +

    {title_size}

    +
    + +
    + +

    {countProduct}

    + +
    + +
    +

    {price} ₽

    +
    +
    + ) +} \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/cart/cardBasketProduct_20220618083211.tsx b/.history/components/customer/pages/index/modals/cart/cardBasketProduct_20220618083211.tsx new file mode 100644 index 0000000..0c69714 --- /dev/null +++ b/.history/components/customer/pages/index/modals/cart/cardBasketProduct_20220618083211.tsx @@ -0,0 +1,42 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; + +type Props = { src: string, + alt: string, + title_name: string, + title_size: string, + sum: number, + }; + +export const CardBasketProduct: React.FC = ({src, alt, title_name, title_size, sum}) => { + const [countProduct, setcountProduct] = useState(1); + const [price, setPrice] = useState(sum); + + return( +
    +
    + {alt} +
    +
    +

    {title_name}

    +

    {title_size}

    +
    + +
    + +

    {countProduct}

    + +
    + +
    +

    {price} ₽

    +
    +
    + ) +} \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/cart/content_20220618063330.tsx b/.history/components/customer/pages/index/modals/cart/content_20220618063330.tsx new file mode 100644 index 0000000..e69de29 diff --git a/.history/components/customer/pages/index/modals/cart/content_20220618063620.tsx b/.history/components/customer/pages/index/modals/cart/content_20220618063620.tsx new file mode 100644 index 0000000..7fd133b --- /dev/null +++ b/.history/components/customer/pages/index/modals/cart/content_20220618063620.tsx @@ -0,0 +1,132 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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] as unknown as number); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + + const addBasket = () => { + console.log('add'); + } + + + 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(button); + setCheck({...check, [button]: check[button as unknown as number] === 'none' ? 'yellow' : 'none'}); + if (check[button as unknown as number]==='none') { + setSum(sum-ing[button as unknown as number].price); + } else { + setSum(sum+ing[button as unknown as number].price); + } + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([]); + setSum(price[activeSize] as unknown as number); + }, [activeSize, activeType, heft, price]); + + 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' ? : }
      +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/cart/content_20220618065345.tsx b/.history/components/customer/pages/index/modals/cart/content_20220618065345.tsx new file mode 100644 index 0000000..b1d19ad --- /dev/null +++ b/.history/components/customer/pages/index/modals/cart/content_20220618065345.tsx @@ -0,0 +1,180 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import classNames from 'classnames'; +import { useSelector } from 'react-redux'; +import { HiMinus, HiPlus } from "react-icons/hi"; +import { CardBasketProduct } from './' + +type PizzaProps = { + id: number; + 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 PizzaModalsContent: React.FC = ({ + id, + title, + img, + heft, + description, + price, + size, +}) => { + const { totalPrice, totalCount } = useSelector(({ cart }) => cart); + + const [activeType, setActiveType] = useState(0); + const [activeSize, setActiveSize] = useState(1); + const [sum, setSum] = useState(price[activeSize] as unknown as number); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + + const addBasket = () => { + console.log('add'); + } + + + 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(button); + setCheck({...check, [button]: check[button as unknown as number] === 'none' ? 'yellow' : 'none'}); + if (check[button as unknown as number]==='none') { + setSum(sum-ing[button as unknown as number].price); + } else { + setSum(sum+ing[button as unknown as number].price); + } + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([]); + setSum(price[activeSize] as unknown as number); + }, [activeSize, activeType, heft, price]); + + return ( + <> + + + +
    +

    {totalCount} товар(а)

    +
    +
    +
    + {Object.keys(basket).length > 0 ? basket.map((rows, count) => + + ): ' Корзина пуста'} +
    +
    +

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

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

    Доставка

    {delivery} ₽

    +
    +
    +

    {quantityGoods} товар(а)

    +

    {sum} ₽

    +
    +
    + +
    + + +
    +
    + {'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' ? : }
      +
      +
      • )} +
    +
    +
    + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/cart/content_20220618065416.tsx b/.history/components/customer/pages/index/modals/cart/content_20220618065416.tsx new file mode 100644 index 0000000..0ff2eaf --- /dev/null +++ b/.history/components/customer/pages/index/modals/cart/content_20220618065416.tsx @@ -0,0 +1,181 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import classNames from 'classnames'; +import { useSelector } from 'react-redux'; +import { HiMinus, HiPlus } from "react-icons/hi"; +import { CardBasketProduct } from './' + +type PizzaProps = { + id: number; + 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 PizzaModalsContent: React.FC = ({ + id, + title, + img, + heft, + description, + price, + size, +}) => { + const { totalPrice, totalCount } = useSelector(({ cart }) => cart); + + const [activeType, setActiveType] = useState(0); + const [activeSize, setActiveSize] = useState(1); + const [sum, setSum] = useState(price[activeSize] as unknown as number); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + + const addBasket = () => { + console.log('add'); + } + + + 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(button); + setCheck({...check, [button]: check[button as unknown as number] === 'none' ? 'yellow' : 'none'}); + if (check[button as unknown as number]==='none') { + setSum(sum-ing[button as unknown as number].price); + } else { + setSum(sum+ing[button as unknown as number].price); + } + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([]); + setSum(price[activeSize] as unknown as number); + }, [activeSize, activeType, heft, price]); + + return ( + <> + + + +
    +

    {totalCount} товар(а)

    +
    +
    +
    + {Object.keys(basket).length > 0 ? basket.map((rows, count) => + + ): ' Корзина пуста'} +
    +
    +

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

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

    Доставка

    {delivery} ₽

    +
    +
    +

    {quantityGoods} товар(а)

    +

    {sum} ₽

    +
    +
    + +
    + + +
    +
    + {'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' ? : }
      +
      +
      • )} +
    +
    +
    + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/cart/content_20220618065525.tsx b/.history/components/customer/pages/index/modals/cart/content_20220618065525.tsx new file mode 100644 index 0000000..dcc0443 --- /dev/null +++ b/.history/components/customer/pages/index/modals/cart/content_20220618065525.tsx @@ -0,0 +1,182 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import classNames from 'classnames'; +import { useSelector } from 'react-redux'; +import { HiMinus, HiPlus } from "react-icons/hi"; +import { CardBasketProduct } from './' +import { BoxScroll, Box } from '../../../../../../components/customer/containers'; + +type PizzaProps = { + id: number; + 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 PizzaModalsContent: React.FC = ({ + id, + title, + img, + heft, + description, + price, + size, +}) => { + const { totalPrice, totalCount } = useSelector(({ cart }) => cart); + + const [activeType, setActiveType] = useState(0); + const [activeSize, setActiveSize] = useState(1); + const [sum, setSum] = useState(price[activeSize] as unknown as number); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + + const addBasket = () => { + console.log('add'); + } + + + 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(button); + setCheck({...check, [button]: check[button as unknown as number] === 'none' ? 'yellow' : 'none'}); + if (check[button as unknown as number]==='none') { + setSum(sum-ing[button as unknown as number].price); + } else { + setSum(sum+ing[button as unknown as number].price); + } + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([]); + setSum(price[activeSize] as unknown as number); + }, [activeSize, activeType, heft, price]); + + return ( + <> + + + +
    +

    {totalCount} товар(а)

    +
    +
    +
    + {Object.keys(basket).length > 0 ? basket.map((rows, count) => + + ): ' Корзина пуста'} +
    +
    +

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

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

    Доставка

    {delivery} ₽

    +
    +
    +

    {quantityGoods} товар(а)

    +

    {sum} ₽

    +
    +
    + +
    + + +
    +
    + {'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' ? : }
      +
      +
      • )} +
    +
    +
    + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/cart/content_20220618065858.tsx b/.history/components/customer/pages/index/modals/cart/content_20220618065858.tsx new file mode 100644 index 0000000..8b284f1 --- /dev/null +++ b/.history/components/customer/pages/index/modals/cart/content_20220618065858.tsx @@ -0,0 +1,188 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +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, Box } from '../../../../../../components/customer/containers'; + +type PizzaProps = { + id: number; + 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 PizzaModalsContent: React.FC = ({ + id, + title, + img, + heft, + description, + price, + size, +}) => { + const { totalPrice, totalCount } = useSelector(({ cart }) => cart); + + const [additionally, setAdditionally] = useState([{src:'/coca.png', name: 'Coca', price: 100}, + {src:'/coca.png', name: 'Coca', price: 100}, + {src:'/coca.png', name: 'Coca', price: 100}, + {src:'/coca.png', name: 'Coca', price: 100}, + {src:'/coca.png', name: 'Coca', price: 100},]); + + const [activeType, setActiveType] = useState(0); + const [activeSize, setActiveSize] = useState(1); + const [sum, setSum] = useState(price[activeSize] as unknown as number); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + + const addBasket = () => { + console.log('add'); + } + + + 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(button); + setCheck({...check, [button]: check[button as unknown as number] === 'none' ? 'yellow' : 'none'}); + if (check[button as unknown as number]==='none') { + setSum(sum-ing[button as unknown as number].price); + } else { + setSum(sum+ing[button as unknown as number].price); + } + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([]); + setSum(price[activeSize] as unknown as number); + }, [activeSize, activeType, heft, price]); + + return ( + <> + + + +
    +

    {totalCount} товар(а)

    +
    +
    +
    + {Object.keys(basket).length > 0 ? basket.map((rows, count) => + + ): ' Корзина пуста'} +
    +
    +

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

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

    Доставка

    {delivery} ₽

    +
    +
    +

    {quantityGoods} товар(а)

    +

    {sum} ₽

    +
    +
    + +
    + + +
    +
    + {'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' ? : }
      +
      +
      • )} +
    +
    +
    + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/cart/content_20220618065924.tsx b/.history/components/customer/pages/index/modals/cart/content_20220618065924.tsx new file mode 100644 index 0000000..2283c95 --- /dev/null +++ b/.history/components/customer/pages/index/modals/cart/content_20220618065924.tsx @@ -0,0 +1,190 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +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, Box } from '../../../../../../components/customer/containers'; + +type PizzaProps = { + id: number; + 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 PizzaModalsContent: React.FC = ({ + id, + title, + img, + heft, + description, + price, + size, +}) => { + const { totalPrice, totalCount } = useSelector(({ cart }) => cart); + + const [additionally, setAdditionally] = useState([{src:'/coca.png', name: 'Coca', price: 100}, + {src:'/coca.png', name: 'Coca', price: 100}, + {src:'/coca.png', name: 'Coca', price: 100}, + {src:'/coca.png', name: 'Coca', price: 100}, + {src:'/coca.png', name: 'Coca', price: 100},]); + + const [delivery, setDelivery] = useState(0); + + const [activeType, setActiveType] = useState(0); + const [activeSize, setActiveSize] = useState(1); + const [sum, setSum] = useState(price[activeSize] as unknown as number); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + + const addBasket = () => { + console.log('add'); + } + + + 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(button); + setCheck({...check, [button]: check[button as unknown as number] === 'none' ? 'yellow' : 'none'}); + if (check[button as unknown as number]==='none') { + setSum(sum-ing[button as unknown as number].price); + } else { + setSum(sum+ing[button as unknown as number].price); + } + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([]); + setSum(price[activeSize] as unknown as number); + }, [activeSize, activeType, heft, price]); + + return ( + <> + + + +
    +

    {totalCount} товар(а)

    +
    +
    +
    + {Object.keys(basket).length > 0 ? basket.map((rows, count) => + + ): ' Корзина пуста'} +
    +
    +

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

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

    Доставка

    {delivery} ₽

    +
    +
    +

    {quantityGoods} товар(а)

    +

    {sum} ₽

    +
    +
    + +
    + + +
    +
    + {'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' ? : }
      +
      +
      • )} +
    +
    +
    + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/cart/content_20220618071114.tsx b/.history/components/customer/pages/index/modals/cart/content_20220618071114.tsx new file mode 100644 index 0000000..f478320 --- /dev/null +++ b/.history/components/customer/pages/index/modals/cart/content_20220618071114.tsx @@ -0,0 +1,104 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +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, Box } from '../../../../../../components/customer/containers'; +import {ButtonImg, Button } from '../../../../../UI'; + +type PizzaProps = { + id: number; + 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 PizzaModalsContent: React.FC = ({ + id, + title, + img, + heft, + description, + price, + size, +}) => { + //const { totalPrice, totalCount } = useSelector(({ cart }) => cart); + const totalCount =0; + const [basket, setBasket] = useState([]); + const [quantityGoods, setQuantityGoods] = useState(basket.length); + const [additionally, setAdditionally] = useState([{src:'/coca.png', name: 'Coca', price: 100}, + {src:'/coca.png', name: 'Coca', price: 100}, + {src:'/coca.png', name: 'Coca', price: 100}, + {src:'/coca.png', name: 'Coca', price: 100}, + {src:'/coca.png', name: 'Coca', price: 100},]); + + const [delivery, setDelivery] = useState(0); + + const [sum, setSum] = useState(0); + + const addBasket = () => { + console.log('add'); + } + + + + return ( + <> + + + +
    +

    {totalCount} товар(а)

    +
    +
    +
    + {Object.keys(basket).length > 0 ? basket.map((rows, count) => + + ): ' Корзина пуста'} +
    +
    +

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

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

    Доставка

    {delivery} ₽

    +
    +
    +

    {quantityGoods} товар(а)

    +

    {sum} ₽

    +
    +
    + +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/cart/content_20220618073833.tsx b/.history/components/customer/pages/index/modals/cart/content_20220618073833.tsx new file mode 100644 index 0000000..4cc254e --- /dev/null +++ b/.history/components/customer/pages/index/modals/cart/content_20220618073833.tsx @@ -0,0 +1,104 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +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, Box } from '../../../../../../components/customer/containers'; +import {ButtonImg, Button } from '../../../../../UI'; + +type PizzaProps = { + id: number; + 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 { totalPrice, totalCount } = useSelector(({ cart }) => cart); + const totalCount =0; + const [basket, setBasket] = useState([]); + const [quantityGoods, setQuantityGoods] = useState(basket.length); + const [additionally, setAdditionally] = useState([{src:'/coca.png', name: 'Coca', price: 100}, + {src:'/coca.png', name: 'Coca', price: 100}, + {src:'/coca.png', name: 'Coca', price: 100}, + {src:'/coca.png', name: 'Coca', price: 100}, + {src:'/coca.png', name: 'Coca', price: 100},]); + + const [delivery, setDelivery] = useState(0); + + const [sum, setSum] = useState(0); + + const addBasket = () => { + console.log('add'); + } + + + + return ( + <> + + + +
    +

    {totalCount} товар(а)

    +
    +
    +
    + {Object.keys(basket).length > 0 ? basket.map((rows, count) => + + ): ' Корзина пуста'} +
    +
    +

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

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

    Доставка

    {delivery} ₽

    +
    +
    +

    {quantityGoods} товар(а)

    +

    {sum} ₽

    +
    +
    + +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/cart/content_20220618081203.tsx b/.history/components/customer/pages/index/modals/cart/content_20220618081203.tsx new file mode 100644 index 0000000..4a2d17d --- /dev/null +++ b/.history/components/customer/pages/index/modals/cart/content_20220618081203.tsx @@ -0,0 +1,104 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +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, Box } from '../../../../../../components/customer/containers'; +import {ButtonImg, Button } from '../../../../../UI'; + +type PizzaProps = { + id: number; + 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 { totalPrice, totalCount } = useSelector(({ cart }) => cart); + const totalCount =0; + const [basket, setBasket] = useState([]); + const [quantityGoods, setQuantityGoods] = useState(basket.length); + 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 [sum, setSum] = useState(0); + + const addBasket = () => { + console.log('add'); + } + + + + return ( + <> + + + +
    +

    {totalCount} товар(а)

    +
    +
    +
    + {Object.keys(basket).length > 0 ? basket.map((rows, count) => + + ): ' Корзина пуста'} +
    +
    +

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

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

    Доставка

    {delivery} ₽

    +
    +
    +

    {quantityGoods} товар(а)

    +

    {sum} ₽

    +
    +
    + +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/cart/content_20220618082130.tsx b/.history/components/customer/pages/index/modals/cart/content_20220618082130.tsx new file mode 100644 index 0000000..c59f5d7 --- /dev/null +++ b/.history/components/customer/pages/index/modals/cart/content_20220618082130.tsx @@ -0,0 +1,104 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +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, Box } from '../../../../../../components/customer/containers'; +import {ButtonImg, Button } from '../../../../../UI'; + +type PizzaProps = { + id: number; + 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 { totalPrice, totalCount } = useSelector(({ cart }) => cart); + const totalCount =0; + const [basket, setBasket] = useState([]); + const [quantityGoods, setQuantityGoods] = useState(basket.length); + 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 [sum, setSum] = useState(0); + + const addBasket = () => { + console.log('add'); + } + + + + return ( + <> + + + +
    +

    {totalCount} товар(а)

    +
    +
    +
    + {Object.keys(basket).length > 0 ? basket.map((rows, count) => + + ): ' Корзина пуста'} +
    +
    +

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

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

    Доставка

    {delivery} ₽

    +
    +
    +

    {quantityGoods} товар(а)

    +

    {sum} ₽

    +
    +
    + +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/cart/content_20220618083539.tsx b/.history/components/customer/pages/index/modals/cart/content_20220618083539.tsx new file mode 100644 index 0000000..9326159 --- /dev/null +++ b/.history/components/customer/pages/index/modals/cart/content_20220618083539.tsx @@ -0,0 +1,104 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +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, Box } from '../../../../../../components/customer/containers'; +import {ButtonImg, Button } from '../../../../../UI'; + +type PizzaProps = { + id: number; + 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 { totalPrice, totalCount } = useSelector(({ cart }) => cart); + const totalCount =0; + const [basket, setBasket] = useState([]); + const [quantityGoods, setQuantityGoods] = useState(basket.length); + 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 [sum, setSum] = useState(0); + + const addBasket = () => { + console.log('add'); + } + + + + return ( + <> + + + +
    +

    {totalCount} товар(а)

    +
    +
    +
    + {Object.keys(basket).length > 0 ? basket.map((rows, count) => + + ): ' Корзина пуста'} +
    +
    +

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

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

    Доставка

    {delivery} ₽

    +
    +
    +

    {quantityGoods} товар(а)

    +

    {sum} ₽

    +
    +
    + +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/cart/content_20220618084207.tsx b/.history/components/customer/pages/index/modals/cart/content_20220618084207.tsx new file mode 100644 index 0000000..7d8b8db --- /dev/null +++ b/.history/components/customer/pages/index/modals/cart/content_20220618084207.tsx @@ -0,0 +1,104 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +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, Box } from '../../../../../../components/customer/containers'; +import {ButtonImg, Button } from '../../../../../UI'; + +type PizzaProps = { + id: number; + 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 { totalPrice, totalCount } = useSelector(({ cart }) => cart); + const totalCount =0; + const [basket, setBasket] = useState([]); + const [quantityGoods, setQuantityGoods] = useState(basket.length); + 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 [sum, setSum] = useState(0); + + const addBasket = () => { + console.log('add'); + } + + + + return ( + <> + + + +
    +

    {totalCount} товар(а)

    +
    +
    +
    + {Object.keys(basket).length > 0 ? basket.map((rows, count) => + + ): ' Корзина пуста'} +
    +
    +

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

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

    Доставка

    {delivery} ₽

    +
    +
    +

    {quantityGoods} товар(а)

    +

    {sum} ₽

    +
    +
    + +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/cart/content_20220618084215.tsx b/.history/components/customer/pages/index/modals/cart/content_20220618084215.tsx new file mode 100644 index 0000000..b5ebb49 --- /dev/null +++ b/.history/components/customer/pages/index/modals/cart/content_20220618084215.tsx @@ -0,0 +1,104 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +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, Box } from '../../../../../../components/customer/containers'; +import {ButtonImg, Button } from '../../../../../UI'; + +type PizzaProps = { + id: number; + 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 { totalPrice, totalCount } = useSelector(({ cart }) => cart); + const totalCount =0; + const [basket, setBasket] = useState([]); + const [quantityGoods, setQuantityGoods] = useState(basket.length); + 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 [sum, setSum] = useState(0); + + const addBasket = () => { + console.log('add'); + } + + + + return ( + <> + + + +
    +

    {totalCount} товар(а)

    +
    +
    +
    + {Object.keys(basket).length > 0 ? basket.map((rows, count) => + + ): ' Корзина пуста'} +
    +
    +

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

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

    Доставка

    {delivery} ₽

    +
    +
    +

    {quantityGoods} товар(а)

    +

    {sum} ₽

    +
    +
    + +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/cart/content_20220618105221.tsx b/.history/components/customer/pages/index/modals/cart/content_20220618105221.tsx new file mode 100644 index 0000000..5561a9d --- /dev/null +++ b/.history/components/customer/pages/index/modals/cart/content_20220618105221.tsx @@ -0,0 +1,104 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +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, Box } from '../../../../../../components/customer/containers'; +import {ButtonImg, Button } from '../../../../../UI'; + +type PizzaProps = { + id: number; + 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 { totalPrice, totalCount } = useSelector(({ cart }) => cart); + const totalCount =0; + const [basket, setBasket] = useState([{name:'Ggg'}]); + const [quantityGoods, setQuantityGoods] = useState(basket.length); + 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 [sum, setSum] = useState(0); + + const addBasket = () => { + console.log('add'); + } + + + + return ( + <> + + + +
    +

    {totalCount} товар(а)

    +
    +
    +
    + {Object.keys(basket).length > 0 ? basket.map((rows, count) => + + ): ' Корзина пуста'} +
    +
    +

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

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

    Доставка

    {delivery} ₽

    +
    +
    +

    {quantityGoods} товар(а)

    +

    {sum} ₽

    +
    +
    + +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/cart/content_20220618105351.tsx b/.history/components/customer/pages/index/modals/cart/content_20220618105351.tsx new file mode 100644 index 0000000..1305a21 --- /dev/null +++ b/.history/components/customer/pages/index/modals/cart/content_20220618105351.tsx @@ -0,0 +1,104 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +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, Box } from '../../../../../../components/customer/containers'; +import {ButtonImg, Button } from '../../../../../UI'; + +type PizzaProps = { + id: number; + 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 { totalPrice, totalCount } = useSelector(({ cart }) => cart); + const totalCount =0; + const [basket, setBasket] = useState([{name:'Ggg'}]); + const [quantityGoods, setQuantityGoods] = useState(basket.length); + 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 [sum, setSum] = useState(0); + + const addBasket = () => { + console.log('add'); + } + + + + return ( + <> + + + +
    +

    {totalCount} товар(а)

    +
    +
    +
    + {Object.keys(basket).length > 0 ? basket.map((rows, count) => + + ): ' Корзина пуста'} +
    +
    +

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

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

    Доставка

    {delivery} ₽

    +
    +
    +

    {quantityGoods} товар(а)

    +

    {sum} ₽

    +
    +
    + +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/cart/content_20220618105650.tsx b/.history/components/customer/pages/index/modals/cart/content_20220618105650.tsx new file mode 100644 index 0000000..2742304 --- /dev/null +++ b/.history/components/customer/pages/index/modals/cart/content_20220618105650.tsx @@ -0,0 +1,104 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +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, Box } from '../../../../../../components/customer/containers'; +import {ButtonImg, Button } from '../../../../../UI'; + +type PizzaProps = { + id: number; + 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 { totalPrice, totalCount } = useSelector(({ cart }) => cart); + const totalCount =0; + const [basket, setBasket] = useState([{name:'Ggg', size:'30 ffv'}]); + const [quantityGoods, setQuantityGoods] = useState(basket.length); + 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 [sum, setSum] = useState(0); + + const addBasket = () => { + console.log('add'); + } + + + + return ( + <> + + + +
    +

    {totalCount} товар(а)

    +
    +
    +
    + {Object.keys(basket).length > 0 ? basket.map((rows, count) => + + ): ' Корзина пуста'} +
    +
    +

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

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

    Доставка

    {delivery} ₽

    +
    +
    +

    {quantityGoods} товар(а)

    +

    {sum} ₽

    +
    +
    + +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/cart/content_20220618105704.tsx b/.history/components/customer/pages/index/modals/cart/content_20220618105704.tsx new file mode 100644 index 0000000..6c237e4 --- /dev/null +++ b/.history/components/customer/pages/index/modals/cart/content_20220618105704.tsx @@ -0,0 +1,104 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +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, Box } from '../../../../../../components/customer/containers'; +import {ButtonImg, Button } from '../../../../../UI'; + +type PizzaProps = { + id: number; + 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 { totalPrice, totalCount } = useSelector(({ cart }) => cart); + const totalCount =0; + const [basket, setBasket] = useState([{name:'Ggg', size:'30 ffv', price:'345'}]); + const [quantityGoods, setQuantityGoods] = useState(basket.length); + 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 [sum, setSum] = useState(0); + + const addBasket = () => { + console.log('add'); + } + + + + return ( + <> + + + +
    +

    {totalCount} товар(а)

    +
    +
    +
    + {Object.keys(basket).length > 0 ? basket.map((rows, count) => + + ): ' Корзина пуста'} +
    +
    +

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

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

    Доставка

    {delivery} ₽

    +
    +
    +

    {quantityGoods} товар(а)

    +

    {sum} ₽

    +
    +
    + +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/cart/content_20220618105753.tsx b/.history/components/customer/pages/index/modals/cart/content_20220618105753.tsx new file mode 100644 index 0000000..a8935f9 --- /dev/null +++ b/.history/components/customer/pages/index/modals/cart/content_20220618105753.tsx @@ -0,0 +1,104 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +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, Box } from '../../../../../../components/customer/containers'; +import {ButtonImg, Button } from '../../../../../UI'; + +type PizzaProps = { + id: number; + 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 { totalPrice, totalCount } = useSelector(({ cart }) => cart); + const totalCount =0; + const [basket, setBasket] = useState([{name:'Ggg', size:'30 ffv', sum:345}]); + const [quantityGoods, setQuantityGoods] = useState(basket.length); + 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 [sum, setSum] = useState(0); + + const addBasket = () => { + console.log('add'); + } + + + + return ( + <> + + + +
    +

    {totalCount} товар(а)

    +
    +
    +
    + {Object.keys(basket).length > 0 ? basket.map((rows, count) => + + ): ' Корзина пуста'} +
    +
    +

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

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

    Доставка

    {delivery} ₽

    +
    +
    +

    {quantityGoods} товар(а)

    +

    {sum} ₽

    +
    +
    + +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/cart/content_20220618111039.tsx b/.history/components/customer/pages/index/modals/cart/content_20220618111039.tsx new file mode 100644 index 0000000..dca7719 --- /dev/null +++ b/.history/components/customer/pages/index/modals/cart/content_20220618111039.tsx @@ -0,0 +1,104 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +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, Box } from '../../../../../../components/customer/containers'; +import {ButtonImg, Button } from '../../../../../UI'; + +type PizzaProps = { + id: number; + 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 { totalPrice, totalCount } = useSelector(({ cart }) => cart); + const totalCount =0; + const [basket, setBasket] = useState([{name:'Ggg', size:'30 ffv', sum:345}, {name:'Ggg', size:'30 ffv', sum:345},{name:'Ggg', size:'30 ffv', sum:345},{name:'Ggg', size:'30 ffv', sum:345},{name:'Ggg', size:'30 ffv', sum:345},{name:'Ggg', size:'30 ffv', sum:345},{name:'Ggg', size:'30 ffv', sum:345}]); + const [quantityGoods, setQuantityGoods] = useState(basket.length); + 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 [sum, setSum] = useState(0); + + const addBasket = () => { + console.log('add'); + } + + + + return ( + <> + + + +
    +

    {totalCount} товар(а)

    +
    +
    +
    + {Object.keys(basket).length > 0 ? basket.map((rows, count) => + + ): ' Корзина пуста'} +
    +
    +

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

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

    Доставка

    {delivery} ₽

    +
    +
    +

    {quantityGoods} товар(а)

    +

    {sum} ₽

    +
    +
    + +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/cart/content_20220618145445.tsx b/.history/components/customer/pages/index/modals/cart/content_20220618145445.tsx new file mode 100644 index 0000000..762db74 --- /dev/null +++ b/.history/components/customer/pages/index/modals/cart/content_20220618145445.tsx @@ -0,0 +1,101 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +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, Box } from '../../../../../../components/customer/containers'; +import {ButtonImg, Button } from '../../../../../UI'; + +type PizzaProps = { + id: number; + 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 { totalPrice, totalCount } = useSelector(({ cart }) => cart); + const totalCount =0; + const [basket, setBasket] = useState([{name:'Ggg', size:'30 ffv', sum:345}, {name:'Ggg', size:'30 ffv', sum:345},{name:'Ggg', size:'30 ffv', sum:345},{name:'Ggg', size:'30 ffv', sum:345},{name:'Ggg', size:'30 ffv', sum:345},{name:'Ggg', size:'30 ffv', sum:345},{name:'Ggg', size:'30 ffv', sum:345}]); + const [quantityGoods, setQuantityGoods] = useState(basket.length); + 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 [sum, setSum] = useState(0); + + const addBasket = () => { + console.log('add'); + } + + + + return ( + <> +
    +

    {totalCount} товар(а)

    +
    +
    +
    + {Object.keys(basket).length > 0 ? basket.map((rows, count) => + + ): ' Корзина пуста'} +
    +
    +

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

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

    Доставка

    {delivery} ₽

    +
    +
    +

    {quantityGoods} товар(а)

    +

    {sum} ₽

    +
    +
    + +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/cart/content_20220618145731.tsx b/.history/components/customer/pages/index/modals/cart/content_20220618145731.tsx new file mode 100644 index 0000000..dca7719 --- /dev/null +++ b/.history/components/customer/pages/index/modals/cart/content_20220618145731.tsx @@ -0,0 +1,104 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +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, Box } from '../../../../../../components/customer/containers'; +import {ButtonImg, Button } from '../../../../../UI'; + +type PizzaProps = { + id: number; + 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 { totalPrice, totalCount } = useSelector(({ cart }) => cart); + const totalCount =0; + const [basket, setBasket] = useState([{name:'Ggg', size:'30 ffv', sum:345}, {name:'Ggg', size:'30 ffv', sum:345},{name:'Ggg', size:'30 ffv', sum:345},{name:'Ggg', size:'30 ffv', sum:345},{name:'Ggg', size:'30 ffv', sum:345},{name:'Ggg', size:'30 ffv', sum:345},{name:'Ggg', size:'30 ffv', sum:345}]); + const [quantityGoods, setQuantityGoods] = useState(basket.length); + 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 [sum, setSum] = useState(0); + + const addBasket = () => { + console.log('add'); + } + + + + return ( + <> + + + +
    +

    {totalCount} товар(а)

    +
    +
    +
    + {Object.keys(basket).length > 0 ? basket.map((rows, count) => + + ): ' Корзина пуста'} +
    +
    +

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

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

    Доставка

    {delivery} ₽

    +
    +
    +

    {quantityGoods} товар(а)

    +

    {sum} ₽

    +
    +
    + +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/cart/index_20220618063258.ts b/.history/components/customer/pages/index/modals/cart/index_20220618063258.ts new file mode 100644 index 0000000..e69de29 diff --git a/.history/components/customer/pages/index/modals/cart/index_20220618063608.ts b/.history/components/customer/pages/index/modals/cart/index_20220618063608.ts new file mode 100644 index 0000000..e40c8f0 --- /dev/null +++ b/.history/components/customer/pages/index/modals/cart/index_20220618063608.ts @@ -0,0 +1,2 @@ +export * from './content' +export * from './pizzaCart' \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/cart/index_20220618065325.ts b/.history/components/customer/pages/index/modals/cart/index_20220618065325.ts new file mode 100644 index 0000000..c1b680a --- /dev/null +++ b/.history/components/customer/pages/index/modals/cart/index_20220618065325.ts @@ -0,0 +1,3 @@ +export * from './content' +export * from './pizzaCart' +export * from './cardBasketProduct' \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/cart/index_20220618065751.ts b/.history/components/customer/pages/index/modals/cart/index_20220618065751.ts new file mode 100644 index 0000000..509e878 --- /dev/null +++ b/.history/components/customer/pages/index/modals/cart/index_20220618065751.ts @@ -0,0 +1,4 @@ +export * from './content' +export * from './pizzaCart' +export * from './cardBasketProduct' +export * from './cardAdditionally' \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/cart/pizzaCart_20220618063313.tsx b/.history/components/customer/pages/index/modals/cart/pizzaCart_20220618063313.tsx new file mode 100644 index 0000000..e69de29 diff --git a/.history/components/customer/pages/index/modals/cart/pizzaCart_20220618063622.tsx b/.history/components/customer/pages/index/modals/cart/pizzaCart_20220618063622.tsx new file mode 100644 index 0000000..b086a57 --- /dev/null +++ b/.history/components/customer/pages/index/modals/cart/pizzaCart_20220618063622.tsx @@ -0,0 +1,32 @@ +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 new file mode 100644 index 0000000..cd8db16 --- /dev/null +++ b/.history/components/customer/pages/index/modals/cart/pizzaCart_20220618071220.tsx @@ -0,0 +1,32 @@ +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 new file mode 100644 index 0000000..dcbf0d9 --- /dev/null +++ b/.history/components/customer/pages/index/modals/cart/pizzaCart_20220618073843.tsx @@ -0,0 +1,32 @@ +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_20220618082309.tsx new file mode 100644 index 0000000..c5616c7 --- /dev/null +++ b/.history/components/customer/pages/index/modals/cart/pizzaCart_20220618082309.tsx @@ -0,0 +1,32 @@ +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 new file mode 100644 index 0000000..2ae5cac --- /dev/null +++ b/.history/components/customer/pages/index/modals/cart/pizzaCart_20220618104446.tsx @@ -0,0 +1,32 @@ +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 new file mode 100644 index 0000000..1e114fc --- /dev/null +++ b/.history/components/customer/pages/index/modals/cart/pizzaCart_20220618143512.tsx @@ -0,0 +1,32 @@ +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/index_20220601090126.ts b/.history/components/customer/pages/index/modals/index_20220601090126.ts new file mode 100644 index 0000000..e69de29 diff --git a/.history/components/customer/pages/index/modals/index_20220601090138.ts b/.history/components/customer/pages/index/modals/index_20220601090138.ts new file mode 100644 index 0000000..9099abf --- /dev/null +++ b/.history/components/customer/pages/index/modals/index_20220601090138.ts @@ -0,0 +1 @@ +export * from './pizza' \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/index_20220618073850.ts b/.history/components/customer/pages/index/modals/index_20220618073850.ts new file mode 100644 index 0000000..62bb833 --- /dev/null +++ b/.history/components/customer/pages/index/modals/index_20220618073850.ts @@ -0,0 +1,2 @@ +export * from './pizza' +export * from './cart' \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616124308.tsx b/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616124308.tsx new file mode 100644 index 0000000..e69de29 diff --git a/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616124912.tsx b/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616124912.tsx new file mode 100644 index 0000000..5461acf --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616124912.tsx @@ -0,0 +1,61 @@ +import React, { useState, useEffect } from 'react'; +import { BoxScroll } from '../../../../../../components/customer/containers'; + +var checkNow = ['none','none','none','none','none','none','none','none']; + +const Ingredients = ({...props}) => { + const [ingMass, setIngMass] = useState([{}]); + const [check, setCheck] = useState(['none','none','none','none','none','none','none','none']); + const ingredientsAdd = (e: React.MouseEvent) => { + setCheck({...check, [e.target.id]:check[e.target.id]==='none' ? 'yellow' : 'none'}); + checkNow[e.target.id] = check[e.target.id]==='none' ? 'yellow' : 'none'; + // console.log(checkNow); + if (check[e.target.id]==='none') { + props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + } else { + props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + } + } + useEffect(() => { + const getData = async () => { + //const response = await fetch(`https://swapi.dev/api/people/${props.id}/`); + //const newData = await response.json(); + // const response = await mass; + // const newData = await mass.json(); + setIngMass([{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}]); + }; + getData(); + setCheck(['none','none','none','none','none','none','none','none']); + props.updateData({ingredientsSum:0}); + }, [props.id]); + + return( + + { ingMass.length ? ingMass.map((rows, count) =>( +
  • +
    +
    +

    {rows.title}

    +

    {rows.price} p

    + +
    +
    • ) + ) : '...' + } +     + ) +} + +export default Ingredients; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616131650.tsx b/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616131650.tsx new file mode 100644 index 0000000..51253d8 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616131650.tsx @@ -0,0 +1,49 @@ +import React, { useState, useEffect } from 'react'; +var checkNow = ['none','none','none','none','none','none','none','none']; + +const Ingredients = ({...props}) => { + const [ingMass, setIngMass] = useState([{}]); + const [check, setCheck] = useState(['none','none','none','none','none','none','none','none']); + const ingredientsAdd = (e: React.MouseEvent) => { + setCheck({...check, [e.target.id]:check[e.target.id]==='none' ? 'yellow' : 'none'}); + checkNow[e.target.id] = check[e.target.id]==='none' ? 'yellow' : 'none'; + if (check[e.target.id]==='none') { + props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + } else { + props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + } + } + useEffect(() => { + const getData = async () => { + setIngMass([{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}]); + }; + getData(); + setCheck(['none','none','none','none','none','none','none','none']); + props.updateData({ingredientsSum:0}); + }, [props.id]); + + return( +
  • +
    +
    +

    {rows.title}

    +

    {rows.price} p

    + +
    +
    • + ) +} + +export default Ingredients; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616132920.tsx b/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616132920.tsx new file mode 100644 index 0000000..95910b2 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616132920.tsx @@ -0,0 +1,39 @@ +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +type PizzaProps = { + name: string; + title: string; + price: number; + id: string; + check: string; + onClick: () => void; + }; + +export const Ingredients: React.FC = ({ + name, + title, + price, + id, + check + }) => { + + + return( +
  • +
    +
    +

    {title}

    +

    {price} p

    + +
    +
    • + ) +} + +export default Ingredients; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616133019.tsx b/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616133019.tsx new file mode 100644 index 0000000..1cec692 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616133019.tsx @@ -0,0 +1,37 @@ +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +type PizzaProps = { + name: string; + title: string; + price: number; + id: string; + check: string; + onClick: () => void; + }; + +export const Ingredients: React.FC = ({ + name, + title, + price, + id, + check + }) => { + return( +
  • +
    +
    +

    {title}

    +

    {price} p

    + +
    +
    • + ) +} + +export default Ingredients; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616140058.tsx b/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616140058.tsx new file mode 100644 index 0000000..7473a59 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616140058.tsx @@ -0,0 +1,37 @@ +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +type PizzaProps = { + name: string; + title: string; + price: number; + id: string; + check: string; + onClick: () => void; + }; + +export const Ingredients: React.FC = ({ + name, + title, + price, + id, + check + }) => { + return( +
  • +
    +
    +

    {title}

    +

    {price} p

    + +
    +
    • + ) +} + +export default Ingredients; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616140200.tsx b/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616140200.tsx new file mode 100644 index 0000000..b14362f --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616140200.tsx @@ -0,0 +1,37 @@ +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +type PizzaProps = { + name: string; + title: string; + price: number; + id: string; + check: string; + onClick: () => void; + }; + +export const Ingredients: React.FC = ({ + name, + title, + price, + id, + check + }) => { + return( +
  • +
    +
    +

    {title}

    +

    {price} p

    + +
    +
    • + ) +} + +export default Ingredients; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616140525.tsx b/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616140525.tsx new file mode 100644 index 0000000..f38f6ea --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616140525.tsx @@ -0,0 +1,37 @@ +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +type PizzaProps = { + name: string; + title: string; + price: number; + id: string; + check: string; + onClick: () => void; + }; + +export const Ingredients: React.FC = ({ + name, + title, + price, + id, + check + }) => { + return( +
  • +
    +
    +

    {title}

    +

    {price} p

    + +
    +
    • + ) +} + +export default Ingredients; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616140611.tsx b/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616140611.tsx new file mode 100644 index 0000000..763dc78 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616140611.tsx @@ -0,0 +1,37 @@ +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +type PizzaProps = { + name: string; + title: string; + price: number; + id: string; + check: string; + onClick: () => void; + }; + +export const Ingredients: React.FC = ({ + name, + title, + price, + id, + check + }) => { + return( +
  • +
    +
    +

    {title}

    +

    {price} p

    + +
    +
    • + ) +} + +export default Ingredients; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616140621.tsx b/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616140621.tsx new file mode 100644 index 0000000..f38f6ea --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616140621.tsx @@ -0,0 +1,37 @@ +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +type PizzaProps = { + name: string; + title: string; + price: number; + id: string; + check: string; + onClick: () => void; + }; + +export const Ingredients: React.FC = ({ + name, + title, + price, + id, + check + }) => { + return( +
  • +
    +
    +

    {title}

    +

    {price} p

    + +
    +
    • + ) +} + +export default Ingredients; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616143834.tsx b/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616143834.tsx new file mode 100644 index 0000000..f2b5f9c --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616143834.tsx @@ -0,0 +1,37 @@ +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +type PizzaProps = { + name: string; + title: string; + price: number; + id: string; + check: string; + onClick: () => void; + }; + +export const Ingredients: React.FC = ({ + name, + title, + price, + id, + check + }) => { + return( +
  • +
    +
    +

    {title}

    +

    {price} p

    + +
    +
    • + ) +} + +export default Ingredients; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616143901.tsx b/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616143901.tsx new file mode 100644 index 0000000..206783a --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616143901.tsx @@ -0,0 +1,37 @@ +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +type PizzaProps = { + name: string; + title: string; + price: number; + id: string; + check: string; + onClick: () => void; + }; + +export const Ingredients: React.FC = ({ + name, + title, + price, + id, + check + }) => { + return( +
  • +
    +
    +

    {title}

    +

    {price} p

    + +
    +
    • + ) +} + +export default Ingredients; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616143907.tsx b/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616143907.tsx new file mode 100644 index 0000000..539a1f0 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616143907.tsx @@ -0,0 +1,37 @@ +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +type PizzaProps = { + name: string; + title: string; + price: number; + id: string; + check: string; + onClick: () => void; + }; + +export const Ingredients: React.FC = ({ + name, + title, + price, + id, + check + }) => { + return( +
  • +
    +
    +

    {title}

    +

    {price} p

    + +
    +
    • + ) +} + +export default Ingredients; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616144008.tsx b/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616144008.tsx new file mode 100644 index 0000000..6da6efc --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616144008.tsx @@ -0,0 +1,37 @@ +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +type PizzaProps = { + name: string; + title: string; + price: number; + id: string; + check: string; + onClick: () => void; + }; + +export const Ingredients: React.FC = ({ + name, + title, + price, + id, + check + }) => { + return( +
  • +
    +
    +

    {title}

    +

    {price} p

    + +
    +
    • + ) +} + +export default Ingredients; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616144031.tsx b/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616144031.tsx new file mode 100644 index 0000000..6da6efc --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616144031.tsx @@ -0,0 +1,37 @@ +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +type PizzaProps = { + name: string; + title: string; + price: number; + id: string; + check: string; + onClick: () => void; + }; + +export const Ingredients: React.FC = ({ + name, + title, + price, + id, + check + }) => { + return( +
  • +
    +
    +

    {title}

    +

    {price} p

    + +
    +
    • + ) +} + +export default Ingredients; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616144105.tsx b/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616144105.tsx new file mode 100644 index 0000000..41c62f7 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616144105.tsx @@ -0,0 +1,37 @@ +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +type PizzaProps = { + name: string; + title: string; + price: number; + id: string; + check: string; + onClick: () => void; + }; + +export const Ingredients: React.FC = ({ + name, + title, + price, + id, + check + }) => { + return( +
  • +
    +
    +

    {title}

    +

    {price} p

    + +
    +
    • + ) +} + +export default Ingredients; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616144115.tsx b/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616144115.tsx new file mode 100644 index 0000000..ee90baf --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616144115.tsx @@ -0,0 +1,37 @@ +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +type PizzaProps = { + name: string; + title: string; + price: number; + id: string; + check: string; + onClick: () => void; + }; + +export const Ingredients: React.FC = ({ + name, + title, + price, + id, + check + }) => { + return( +
  • +
    +
    +

    {title}

    +

    {price} p

    + +
    +
    • + ) +} + +export default Ingredients; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616144124.tsx b/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616144124.tsx new file mode 100644 index 0000000..41c62f7 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616144124.tsx @@ -0,0 +1,37 @@ +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +type PizzaProps = { + name: string; + title: string; + price: number; + id: string; + check: string; + onClick: () => void; + }; + +export const Ingredients: React.FC = ({ + name, + title, + price, + id, + check + }) => { + return( +
  • +
    +
    +

    {title}

    +

    {price} p

    + +
    +
    • + ) +} + +export default Ingredients; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616144253.tsx b/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616144253.tsx new file mode 100644 index 0000000..7bdf3fc --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616144253.tsx @@ -0,0 +1,37 @@ +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +type PizzaProps = { + name: string; + title: string; + price: number; + id: string; + check: string[]; + onClick: () => void; + }; + +export const Ingredients: React.FC = ({ + name, + title, + price, + id, + check + }) => { + return( +
  • +
    +
    +

    {title}

    +

    {price} p

    + +
    +
    • + ) +} + +export default Ingredients; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616144327.tsx b/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616144327.tsx new file mode 100644 index 0000000..41c62f7 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616144327.tsx @@ -0,0 +1,37 @@ +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +type PizzaProps = { + name: string; + title: string; + price: number; + id: string; + check: string; + onClick: () => void; + }; + +export const Ingredients: React.FC = ({ + name, + title, + price, + id, + check + }) => { + return( +
  • +
    +
    +

    {title}

    +

    {price} p

    + +
    +
    • + ) +} + +export default Ingredients; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616145033.tsx b/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616145033.tsx new file mode 100644 index 0000000..01fb7ad --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616145033.tsx @@ -0,0 +1,38 @@ +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +type PizzaProps = { + name: string; + title: string; + price: number; + id: string; + check: string; + onClick: () => void; + }; + +export const Ingredients: React.FC = ({ + name, + title, + price, + id, + check, + onClick + }) => { + return( +
  • +
    +
    +

    {title}

    +

    {price} p

    + +
    +
    • + ) +} + +export default Ingredients; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616145114.tsx b/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616145114.tsx new file mode 100644 index 0000000..a502411 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616145114.tsx @@ -0,0 +1,38 @@ +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +type PizzaProps = { + name: string; + title: string; + price: number; + id: string; + check: string; + onClick: () => void; + }; + +export const Ingredients: React.FC = ({ + name, + title, + price, + id, + check, + onClick + }) => { + return( +
  • +
    +
    +

    {title}

    +

    {price} p

    + +
    +
    • + ) +} + +export default Ingredients; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616192514.tsx b/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616192514.tsx new file mode 100644 index 0000000..36d1661 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616192514.tsx @@ -0,0 +1,38 @@ +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +type PizzaProps = { + name: string; + title: string; + price: number; + id: string; + check: string; + onClick: () => void; + }; + +export const Ingredients: React.FC = ({ + name, + title, + price, + id, + check, + onClick + }) => { + return( +
  • +
    +
    +

    {title}

    +

    {price} p

    + +
    +
    • + ) +} + +export default Ingredients; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616192554.tsx b/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616192554.tsx new file mode 100644 index 0000000..f0e91fc --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616192554.tsx @@ -0,0 +1,40 @@ +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +type PizzaProps = { + name: string; + title: string; + price: number; + id: string; + check: string; + onClick: () => void; + }; + +export const Ingredients: React.FC = ({ + name, + title, + price, + id, + check, + onClick + }) => { + return( +
  • +
    +
    +

    {title}

    +

    {price} p

    + +
    +
    • + ) +} + +export default Ingredients; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616192624.tsx b/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616192624.tsx new file mode 100644 index 0000000..f0e91fc --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616192624.tsx @@ -0,0 +1,40 @@ +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +type PizzaProps = { + name: string; + title: string; + price: number; + id: string; + check: string; + onClick: () => void; + }; + +export const Ingredients: React.FC = ({ + name, + title, + price, + id, + check, + onClick + }) => { + return( +
  • +
    +
    +

    {title}

    +

    {price} p

    + +
    +
    • + ) +} + +export default Ingredients; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616192702.tsx b/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616192702.tsx new file mode 100644 index 0000000..f0e91fc --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616192702.tsx @@ -0,0 +1,40 @@ +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +type PizzaProps = { + name: string; + title: string; + price: number; + id: string; + check: string; + onClick: () => void; + }; + +export const Ingredients: React.FC = ({ + name, + title, + price, + id, + check, + onClick + }) => { + return( +
  • +
    +
    +

    {title}

    +

    {price} p

    + +
    +
    • + ) +} + +export default Ingredients; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616215531.tsx b/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616215531.tsx new file mode 100644 index 0000000..93afbcd --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616215531.tsx @@ -0,0 +1,40 @@ +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +type PizzaProps = { + name: string; + title: string; + price: number; + id: string; + check: string; + onClick: () => void; + }; + +export const Ingredients: React.FC = ({ + name, + title, + price, + id, + check, + onClick + }) => { + return( +
  • +
    +
    +

    {title}

    +

    {price} p

    + +
    +
    • + ) +} + +export default Ingredients; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616220344.tsx b/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616220344.tsx new file mode 100644 index 0000000..9cb8763 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616220344.tsx @@ -0,0 +1,40 @@ +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +type PizzaProps = { + name: string; + title: string; + price: number; + id: string; + check: string; + onClick: () => void; + }; + +export const Ingredients: React.FC = ({ + name, + title, + price, + id, + check, + onClick + }) => { + return( +
  • +
    +
    +

    {title}

    +

    {price} p

    + +
    +
    • + ) +} + +export default Ingredients; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616220402.tsx b/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616220402.tsx new file mode 100644 index 0000000..a9666f3 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616220402.tsx @@ -0,0 +1,40 @@ +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +type PizzaProps = { + name: string; + title: string; + price: number; + id: string; + check: string; + onClick: () => void; + }; + +export const Ingredients: React.FC = ({ + name, + title, + price, + id, + check, + onClick + }) => { + return( +
  • +
    +
    +

    {title}

    +

    {price} p

    + +
    +
    • + ) +} + +export default Ingredients; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616220442.tsx b/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616220442.tsx new file mode 100644 index 0000000..0dd61df --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616220442.tsx @@ -0,0 +1,40 @@ +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +type PizzaProps = { + name: string; + title: string; + price: number; + id: string; + check: string; + onClick: () => void; + }; + +export const Ingredients: React.FC = ({ + name, + title, + price, + id, + check, + onClick + }) => { + return( +
  • +
    +
    +

    {title}

    +

    {price} p

    + +
    +
    • + ) +} + +export default Ingredients; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616220540.tsx b/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616220540.tsx new file mode 100644 index 0000000..577cbdb --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616220540.tsx @@ -0,0 +1,40 @@ +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +type PizzaProps = { + name: string; + title: string; + price: number; + id: string; + check: string; + onClick: () => void; + }; + +export const Ingredients: React.FC = ({ + name, + title, + price, + id, + check, + onClick + }) => { + return( +
  • +
    +
    +

    {title}

    +

    {price} p

    +
    +
    • + ) +} + +export default Ingredients; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616220611.tsx b/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616220611.tsx new file mode 100644 index 0000000..f94f58f --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616220611.tsx @@ -0,0 +1,40 @@ +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +type PizzaProps = { + name: string; + title: string; + price: number; + id: string; + check: string; + onClick: () => void; + }; + +export const Ingredients: React.FC = ({ + name, + title, + price, + id, + check, + onClick + }) => { + return( +
  • +
    +
    +

    {title}

    +

    {price} p

    +
    +
    • + ) +} + +export default Ingredients; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616220618.tsx b/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616220618.tsx new file mode 100644 index 0000000..fd7df71 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616220618.tsx @@ -0,0 +1,40 @@ +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +type PizzaProps = { + name: string; + title: string; + price: number; + id: string; + check: string; + onClick: () => void; + }; + +export const Ingredients: React.FC = ({ + name, + title, + price, + id, + check, + onClick + }) => { + return( +
  • +
    +
    +

    {title}

    +

    {price} p

    +
    +
    • + ) +} + +export default Ingredients; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616220713.tsx b/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616220713.tsx new file mode 100644 index 0000000..577cbdb --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616220713.tsx @@ -0,0 +1,40 @@ +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +type PizzaProps = { + name: string; + title: string; + price: number; + id: string; + check: string; + onClick: () => void; + }; + +export const Ingredients: React.FC = ({ + name, + title, + price, + id, + check, + onClick + }) => { + return( +
  • +
    +
    +

    {title}

    +

    {price} p

    +
    +
    • + ) +} + +export default Ingredients; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616220727.tsx b/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616220727.tsx new file mode 100644 index 0000000..577cbdb --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616220727.tsx @@ -0,0 +1,40 @@ +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +type PizzaProps = { + name: string; + title: string; + price: number; + id: string; + check: string; + onClick: () => void; + }; + +export const Ingredients: React.FC = ({ + name, + title, + price, + id, + check, + onClick + }) => { + return( +
  • +
    +
    +

    {title}

    +

    {price} p

    +
    +
    • + ) +} + +export default Ingredients; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616220744.tsx b/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616220744.tsx new file mode 100644 index 0000000..f3ca931 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/Ingredients_20220616220744.tsx @@ -0,0 +1,38 @@ +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +type PizzaProps = { + name: string; + title: string; + price: number; + id: string; + check: string; + onClick: () => void; + }; + +export const Ingredients: React.FC = ({ + name, + title, + price, + id, + check, + onClick + }) => { + return( +
  • +
    +
    +

    {title}

    +

    {price} p

    +
    +
    • + ) +} + +export default Ingredients; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/Ingredients_20220617085940.tsx b/.history/components/customer/pages/index/modals/pizza/Ingredients_20220617085940.tsx new file mode 100644 index 0000000..10c352b --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/Ingredients_20220617085940.tsx @@ -0,0 +1,39 @@ +import React, { useState, useEffect } from 'react'; +import classNames from 'classnames'; + +type PizzaProps = { + name: string; + title: string; + price: number; + id: string; + check: string; + onClick: () => void; + }; + +export const Ingredients: React.FC = ({ + name, + title, + price, + id, + check, + onClick + }) => { + return( +
  • +
    +
    +

    {title}

    +

    {price} p

    +
    +
    • + ) +} + +export default Ingredients; \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/Modal_20220618145856.scss b/.history/components/customer/pages/index/modals/pizza/Modal_20220618145856.scss new file mode 100644 index 0000000..2814638 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/Modal_20220618145856.scss @@ -0,0 +1,90 @@ +.modal { + display: block; /* Hidden by default */ + position: fixed; /* Stay in place */ + z-index: 100; /* Sit on top */ + left: 0; + top: 0; + width: 100%; /* Full width */ + height: 100%; /* Full height */ + overflow: auto; /* Enable scroll if needed */ + background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ + } + + /* Modal Content */ + .modal_content { + background-color: #fefefe; + margin: auto; + /*border: 1px solid #888;*/ + } + + .modal_body{ + height: 100%; + flex-wrap: wrap; + display: flex; + } + + .modal_img{ + text-align: center; + height: 100%; + display: grid;; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + } + + .modal_dialog{ + margin: 0 auto; + } + + .modal_footer{ + display: table; + margin: 0 auto; + margin-top: 15px; + } + + .modal_title{ + font-family: 'Rubik'; + font-style: normal; + font-weight: 400; + font-size: 20px; + line-height: 24px; + letter-spacing: 0.02em; + color: #252A48; + margin: 10px 10px 10px 15px; + } + + .modal_feature{ + font-family: 'Rubik'; + font-style: normal; + font-weight: 400; + font-size: 13px; + line-height: 15px; + letter-spacing: 0.02em; + margin: 10px 10px 10px 15px; + color: #8E8E93; + } + + .modal_description{ + font-family: 'Rubik'; + font-style: normal; + font-weight: 400; + font-size: 13px; + line-height: 15px; + letter-spacing: 0.02em; + color: #252A48; + margin: 10px 10px 10px 15px; + } + + /* The Close Button */ + .close { + color: #aaaaaa; + float: right; + font-size: 28px; + font-weight: bold; + } + + .close:hover, + .close:focus { + color: #000; + text-decoration: none; + cursor: pointer; + } \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/Modal_20220618150729.scss b/.history/components/customer/pages/index/modals/pizza/Modal_20220618150729.scss new file mode 100644 index 0000000..cbe2c49 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/Modal_20220618150729.scss @@ -0,0 +1,90 @@ +.pizza_modal_card { + display: block; /* Hidden by default */ + position: fixed; /* Stay in place */ + z-index: 100; /* Sit on top */ + left: 0; + top: 0; + width: 100%; /* Full width */ + height: 100%; /* Full height */ + overflow: auto; /* Enable scroll if needed */ + background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ + } + + /* Modal Content */ + .modal_content { + background-color: #fefefe; + margin: auto; + /*border: 1px solid #888;*/ + } + + .modal_body{ + height: 100%; + flex-wrap: wrap; + display: flex; + } + + .modal_img{ + text-align: center; + height: 100%; + display: grid;; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + } + + .modal_dialog{ + margin: 0 auto; + } + + .modal_footer{ + display: table; + margin: 0 auto; + margin-top: 15px; + } + + .modal_title{ + font-family: 'Rubik'; + font-style: normal; + font-weight: 400; + font-size: 20px; + line-height: 24px; + letter-spacing: 0.02em; + color: #252A48; + margin: 10px 10px 10px 15px; + } + + .modal_feature{ + font-family: 'Rubik'; + font-style: normal; + font-weight: 400; + font-size: 13px; + line-height: 15px; + letter-spacing: 0.02em; + margin: 10px 10px 10px 15px; + color: #8E8E93; + } + + .modal_description{ + font-family: 'Rubik'; + font-style: normal; + font-weight: 400; + font-size: 13px; + line-height: 15px; + letter-spacing: 0.02em; + color: #252A48; + margin: 10px 10px 10px 15px; + } + + /* The Close Button */ + .close { + color: #aaaaaa; + float: right; + font-size: 28px; + font-weight: bold; + } + + .close:hover, + .close:focus { + color: #000; + text-decoration: none; + cursor: pointer; + } \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/Modal_20220618150941.scss b/.history/components/customer/pages/index/modals/pizza/Modal_20220618150941.scss new file mode 100644 index 0000000..2814638 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/Modal_20220618150941.scss @@ -0,0 +1,90 @@ +.modal { + display: block; /* Hidden by default */ + position: fixed; /* Stay in place */ + z-index: 100; /* Sit on top */ + left: 0; + top: 0; + width: 100%; /* Full width */ + height: 100%; /* Full height */ + overflow: auto; /* Enable scroll if needed */ + background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ + } + + /* Modal Content */ + .modal_content { + background-color: #fefefe; + margin: auto; + /*border: 1px solid #888;*/ + } + + .modal_body{ + height: 100%; + flex-wrap: wrap; + display: flex; + } + + .modal_img{ + text-align: center; + height: 100%; + display: grid;; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + } + + .modal_dialog{ + margin: 0 auto; + } + + .modal_footer{ + display: table; + margin: 0 auto; + margin-top: 15px; + } + + .modal_title{ + font-family: 'Rubik'; + font-style: normal; + font-weight: 400; + font-size: 20px; + line-height: 24px; + letter-spacing: 0.02em; + color: #252A48; + margin: 10px 10px 10px 15px; + } + + .modal_feature{ + font-family: 'Rubik'; + font-style: normal; + font-weight: 400; + font-size: 13px; + line-height: 15px; + letter-spacing: 0.02em; + margin: 10px 10px 10px 15px; + color: #8E8E93; + } + + .modal_description{ + font-family: 'Rubik'; + font-style: normal; + font-weight: 400; + font-size: 13px; + line-height: 15px; + letter-spacing: 0.02em; + color: #252A48; + margin: 10px 10px 10px 15px; + } + + /* The Close Button */ + .close { + color: #aaaaaa; + float: right; + font-size: 28px; + font-weight: bold; + } + + .close:hover, + .close:focus { + color: #000; + text-decoration: none; + cursor: pointer; + } \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/Modal_20220618150956.scss b/.history/components/customer/pages/index/modals/pizza/Modal_20220618150956.scss new file mode 100644 index 0000000..cbe2c49 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/Modal_20220618150956.scss @@ -0,0 +1,90 @@ +.pizza_modal_card { + display: block; /* Hidden by default */ + position: fixed; /* Stay in place */ + z-index: 100; /* Sit on top */ + left: 0; + top: 0; + width: 100%; /* Full width */ + height: 100%; /* Full height */ + overflow: auto; /* Enable scroll if needed */ + background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ + } + + /* Modal Content */ + .modal_content { + background-color: #fefefe; + margin: auto; + /*border: 1px solid #888;*/ + } + + .modal_body{ + height: 100%; + flex-wrap: wrap; + display: flex; + } + + .modal_img{ + text-align: center; + height: 100%; + display: grid;; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + } + + .modal_dialog{ + margin: 0 auto; + } + + .modal_footer{ + display: table; + margin: 0 auto; + margin-top: 15px; + } + + .modal_title{ + font-family: 'Rubik'; + font-style: normal; + font-weight: 400; + font-size: 20px; + line-height: 24px; + letter-spacing: 0.02em; + color: #252A48; + margin: 10px 10px 10px 15px; + } + + .modal_feature{ + font-family: 'Rubik'; + font-style: normal; + font-weight: 400; + font-size: 13px; + line-height: 15px; + letter-spacing: 0.02em; + margin: 10px 10px 10px 15px; + color: #8E8E93; + } + + .modal_description{ + font-family: 'Rubik'; + font-style: normal; + font-weight: 400; + font-size: 13px; + line-height: 15px; + letter-spacing: 0.02em; + color: #252A48; + margin: 10px 10px 10px 15px; + } + + /* The Close Button */ + .close { + color: #aaaaaa; + float: right; + font-size: 28px; + font-weight: bold; + } + + .close:hover, + .close:focus { + color: #000; + text-decoration: none; + cursor: pointer; + } \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/Modal_20220618151044.scss b/.history/components/customer/pages/index/modals/pizza/Modal_20220618151044.scss new file mode 100644 index 0000000..4b2d7f8 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/Modal_20220618151044.scss @@ -0,0 +1,91 @@ +.pizza_modal_card { + display: block; /* Hidden by default */ + position: fixed; /* Stay in place */ + z-index: 100; /* Sit on top */ + left: 0; + top: 0; + width: 100%; /* Full width */ + height: 100%; /* Full height */ + overflow: auto; /* Enable scroll if needed */ + background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ + + .dialog{ + margin: 0 auto; + } + + /* Modal Content */ + .modal_content { + background-color: #fefefe; + margin: auto; + /*border: 1px solid #888;*/ + } + + .modal_body{ + height: 100%; + flex-wrap: wrap; + display: flex; + } + + .modal_img{ + text-align: center; + height: 100%; + display: grid;; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + } + + + + .modal_footer{ + display: table; + margin: 0 auto; + margin-top: 15px; + } + + .modal_title{ + font-family: 'Rubik'; + font-style: normal; + font-weight: 400; + font-size: 20px; + line-height: 24px; + letter-spacing: 0.02em; + color: #252A48; + margin: 10px 10px 10px 15px; + } + + .modal_feature{ + font-family: 'Rubik'; + font-style: normal; + font-weight: 400; + font-size: 13px; + line-height: 15px; + letter-spacing: 0.02em; + margin: 10px 10px 10px 15px; + color: #8E8E93; + } + + .modal_description{ + font-family: 'Rubik'; + font-style: normal; + font-weight: 400; + font-size: 13px; + line-height: 15px; + letter-spacing: 0.02em; + color: #252A48; + margin: 10px 10px 10px 15px; + } + + /* The Close Button */ + .close { + color: #aaaaaa; + float: right; + font-size: 28px; + font-weight: bold; + } + + .close:hover, + .close:focus { + color: #000; + text-decoration: none; + cursor: pointer; + } \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/Modal_20220618151047.scss b/.history/components/customer/pages/index/modals/pizza/Modal_20220618151047.scss new file mode 100644 index 0000000..f7e6aee --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/Modal_20220618151047.scss @@ -0,0 +1,91 @@ +.pizza_modal_card { + display: block; /* Hidden by default */ + position: fixed; /* Stay in place */ + z-index: 100; /* Sit on top */ + left: 0; + top: 0; + width: 100%; /* Full width */ + height: 100%; /* Full height */ + overflow: auto; /* Enable scroll if needed */ + background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ + + .dialog { + margin: 0 auto; + } + + /* Modal Content */ + .modal_content { + background-color: #fefefe; + margin: auto; + /*border: 1px solid #888;*/ + } + + .modal_body{ + height: 100%; + flex-wrap: wrap; + display: flex; + } + + .modal_img{ + text-align: center; + height: 100%; + display: grid;; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + } + + + + .modal_footer{ + display: table; + margin: 0 auto; + margin-top: 15px; + } + + .modal_title{ + font-family: 'Rubik'; + font-style: normal; + font-weight: 400; + font-size: 20px; + line-height: 24px; + letter-spacing: 0.02em; + color: #252A48; + margin: 10px 10px 10px 15px; + } + + .modal_feature{ + font-family: 'Rubik'; + font-style: normal; + font-weight: 400; + font-size: 13px; + line-height: 15px; + letter-spacing: 0.02em; + margin: 10px 10px 10px 15px; + color: #8E8E93; + } + + .modal_description{ + font-family: 'Rubik'; + font-style: normal; + font-weight: 400; + font-size: 13px; + line-height: 15px; + letter-spacing: 0.02em; + color: #252A48; + margin: 10px 10px 10px 15px; + } + + /* The Close Button */ + .close { + color: #aaaaaa; + float: right; + font-size: 28px; + font-weight: bold; + } + + .close:hover, + .close:focus { + color: #000; + text-decoration: none; + cursor: pointer; + } \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/Modal_20220618151134.scss b/.history/components/customer/pages/index/modals/pizza/Modal_20220618151134.scss new file mode 100644 index 0000000..53b5f16 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/Modal_20220618151134.scss @@ -0,0 +1,92 @@ +.pizza_modal_card { + display: block; /* Hidden by default */ + position: fixed; /* Stay in place */ + z-index: 100; /* Sit on top */ + left: 0; + top: 0; + width: 100%; /* Full width */ + height: 100%; /* Full height */ + overflow: auto; /* Enable scroll if needed */ + background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ + + .dialog { + margin: 0 auto; + } + + /* Modal Content */ + .modal_content { + background-color: #fefefe; + margin: auto; + /*border: 1px solid #888;*/ + } + + .modal_body{ + height: 100%; + flex-wrap: wrap; + display: flex; + } + + .modal_img{ + text-align: center; + height: 100%; + display: grid;; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + } + + + + .modal_footer{ + display: table; + margin: 0 auto; + margin-top: 15px; + } + + .modal_title{ + font-family: 'Rubik'; + font-style: normal; + font-weight: 400; + font-size: 20px; + line-height: 24px; + letter-spacing: 0.02em; + color: #252A48; + margin: 10px 10px 10px 15px; + } + + .modal_feature{ + font-family: 'Rubik'; + font-style: normal; + font-weight: 400; + font-size: 13px; + line-height: 15px; + letter-spacing: 0.02em; + margin: 10px 10px 10px 15px; + color: #8E8E93; + } + + .modal_description{ + font-family: 'Rubik'; + font-style: normal; + font-weight: 400; + font-size: 13px; + line-height: 15px; + letter-spacing: 0.02em; + color: #252A48; + margin: 10px 10px 10px 15px; + } + + /* The Close Button */ + .close { + color: #aaaaaa; + float: right; + font-size: 28px; + font-weight: bold; + } + + .close:hover, + .close:focus { + color: #000; + text-decoration: none; + cursor: pointer; + } +} \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/Modal_20220618151320.scss b/.history/components/customer/pages/index/modals/pizza/Modal_20220618151320.scss new file mode 100644 index 0000000..5f34e4e --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/Modal_20220618151320.scss @@ -0,0 +1,210 @@ +.pizza_modal_card { + display: block; /* Hidden by default */ + position: fixed; /* Stay in place */ + z-index: 100; /* Sit on top */ + left: 0; + top: 0; + width: 100%; /* Full width */ + height: 100%; /* Full height */ + overflow: auto; /* Enable scroll if needed */ + background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ + + .dialog { + margin: 0 auto; + height: 533px; + width: 900px; + } + + /* Modal Content */ + .modal_content { + background-color: #fefefe; + margin: auto; + /*border: 1px solid #888;*/ + } + + .modal_body{ + height: 100%; + flex-wrap: wrap; + display: flex; + } + + .modal_img{ + text-align: center; + height: 100%; + display: grid;; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + } + + + + .modal_footer{ + display: table; + margin: 0 auto; + margin-top: 15px; + } + + .modal_title{ + font-family: 'Rubik'; + font-style: normal; + font-weight: 400; + font-size: 20px; + line-height: 24px; + letter-spacing: 0.02em; + color: #252A48; + margin: 10px 10px 10px 15px; + } + + .modal_feature{ + font-family: 'Rubik'; + font-style: normal; + font-weight: 400; + font-size: 13px; + line-height: 15px; + letter-spacing: 0.02em; + margin: 10px 10px 10px 15px; + color: #8E8E93; + } + + .modal_description{ + font-family: 'Rubik'; + font-style: normal; + font-weight: 400; + font-size: 13px; + line-height: 15px; + letter-spacing: 0.02em; + color: #252A48; + margin: 10px 10px 10px 15px; + } + + /* The Close Button */ + .close { + color: #aaaaaa; + float: right; + font-size: 28px; + font-weight: bold; + } + + .close:hover, + .close:focus { + color: #000; + text-decoration: none; + cursor: pointer; + } +} + +.modal_body_left{ + margin: 0 auto; + float: left; + position: static; + display: flex; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + width: 400px; +} + +.modal_body_right{ + background: #F7F7F7; + width: 450px; + display: table; + float: left; + position: static; +} + +.modal_header{ + height: 450px; +} + +.position_product{ +padding-top: 100px; + /* padding-top: 100px; + right: 0; + left: unset !important; + position: absolute;*/ +} + +.pizza-block { + display: block ruby; + margin-bottom: 15px; + margin-left: 15px; + border-spacing: 0; + border-collapse: separate; + + &__selector { + -moz-transition: border 250ms, color 250ms; + -o-transition: border 250ms, color 250ms; + -webkit-transition: border 250ms, color 250ms; + transition: border 250ms, color 250ms; + cursor: pointer; + + ul { + margin-left: -25px; + + &:first-of-type { + margin-bottom: 6px; + } + + li { + padding: 5px; + cursor: pointer; + font-size: 14px; + + display: table-cell; + height: 24px; + vertical-align: middle; + text-align: center; + position: relative; + padding-left: 8px; + padding-right: 8px; + border-radius: 32px; + + &.active { + background: #FED11E; + box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.04); + cursor: auto; + } + + &.size{ + width: 60px; + height: 32px; + border-radius: 8px; + } + + &.type{ + width: 178px; + height: 24px; + border-radius: 12px; + -webkit-border-radius: 12px; + -moz-border-radius: 12px; + -ms-border-radius: 12px; + -o-border-radius: 12px; + } + } + } + } +} + +@media (max-width: 940px) { + .modal_product { + height: 1010px; + width: 100vw; + max-width: 400px; + } + .position_product{ + padding-top: 5px; + } +} + + +.vendor-list_ul_modal { + padding-top: 16px; + display: flex; + flex-wrap: wrap; +} + +@media (min-width: 640px) { + .vendor-list_ul_modal { + padding-top: 8px; + flex-wrap: wrap; + } +} \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/Modal_20220618151431.scss b/.history/components/customer/pages/index/modals/pizza/Modal_20220618151431.scss new file mode 100644 index 0000000..14b6930 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/Modal_20220618151431.scss @@ -0,0 +1,210 @@ +.pizza_modal_card { + display: block; /* Hidden by default */ + position: fixed; /* Stay in place */ + z-index: 100; /* Sit on top */ + left: 0; + top: 0; + width: 100%; /* Full width */ + height: 100%; /* Full height */ + overflow: auto; /* Enable scroll if needed */ + background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ + + .dialog { + margin: 0 auto; + height: 533px; + width: 900px; + } + + /* Modal Content */ + .content { + background-color: #fefefe; + margin: auto; + /*border: 1px solid #888;*/ + } + + .modal_body{ + height: 100%; + flex-wrap: wrap; + display: flex; + } + + .modal_img{ + text-align: center; + height: 100%; + display: grid;; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + } + + + + .modal_footer{ + display: table; + margin: 0 auto; + margin-top: 15px; + } + + .modal_title{ + font-family: 'Rubik'; + font-style: normal; + font-weight: 400; + font-size: 20px; + line-height: 24px; + letter-spacing: 0.02em; + color: #252A48; + margin: 10px 10px 10px 15px; + } + + .modal_feature{ + font-family: 'Rubik'; + font-style: normal; + font-weight: 400; + font-size: 13px; + line-height: 15px; + letter-spacing: 0.02em; + margin: 10px 10px 10px 15px; + color: #8E8E93; + } + + .modal_description{ + font-family: 'Rubik'; + font-style: normal; + font-weight: 400; + font-size: 13px; + line-height: 15px; + letter-spacing: 0.02em; + color: #252A48; + margin: 10px 10px 10px 15px; + } + + /* The Close Button */ + .close { + color: #aaaaaa; + float: right; + font-size: 28px; + font-weight: bold; + } + + .close:hover, + .close:focus { + color: #000; + text-decoration: none; + cursor: pointer; + } +} + +.modal_body_left{ + margin: 0 auto; + float: left; + position: static; + display: flex; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + width: 400px; +} + +.modal_body_right{ + background: #F7F7F7; + width: 450px; + display: table; + float: left; + position: static; +} + +.modal_header{ + height: 450px; +} + +.position_product{ +padding-top: 100px; + /* padding-top: 100px; + right: 0; + left: unset !important; + position: absolute;*/ +} + +.pizza-block { + display: block ruby; + margin-bottom: 15px; + margin-left: 15px; + border-spacing: 0; + border-collapse: separate; + + &__selector { + -moz-transition: border 250ms, color 250ms; + -o-transition: border 250ms, color 250ms; + -webkit-transition: border 250ms, color 250ms; + transition: border 250ms, color 250ms; + cursor: pointer; + + ul { + margin-left: -25px; + + &:first-of-type { + margin-bottom: 6px; + } + + li { + padding: 5px; + cursor: pointer; + font-size: 14px; + + display: table-cell; + height: 24px; + vertical-align: middle; + text-align: center; + position: relative; + padding-left: 8px; + padding-right: 8px; + border-radius: 32px; + + &.active { + background: #FED11E; + box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.04); + cursor: auto; + } + + &.size{ + width: 60px; + height: 32px; + border-radius: 8px; + } + + &.type{ + width: 178px; + height: 24px; + border-radius: 12px; + -webkit-border-radius: 12px; + -moz-border-radius: 12px; + -ms-border-radius: 12px; + -o-border-radius: 12px; + } + } + } + } +} + +@media (max-width: 940px) { + .modal_product { + height: 1010px; + width: 100vw; + max-width: 400px; + } + .position_product{ + padding-top: 5px; + } +} + + +.vendor-list_ul_modal { + padding-top: 16px; + display: flex; + flex-wrap: wrap; +} + +@media (min-width: 640px) { + .vendor-list_ul_modal { + padding-top: 8px; + flex-wrap: wrap; + } +} \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/Modal_20220618151502.scss b/.history/components/customer/pages/index/modals/pizza/Modal_20220618151502.scss new file mode 100644 index 0000000..e1412e2 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/Modal_20220618151502.scss @@ -0,0 +1,210 @@ +.pizza_modal_card { + display: block; /* Hidden by default */ + position: fixed; /* Stay in place */ + z-index: 100; /* Sit on top */ + left: 0; + top: 0; + width: 100%; /* Full width */ + height: 100%; /* Full height */ + overflow: auto; /* Enable scroll if needed */ + background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ + + .dialog { + margin: 0 auto; + height: 533px; + width: 900px; + } + + /* Modal Content */ + .content { + background-color: #fefefe; + margin: auto; + /*border: 1px solid #888;*/ + } + + .body{ + height: 100%; + flex-wrap: wrap; + display: flex; + } + + .modal_img{ + text-align: center; + height: 100%; + display: grid;; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + } + + + + .modal_footer{ + display: table; + margin: 0 auto; + margin-top: 15px; + } + + .modal_title{ + font-family: 'Rubik'; + font-style: normal; + font-weight: 400; + font-size: 20px; + line-height: 24px; + letter-spacing: 0.02em; + color: #252A48; + margin: 10px 10px 10px 15px; + } + + .modal_feature{ + font-family: 'Rubik'; + font-style: normal; + font-weight: 400; + font-size: 13px; + line-height: 15px; + letter-spacing: 0.02em; + margin: 10px 10px 10px 15px; + color: #8E8E93; + } + + .modal_description{ + font-family: 'Rubik'; + font-style: normal; + font-weight: 400; + font-size: 13px; + line-height: 15px; + letter-spacing: 0.02em; + color: #252A48; + margin: 10px 10px 10px 15px; + } + + /* The Close Button */ + .close { + color: #aaaaaa; + float: right; + font-size: 28px; + font-weight: bold; + } + + .close:hover, + .close:focus { + color: #000; + text-decoration: none; + cursor: pointer; + } +} + +.modal_body_left{ + margin: 0 auto; + float: left; + position: static; + display: flex; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + width: 400px; +} + +.modal_body_right{ + background: #F7F7F7; + width: 450px; + display: table; + float: left; + position: static; +} + +.modal_header{ + height: 450px; +} + +.position_product{ +padding-top: 100px; + /* padding-top: 100px; + right: 0; + left: unset !important; + position: absolute;*/ +} + +.pizza-block { + display: block ruby; + margin-bottom: 15px; + margin-left: 15px; + border-spacing: 0; + border-collapse: separate; + + &__selector { + -moz-transition: border 250ms, color 250ms; + -o-transition: border 250ms, color 250ms; + -webkit-transition: border 250ms, color 250ms; + transition: border 250ms, color 250ms; + cursor: pointer; + + ul { + margin-left: -25px; + + &:first-of-type { + margin-bottom: 6px; + } + + li { + padding: 5px; + cursor: pointer; + font-size: 14px; + + display: table-cell; + height: 24px; + vertical-align: middle; + text-align: center; + position: relative; + padding-left: 8px; + padding-right: 8px; + border-radius: 32px; + + &.active { + background: #FED11E; + box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.04); + cursor: auto; + } + + &.size{ + width: 60px; + height: 32px; + border-radius: 8px; + } + + &.type{ + width: 178px; + height: 24px; + border-radius: 12px; + -webkit-border-radius: 12px; + -moz-border-radius: 12px; + -ms-border-radius: 12px; + -o-border-radius: 12px; + } + } + } + } +} + +@media (max-width: 940px) { + .modal_product { + height: 1010px; + width: 100vw; + max-width: 400px; + } + .position_product{ + padding-top: 5px; + } +} + + +.vendor-list_ul_modal { + padding-top: 16px; + display: flex; + flex-wrap: wrap; +} + +@media (min-width: 640px) { + .vendor-list_ul_modal { + padding-top: 8px; + flex-wrap: wrap; + } +} \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/Modal_20220618151531.scss b/.history/components/customer/pages/index/modals/pizza/Modal_20220618151531.scss new file mode 100644 index 0000000..dc72805 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/Modal_20220618151531.scss @@ -0,0 +1,210 @@ +.pizza_modal_card { + display: block; /* Hidden by default */ + position: fixed; /* Stay in place */ + z-index: 100; /* Sit on top */ + left: 0; + top: 0; + width: 100%; /* Full width */ + height: 100%; /* Full height */ + overflow: auto; /* Enable scroll if needed */ + background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ + + .dialog { + margin: 0 auto; + height: 533px; + width: 900px; + + /* Modal Content */ + .content { + background-color: #fefefe; + margin: auto; + /*border: 1px solid #888;*/ + + .body{ + height: 100%; + flex-wrap: wrap; + display: flex; + } + } + } + + .modal_img{ + text-align: center; + height: 100%; + display: grid;; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + } + + + + .modal_footer{ + display: table; + margin: 0 auto; + margin-top: 15px; + } + + .modal_title{ + font-family: 'Rubik'; + font-style: normal; + font-weight: 400; + font-size: 20px; + line-height: 24px; + letter-spacing: 0.02em; + color: #252A48; + margin: 10px 10px 10px 15px; + } + + .modal_feature{ + font-family: 'Rubik'; + font-style: normal; + font-weight: 400; + font-size: 13px; + line-height: 15px; + letter-spacing: 0.02em; + margin: 10px 10px 10px 15px; + color: #8E8E93; + } + + .modal_description{ + font-family: 'Rubik'; + font-style: normal; + font-weight: 400; + font-size: 13px; + line-height: 15px; + letter-spacing: 0.02em; + color: #252A48; + margin: 10px 10px 10px 15px; + } + + /* The Close Button */ + .close { + color: #aaaaaa; + float: right; + font-size: 28px; + font-weight: bold; + } + + .close:hover, + .close:focus { + color: #000; + text-decoration: none; + cursor: pointer; + } +} + +.modal_body_left{ + margin: 0 auto; + float: left; + position: static; + display: flex; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + width: 400px; +} + +.modal_body_right{ + background: #F7F7F7; + width: 450px; + display: table; + float: left; + position: static; +} + +.modal_header{ + height: 450px; +} + +.position_product{ +padding-top: 100px; + /* padding-top: 100px; + right: 0; + left: unset !important; + position: absolute;*/ +} + +.pizza-block { + display: block ruby; + margin-bottom: 15px; + margin-left: 15px; + border-spacing: 0; + border-collapse: separate; + + &__selector { + -moz-transition: border 250ms, color 250ms; + -o-transition: border 250ms, color 250ms; + -webkit-transition: border 250ms, color 250ms; + transition: border 250ms, color 250ms; + cursor: pointer; + + ul { + margin-left: -25px; + + &:first-of-type { + margin-bottom: 6px; + } + + li { + padding: 5px; + cursor: pointer; + font-size: 14px; + + display: table-cell; + height: 24px; + vertical-align: middle; + text-align: center; + position: relative; + padding-left: 8px; + padding-right: 8px; + border-radius: 32px; + + &.active { + background: #FED11E; + box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.04); + cursor: auto; + } + + &.size{ + width: 60px; + height: 32px; + border-radius: 8px; + } + + &.type{ + width: 178px; + height: 24px; + border-radius: 12px; + -webkit-border-radius: 12px; + -moz-border-radius: 12px; + -ms-border-radius: 12px; + -o-border-radius: 12px; + } + } + } + } +} + +@media (max-width: 940px) { + .modal_product { + height: 1010px; + width: 100vw; + max-width: 400px; + } + .position_product{ + padding-top: 5px; + } +} + + +.vendor-list_ul_modal { + padding-top: 16px; + display: flex; + flex-wrap: wrap; +} + +@media (min-width: 640px) { + .vendor-list_ul_modal { + padding-top: 8px; + flex-wrap: wrap; + } +} \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/Modal_20220618151612.scss b/.history/components/customer/pages/index/modals/pizza/Modal_20220618151612.scss new file mode 100644 index 0000000..ba0f322 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/Modal_20220618151612.scss @@ -0,0 +1,209 @@ +.pizza_modal_card { + display: block; /* Hidden by default */ + position: fixed; /* Stay in place */ + z-index: 100; /* Sit on top */ + left: 0; + top: 0; + width: 100%; /* Full width */ + height: 100%; /* Full height */ + overflow: auto; /* Enable scroll if needed */ + background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ + + .dialog { + margin: 0 auto; + height: 533px; + width: 900px; + /* Modal Content */ + .content { + background-color: #fefefe; + margin: auto; + /*border: 1px solid #888;*/ + .body{ + height: 100%; + flex-wrap: wrap; + display: flex; + + } + } + } + + .modal_img{ + text-align: center; + height: 100%; + display: grid;; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + } + + + + .modal_footer{ + display: table; + margin: 0 auto; + margin-top: 15px; + } + + .modal_title{ + font-family: 'Rubik'; + font-style: normal; + font-weight: 400; + font-size: 20px; + line-height: 24px; + letter-spacing: 0.02em; + color: #252A48; + margin: 10px 10px 10px 15px; + } + + .modal_feature{ + font-family: 'Rubik'; + font-style: normal; + font-weight: 400; + font-size: 13px; + line-height: 15px; + letter-spacing: 0.02em; + margin: 10px 10px 10px 15px; + color: #8E8E93; + } + + .modal_description{ + font-family: 'Rubik'; + font-style: normal; + font-weight: 400; + font-size: 13px; + line-height: 15px; + letter-spacing: 0.02em; + color: #252A48; + margin: 10px 10px 10px 15px; + } + + /* The Close Button */ + .close { + color: #aaaaaa; + float: right; + font-size: 28px; + font-weight: bold; + } + + .close:hover, + .close:focus { + color: #000; + text-decoration: none; + cursor: pointer; + } +} + +.modal_body_left{ + margin: 0 auto; + float: left; + position: static; + display: flex; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + width: 400px; +} + +.modal_body_right{ + background: #F7F7F7; + width: 450px; + display: table; + float: left; + position: static; +} + +.modal_header{ + height: 450px; +} + +.position_product{ +padding-top: 100px; + /* padding-top: 100px; + right: 0; + left: unset !important; + position: absolute;*/ +} + +.pizza-block { + display: block ruby; + margin-bottom: 15px; + margin-left: 15px; + border-spacing: 0; + border-collapse: separate; + + &__selector { + -moz-transition: border 250ms, color 250ms; + -o-transition: border 250ms, color 250ms; + -webkit-transition: border 250ms, color 250ms; + transition: border 250ms, color 250ms; + cursor: pointer; + + ul { + margin-left: -25px; + + &:first-of-type { + margin-bottom: 6px; + } + + li { + padding: 5px; + cursor: pointer; + font-size: 14px; + + display: table-cell; + height: 24px; + vertical-align: middle; + text-align: center; + position: relative; + padding-left: 8px; + padding-right: 8px; + border-radius: 32px; + + &.active { + background: #FED11E; + box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.04); + cursor: auto; + } + + &.size{ + width: 60px; + height: 32px; + border-radius: 8px; + } + + &.type{ + width: 178px; + height: 24px; + border-radius: 12px; + -webkit-border-radius: 12px; + -moz-border-radius: 12px; + -ms-border-radius: 12px; + -o-border-radius: 12px; + } + } + } + } +} + +@media (max-width: 940px) { + .modal_product { + height: 1010px; + width: 100vw; + max-width: 400px; + } + .position_product{ + padding-top: 5px; + } +} + + +.vendor-list_ul_modal { + padding-top: 16px; + display: flex; + flex-wrap: wrap; +} + +@media (min-width: 640px) { + .vendor-list_ul_modal { + padding-top: 8px; + flex-wrap: wrap; + } +} \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/Modal_20220618152214.scss b/.history/components/customer/pages/index/modals/pizza/Modal_20220618152214.scss new file mode 100644 index 0000000..c31dc1b --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/Modal_20220618152214.scss @@ -0,0 +1,210 @@ +.pizza_modal_card { + display: block; /* Hidden by default */ + position: fixed; /* Stay in place */ + z-index: 100; /* Sit on top */ + left: 0; + top: 0; + width: 100%; /* Full width */ + height: 100%; /* Full height */ + overflow: auto; /* Enable scroll if needed */ + background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ + + .dialog { + margin: 0 auto; + height: 533px; + width: 900px; + /* Modal Content */ + .content { + background-color: #fefefe; + margin: auto; + /*border: 1px solid #888;*/ + .body{ + height: 100%; + flex-wrap: wrap; + display: flex; + + .left{ + margin: 0 auto; + float: left; + position: static; + display: flex; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + width: 400px; + } + } + } + } + + .modal_img{ + text-align: center; + height: 100%; + display: grid;; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + } + + + + .modal_footer{ + display: table; + margin: 0 auto; + margin-top: 15px; + } + + .modal_title{ + font-family: 'Rubik'; + font-style: normal; + font-weight: 400; + font-size: 20px; + line-height: 24px; + letter-spacing: 0.02em; + color: #252A48; + margin: 10px 10px 10px 15px; + } + + .modal_feature{ + font-family: 'Rubik'; + font-style: normal; + font-weight: 400; + font-size: 13px; + line-height: 15px; + letter-spacing: 0.02em; + margin: 10px 10px 10px 15px; + color: #8E8E93; + } + + .modal_description{ + font-family: 'Rubik'; + font-style: normal; + font-weight: 400; + font-size: 13px; + line-height: 15px; + letter-spacing: 0.02em; + color: #252A48; + margin: 10px 10px 10px 15px; + } + + /* The Close Button */ + .close { + color: #aaaaaa; + float: right; + font-size: 28px; + font-weight: bold; + } + + .close:hover, + .close:focus { + color: #000; + text-decoration: none; + cursor: pointer; + } +} + + + +.modal_body_right{ + background: #F7F7F7; + width: 450px; + display: table; + float: left; + position: static; +} + +.modal_header{ + height: 450px; +} + +.position_product{ +padding-top: 100px; + /* padding-top: 100px; + right: 0; + left: unset !important; + position: absolute;*/ +} + +.pizza-block { + display: block ruby; + margin-bottom: 15px; + margin-left: 15px; + border-spacing: 0; + border-collapse: separate; + + &__selector { + -moz-transition: border 250ms, color 250ms; + -o-transition: border 250ms, color 250ms; + -webkit-transition: border 250ms, color 250ms; + transition: border 250ms, color 250ms; + cursor: pointer; + + ul { + margin-left: -25px; + + &:first-of-type { + margin-bottom: 6px; + } + + li { + padding: 5px; + cursor: pointer; + font-size: 14px; + + display: table-cell; + height: 24px; + vertical-align: middle; + text-align: center; + position: relative; + padding-left: 8px; + padding-right: 8px; + border-radius: 32px; + + &.active { + background: #FED11E; + box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.04); + cursor: auto; + } + + &.size{ + width: 60px; + height: 32px; + border-radius: 8px; + } + + &.type{ + width: 178px; + height: 24px; + border-radius: 12px; + -webkit-border-radius: 12px; + -moz-border-radius: 12px; + -ms-border-radius: 12px; + -o-border-radius: 12px; + } + } + } + } +} + +@media (max-width: 940px) { + .modal_product { + height: 1010px; + width: 100vw; + max-width: 400px; + } + .position_product{ + padding-top: 5px; + } +} + + +.vendor-list_ul_modal { + padding-top: 16px; + display: flex; + flex-wrap: wrap; +} + +@media (min-width: 640px) { + .vendor-list_ul_modal { + padding-top: 8px; + flex-wrap: wrap; + } +} \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/Modal_20220618152234.scss b/.history/components/customer/pages/index/modals/pizza/Modal_20220618152234.scss new file mode 100644 index 0000000..3971076 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/Modal_20220618152234.scss @@ -0,0 +1,212 @@ +.pizza_modal_card { + display: block; /* Hidden by default */ + position: fixed; /* Stay in place */ + z-index: 100; /* Sit on top */ + left: 0; + top: 0; + width: 100%; /* Full width */ + height: 100%; /* Full height */ + overflow: auto; /* Enable scroll if needed */ + background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ + + .dialog { + margin: 0 auto; + height: 533px; + width: 900px; + /* Modal Content */ + .content { + background-color: #fefefe; + margin: auto; + /*border: 1px solid #888;*/ + .body{ + height: 100%; + flex-wrap: wrap; + display: flex; + + .left{ + margin: 0 auto; + float: left; + position: static; + display: flex; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + width: 400px; + + .img{ + text-align: center; + height: 100%; + display: grid;; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + } + } + } + } + } + + + + + + .modal_footer{ + display: table; + margin: 0 auto; + margin-top: 15px; + } + + .modal_title{ + font-family: 'Rubik'; + font-style: normal; + font-weight: 400; + font-size: 20px; + line-height: 24px; + letter-spacing: 0.02em; + color: #252A48; + margin: 10px 10px 10px 15px; + } + + .modal_feature{ + font-family: 'Rubik'; + font-style: normal; + font-weight: 400; + font-size: 13px; + line-height: 15px; + letter-spacing: 0.02em; + margin: 10px 10px 10px 15px; + color: #8E8E93; + } + + .modal_description{ + font-family: 'Rubik'; + font-style: normal; + font-weight: 400; + font-size: 13px; + line-height: 15px; + letter-spacing: 0.02em; + color: #252A48; + margin: 10px 10px 10px 15px; + } + + /* The Close Button */ + .close { + color: #aaaaaa; + float: right; + font-size: 28px; + font-weight: bold; + } + + .close:hover, + .close:focus { + color: #000; + text-decoration: none; + cursor: pointer; + } +} + + + +.modal_body_right{ + background: #F7F7F7; + width: 450px; + display: table; + float: left; + position: static; +} + +.modal_header{ + height: 450px; +} + +.position_product{ +padding-top: 100px; + /* padding-top: 100px; + right: 0; + left: unset !important; + position: absolute;*/ +} + +.pizza-block { + display: block ruby; + margin-bottom: 15px; + margin-left: 15px; + border-spacing: 0; + border-collapse: separate; + + &__selector { + -moz-transition: border 250ms, color 250ms; + -o-transition: border 250ms, color 250ms; + -webkit-transition: border 250ms, color 250ms; + transition: border 250ms, color 250ms; + cursor: pointer; + + ul { + margin-left: -25px; + + &:first-of-type { + margin-bottom: 6px; + } + + li { + padding: 5px; + cursor: pointer; + font-size: 14px; + + display: table-cell; + height: 24px; + vertical-align: middle; + text-align: center; + position: relative; + padding-left: 8px; + padding-right: 8px; + border-radius: 32px; + + &.active { + background: #FED11E; + box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.04); + cursor: auto; + } + + &.size{ + width: 60px; + height: 32px; + border-radius: 8px; + } + + &.type{ + width: 178px; + height: 24px; + border-radius: 12px; + -webkit-border-radius: 12px; + -moz-border-radius: 12px; + -ms-border-radius: 12px; + -o-border-radius: 12px; + } + } + } + } +} + +@media (max-width: 940px) { + .modal_product { + height: 1010px; + width: 100vw; + max-width: 400px; + } + .position_product{ + padding-top: 5px; + } +} + + +.vendor-list_ul_modal { + padding-top: 16px; + display: flex; + flex-wrap: wrap; +} + +@media (min-width: 640px) { + .vendor-list_ul_modal { + padding-top: 8px; + flex-wrap: wrap; + } +} \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/Modal_20220618152319.scss b/.history/components/customer/pages/index/modals/pizza/Modal_20220618152319.scss new file mode 100644 index 0000000..9cc25d7 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/Modal_20220618152319.scss @@ -0,0 +1,214 @@ +.pizza_modal_card { + display: block; /* Hidden by default */ + position: fixed; /* Stay in place */ + z-index: 100; /* Sit on top */ + left: 0; + top: 0; + width: 100%; /* Full width */ + height: 100%; /* Full height */ + overflow: auto; /* Enable scroll if needed */ + background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ + + .dialog { + margin: 0 auto; + height: 533px; + width: 900px; + /* Modal Content */ + .content { + background-color: #fefefe; + margin: auto; + /*border: 1px solid #888;*/ + .body{ + height: 100%; + flex-wrap: wrap; + display: flex; + + .left{ + margin: 0 auto; + float: left; + position: static; + display: flex; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + width: 400px; + + .img{ + text-align: center; + height: 100%; + display: grid;; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + } + } + + .right{ + background: #F7F7F7; + width: 450px; + display: table; + float: left; + position: static; + } + } + } + } + + + + + + .modal_footer{ + display: table; + margin: 0 auto; + margin-top: 15px; + } + + .modal_title{ + font-family: 'Rubik'; + font-style: normal; + font-weight: 400; + font-size: 20px; + line-height: 24px; + letter-spacing: 0.02em; + color: #252A48; + margin: 10px 10px 10px 15px; + } + + .modal_feature{ + font-family: 'Rubik'; + font-style: normal; + font-weight: 400; + font-size: 13px; + line-height: 15px; + letter-spacing: 0.02em; + margin: 10px 10px 10px 15px; + color: #8E8E93; + } + + .modal_description{ + font-family: 'Rubik'; + font-style: normal; + font-weight: 400; + font-size: 13px; + line-height: 15px; + letter-spacing: 0.02em; + color: #252A48; + margin: 10px 10px 10px 15px; + } + + /* The Close Button */ + .close { + color: #aaaaaa; + float: right; + font-size: 28px; + font-weight: bold; + } + + .close:hover, + .close:focus { + color: #000; + text-decoration: none; + cursor: pointer; + } +} + + + + + +.modal_header{ + height: 450px; +} + +.position_product{ +padding-top: 100px; + /* padding-top: 100px; + right: 0; + left: unset !important; + position: absolute;*/ +} + +.pizza-block { + display: block ruby; + margin-bottom: 15px; + margin-left: 15px; + border-spacing: 0; + border-collapse: separate; + + &__selector { + -moz-transition: border 250ms, color 250ms; + -o-transition: border 250ms, color 250ms; + -webkit-transition: border 250ms, color 250ms; + transition: border 250ms, color 250ms; + cursor: pointer; + + ul { + margin-left: -25px; + + &:first-of-type { + margin-bottom: 6px; + } + + li { + padding: 5px; + cursor: pointer; + font-size: 14px; + + display: table-cell; + height: 24px; + vertical-align: middle; + text-align: center; + position: relative; + padding-left: 8px; + padding-right: 8px; + border-radius: 32px; + + &.active { + background: #FED11E; + box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.04); + cursor: auto; + } + + &.size{ + width: 60px; + height: 32px; + border-radius: 8px; + } + + &.type{ + width: 178px; + height: 24px; + border-radius: 12px; + -webkit-border-radius: 12px; + -moz-border-radius: 12px; + -ms-border-radius: 12px; + -o-border-radius: 12px; + } + } + } + } +} + +@media (max-width: 940px) { + .modal_product { + height: 1010px; + width: 100vw; + max-width: 400px; + } + .position_product{ + padding-top: 5px; + } +} + + +.vendor-list_ul_modal { + padding-top: 16px; + display: flex; + flex-wrap: wrap; +} + +@media (min-width: 640px) { + .vendor-list_ul_modal { + padding-top: 8px; + flex-wrap: wrap; + } +} \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/Modal_20220618152349.scss b/.history/components/customer/pages/index/modals/pizza/Modal_20220618152349.scss new file mode 100644 index 0000000..4179751 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/Modal_20220618152349.scss @@ -0,0 +1,217 @@ +.pizza_modal_card { + display: block; /* Hidden by default */ + position: fixed; /* Stay in place */ + z-index: 100; /* Sit on top */ + left: 0; + top: 0; + width: 100%; /* Full width */ + height: 100%; /* Full height */ + overflow: auto; /* Enable scroll if needed */ + background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ + + .dialog { + margin: 0 auto; + height: 533px; + width: 900px; + /* Modal Content */ + .content { + background-color: #fefefe; + margin: auto; + /*border: 1px solid #888;*/ + .body{ + height: 100%; + flex-wrap: wrap; + display: flex; + + .left{ + margin: 0 auto; + float: left; + position: static; + display: flex; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + width: 400px; + + .img{ + text-align: center; + height: 100%; + display: grid;; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + } + } + + .right{ + background: #F7F7F7; + width: 450px; + display: table; + float: left; + position: static; + + .header{ + height: 450px; + } + + } + } + } + } + + + + + + .modal_footer{ + display: table; + margin: 0 auto; + margin-top: 15px; + } + + .modal_title{ + font-family: 'Rubik'; + font-style: normal; + font-weight: 400; + font-size: 20px; + line-height: 24px; + letter-spacing: 0.02em; + color: #252A48; + margin: 10px 10px 10px 15px; + } + + .modal_feature{ + font-family: 'Rubik'; + font-style: normal; + font-weight: 400; + font-size: 13px; + line-height: 15px; + letter-spacing: 0.02em; + margin: 10px 10px 10px 15px; + color: #8E8E93; + } + + .modal_description{ + font-family: 'Rubik'; + font-style: normal; + font-weight: 400; + font-size: 13px; + line-height: 15px; + letter-spacing: 0.02em; + color: #252A48; + margin: 10px 10px 10px 15px; + } + + /* The Close Button */ + .close { + color: #aaaaaa; + float: right; + font-size: 28px; + font-weight: bold; + } + + .close:hover, + .close:focus { + color: #000; + text-decoration: none; + cursor: pointer; + } +} + + + + + + + +.position_product{ +padding-top: 100px; + /* padding-top: 100px; + right: 0; + left: unset !important; + position: absolute;*/ +} + +.pizza-block { + display: block ruby; + margin-bottom: 15px; + margin-left: 15px; + border-spacing: 0; + border-collapse: separate; + + &__selector { + -moz-transition: border 250ms, color 250ms; + -o-transition: border 250ms, color 250ms; + -webkit-transition: border 250ms, color 250ms; + transition: border 250ms, color 250ms; + cursor: pointer; + + ul { + margin-left: -25px; + + &:first-of-type { + margin-bottom: 6px; + } + + li { + padding: 5px; + cursor: pointer; + font-size: 14px; + + display: table-cell; + height: 24px; + vertical-align: middle; + text-align: center; + position: relative; + padding-left: 8px; + padding-right: 8px; + border-radius: 32px; + + &.active { + background: #FED11E; + box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.04); + cursor: auto; + } + + &.size{ + width: 60px; + height: 32px; + border-radius: 8px; + } + + &.type{ + width: 178px; + height: 24px; + border-radius: 12px; + -webkit-border-radius: 12px; + -moz-border-radius: 12px; + -ms-border-radius: 12px; + -o-border-radius: 12px; + } + } + } + } +} + +@media (max-width: 940px) { + .modal_product { + height: 1010px; + width: 100vw; + max-width: 400px; + } + .position_product{ + padding-top: 5px; + } +} + + +.vendor-list_ul_modal { + padding-top: 16px; + display: flex; + flex-wrap: wrap; +} + +@media (min-width: 640px) { + .vendor-list_ul_modal { + padding-top: 8px; + flex-wrap: wrap; + } +} \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/Modal_20220618152446.scss b/.history/components/customer/pages/index/modals/pizza/Modal_20220618152446.scss new file mode 100644 index 0000000..73f9cd1 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/Modal_20220618152446.scss @@ -0,0 +1,221 @@ +.pizza_modal_card { + display: block; /* Hidden by default */ + position: fixed; /* Stay in place */ + z-index: 100; /* Sit on top */ + left: 0; + top: 0; + width: 100%; /* Full width */ + height: 100%; /* Full height */ + overflow: auto; /* Enable scroll if needed */ + background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ + font-family: 'Rubik'; + font-style: normal; + font-weight: 400; + + .dialog { + margin: 0 auto; + height: 533px; + width: 900px; + /* Modal Content */ + .content { + background-color: #fefefe; + margin: auto; + /*border: 1px solid #888;*/ + .body{ + height: 100%; + flex-wrap: wrap; + display: flex; + + .left{ + margin: 0 auto; + float: left; + position: static; + display: flex; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + width: 400px; + + .img{ + text-align: center; + height: 100%; + display: grid;; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + } + } + + .right{ + background: #F7F7F7; + width: 450px; + display: table; + float: left; + position: static; + + .header{ + height: 450px; + + .title{ + + font-size: 20px; + line-height: 24px; + letter-spacing: 0.02em; + color: #252A48; + margin: 10px 10px 10px 15px; + } + + + } + } + } + } + } + + + + + + .modal_footer{ + display: table; + margin: 0 auto; + margin-top: 15px; + } + + + + .modal_feature{ + font-family: 'Rubik'; + font-style: normal; + font-weight: 400; + font-size: 13px; + line-height: 15px; + letter-spacing: 0.02em; + margin: 10px 10px 10px 15px; + color: #8E8E93; + } + + .modal_description{ + font-family: 'Rubik'; + font-style: normal; + font-weight: 400; + font-size: 13px; + line-height: 15px; + letter-spacing: 0.02em; + color: #252A48; + margin: 10px 10px 10px 15px; + } + + /* The Close Button */ + .close { + color: #aaaaaa; + float: right; + font-size: 28px; + font-weight: bold; + } + + .close:hover, + .close:focus { + color: #000; + text-decoration: none; + cursor: pointer; + } +} + + + + + + + +.position_product{ +padding-top: 100px; + /* padding-top: 100px; + right: 0; + left: unset !important; + position: absolute;*/ +} + +.pizza-block { + display: block ruby; + margin-bottom: 15px; + margin-left: 15px; + border-spacing: 0; + border-collapse: separate; + + &__selector { + -moz-transition: border 250ms, color 250ms; + -o-transition: border 250ms, color 250ms; + -webkit-transition: border 250ms, color 250ms; + transition: border 250ms, color 250ms; + cursor: pointer; + + ul { + margin-left: -25px; + + &:first-of-type { + margin-bottom: 6px; + } + + li { + padding: 5px; + cursor: pointer; + font-size: 14px; + + display: table-cell; + height: 24px; + vertical-align: middle; + text-align: center; + position: relative; + padding-left: 8px; + padding-right: 8px; + border-radius: 32px; + + &.active { + background: #FED11E; + box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.04); + cursor: auto; + } + + &.size{ + width: 60px; + height: 32px; + border-radius: 8px; + } + + &.type{ + width: 178px; + height: 24px; + border-radius: 12px; + -webkit-border-radius: 12px; + -moz-border-radius: 12px; + -ms-border-radius: 12px; + -o-border-radius: 12px; + } + } + } + } +} + +@media (max-width: 940px) { + .modal_product { + height: 1010px; + width: 100vw; + max-width: 400px; + } + .position_product{ + padding-top: 5px; + } +} + + +.vendor-list_ul_modal { + padding-top: 16px; + display: flex; + flex-wrap: wrap; +} + +@media (min-width: 640px) { + .vendor-list_ul_modal { + padding-top: 8px; + flex-wrap: wrap; + } +} \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/Modal_20220618152456.scss b/.history/components/customer/pages/index/modals/pizza/Modal_20220618152456.scss new file mode 100644 index 0000000..08b5cef --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/Modal_20220618152456.scss @@ -0,0 +1,220 @@ +.pizza_modal_card { + display: block; /* Hidden by default */ + position: fixed; /* Stay in place */ + z-index: 100; /* Sit on top */ + left: 0; + top: 0; + width: 100%; /* Full width */ + height: 100%; /* Full height */ + overflow: auto; /* Enable scroll if needed */ + background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ + font-family: 'Rubik'; + font-style: normal; + font-weight: 400; + + .dialog { + margin: 0 auto; + height: 533px; + width: 900px; + /* Modal Content */ + .content { + background-color: #fefefe; + margin: auto; + /*border: 1px solid #888;*/ + .body{ + height: 100%; + flex-wrap: wrap; + display: flex; + + .left{ + margin: 0 auto; + float: left; + position: static; + display: flex; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + width: 400px; + + .img{ + text-align: center; + height: 100%; + display: grid;; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + } + } + + .right{ + background: #F7F7F7; + width: 450px; + display: table; + float: left; + position: static; + + .header{ + height: 450px; + + .title{ + font-size: 20px; + line-height: 24px; + letter-spacing: 0.02em; + color: #252A48; + margin: 10px 10px 10px 15px; + } + + + } + } + } + } + } + + + + + + .modal_footer{ + display: table; + margin: 0 auto; + margin-top: 15px; + } + + + + .modal_feature{ + font-family: 'Rubik'; + font-style: normal; + font-weight: 400; + font-size: 13px; + line-height: 15px; + letter-spacing: 0.02em; + margin: 10px 10px 10px 15px; + color: #8E8E93; + } + + .modal_description{ + font-family: 'Rubik'; + font-style: normal; + font-weight: 400; + font-size: 13px; + line-height: 15px; + letter-spacing: 0.02em; + color: #252A48; + margin: 10px 10px 10px 15px; + } + + /* The Close Button */ + .close { + color: #aaaaaa; + float: right; + font-size: 28px; + font-weight: bold; + } + + .close:hover, + .close:focus { + color: #000; + text-decoration: none; + cursor: pointer; + } +} + + + + + + + +.position_product{ +padding-top: 100px; + /* padding-top: 100px; + right: 0; + left: unset !important; + position: absolute;*/ +} + +.pizza-block { + display: block ruby; + margin-bottom: 15px; + margin-left: 15px; + border-spacing: 0; + border-collapse: separate; + + &__selector { + -moz-transition: border 250ms, color 250ms; + -o-transition: border 250ms, color 250ms; + -webkit-transition: border 250ms, color 250ms; + transition: border 250ms, color 250ms; + cursor: pointer; + + ul { + margin-left: -25px; + + &:first-of-type { + margin-bottom: 6px; + } + + li { + padding: 5px; + cursor: pointer; + font-size: 14px; + + display: table-cell; + height: 24px; + vertical-align: middle; + text-align: center; + position: relative; + padding-left: 8px; + padding-right: 8px; + border-radius: 32px; + + &.active { + background: #FED11E; + box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.04); + cursor: auto; + } + + &.size{ + width: 60px; + height: 32px; + border-radius: 8px; + } + + &.type{ + width: 178px; + height: 24px; + border-radius: 12px; + -webkit-border-radius: 12px; + -moz-border-radius: 12px; + -ms-border-radius: 12px; + -o-border-radius: 12px; + } + } + } + } +} + +@media (max-width: 940px) { + .modal_product { + height: 1010px; + width: 100vw; + max-width: 400px; + } + .position_product{ + padding-top: 5px; + } +} + + +.vendor-list_ul_modal { + padding-top: 16px; + display: flex; + flex-wrap: wrap; +} + +@media (min-width: 640px) { + .vendor-list_ul_modal { + padding-top: 8px; + flex-wrap: wrap; + } +} \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/Modal_20220618152523.scss b/.history/components/customer/pages/index/modals/pizza/Modal_20220618152523.scss new file mode 100644 index 0000000..330bf56 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/Modal_20220618152523.scss @@ -0,0 +1,218 @@ +.pizza_modal_card { + display: block; /* Hidden by default */ + position: fixed; /* Stay in place */ + z-index: 100; /* Sit on top */ + left: 0; + top: 0; + width: 100%; /* Full width */ + height: 100%; /* Full height */ + overflow: auto; /* Enable scroll if needed */ + background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ + font-family: 'Rubik'; + font-style: normal; + font-weight: 400; + + .dialog { + margin: 0 auto; + height: 533px; + width: 900px; + /* Modal Content */ + .content { + background-color: #fefefe; + margin: auto; + /*border: 1px solid #888;*/ + .body{ + height: 100%; + flex-wrap: wrap; + display: flex; + + .left{ + margin: 0 auto; + float: left; + position: static; + display: flex; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + width: 400px; + + .img{ + text-align: center; + height: 100%; + display: grid;; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + } + } + + .right{ + background: #F7F7F7; + width: 450px; + display: table; + float: left; + position: static; + + .header{ + height: 450px; + + .title{ + font-size: 20px; + line-height: 24px; + letter-spacing: 0.02em; + color: #252A48; + margin: 10px 10px 10px 15px; + } + .feature{ + font-size: 13px; + line-height: 15px; + letter-spacing: 0.02em; + margin: 10px 10px 10px 15px; + color: #8E8E93; + } + + + } + } + } + } + } + + + + + + .modal_footer{ + display: table; + margin: 0 auto; + margin-top: 15px; + } + + + + + + .modal_description{ + font-family: 'Rubik'; + font-style: normal; + font-weight: 400; + font-size: 13px; + line-height: 15px; + letter-spacing: 0.02em; + color: #252A48; + margin: 10px 10px 10px 15px; + } + + /* The Close Button */ + .close { + color: #aaaaaa; + float: right; + font-size: 28px; + font-weight: bold; + } + + .close:hover, + .close:focus { + color: #000; + text-decoration: none; + cursor: pointer; + } +} + + + + + + + +.position_product{ +padding-top: 100px; + /* padding-top: 100px; + right: 0; + left: unset !important; + position: absolute;*/ +} + +.pizza-block { + display: block ruby; + margin-bottom: 15px; + margin-left: 15px; + border-spacing: 0; + border-collapse: separate; + + &__selector { + -moz-transition: border 250ms, color 250ms; + -o-transition: border 250ms, color 250ms; + -webkit-transition: border 250ms, color 250ms; + transition: border 250ms, color 250ms; + cursor: pointer; + + ul { + margin-left: -25px; + + &:first-of-type { + margin-bottom: 6px; + } + + li { + padding: 5px; + cursor: pointer; + font-size: 14px; + + display: table-cell; + height: 24px; + vertical-align: middle; + text-align: center; + position: relative; + padding-left: 8px; + padding-right: 8px; + border-radius: 32px; + + &.active { + background: #FED11E; + box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.04); + cursor: auto; + } + + &.size{ + width: 60px; + height: 32px; + border-radius: 8px; + } + + &.type{ + width: 178px; + height: 24px; + border-radius: 12px; + -webkit-border-radius: 12px; + -moz-border-radius: 12px; + -ms-border-radius: 12px; + -o-border-radius: 12px; + } + } + } + } +} + +@media (max-width: 940px) { + .modal_product { + height: 1010px; + width: 100vw; + max-width: 400px; + } + .position_product{ + padding-top: 5px; + } +} + + +.vendor-list_ul_modal { + padding-top: 16px; + display: flex; + flex-wrap: wrap; +} + +@media (min-width: 640px) { + .vendor-list_ul_modal { + padding-top: 8px; + flex-wrap: wrap; + } +} \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/Modal_20220618152615.scss b/.history/components/customer/pages/index/modals/pizza/Modal_20220618152615.scss new file mode 100644 index 0000000..98cd3f1 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/Modal_20220618152615.scss @@ -0,0 +1,213 @@ +.pizza_modal_card { + display: block; /* Hidden by default */ + position: fixed; /* Stay in place */ + z-index: 100; /* Sit on top */ + left: 0; + top: 0; + width: 100%; /* Full width */ + height: 100%; /* Full height */ + overflow: auto; /* Enable scroll if needed */ + background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ + font-family: 'Rubik'; + font-style: normal; + font-weight: 400; + + .dialog { + margin: 0 auto; + height: 533px; + width: 900px; + /* Modal Content */ + .content { + background-color: #fefefe; + margin: auto; + /*border: 1px solid #888;*/ + .body{ + height: 100%; + flex-wrap: wrap; + display: flex; + + .left{ + margin: 0 auto; + float: left; + position: static; + display: flex; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + width: 400px; + + .img{ + text-align: center; + height: 100%; + display: grid;; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + } + } + + .right{ + background: #F7F7F7; + width: 450px; + display: table; + float: left; + position: static; + + .header{ + height: 450px; + letter-spacing: 0.02em; + + .title{ + font-size: 20px; + line-height: 24px; + color: #252A48; + margin: 10px 10px 10px 15px; + } + .feature{ + font-size: 13px; + line-height: 15px; + margin: 10px 10px 10px 15px; + color: #8E8E93; + } + + .description{ + font-size: 13px; + line-height: 15px; + color: #252A48; + margin: 10px 10px 10px 15px; + } + + } + } + } + } + } + + + + + + .modal_footer{ + display: table; + margin: 0 auto; + margin-top: 15px; + } + + + + + + + /* The Close Button */ + .close { + color: #aaaaaa; + float: right; + font-size: 28px; + font-weight: bold; + } + + .close:hover, + .close:focus { + color: #000; + text-decoration: none; + cursor: pointer; + } +} + + + + + + + +.position_product{ +padding-top: 100px; + /* padding-top: 100px; + right: 0; + left: unset !important; + position: absolute;*/ +} + +.pizza-block { + display: block ruby; + margin-bottom: 15px; + margin-left: 15px; + border-spacing: 0; + border-collapse: separate; + + &__selector { + -moz-transition: border 250ms, color 250ms; + -o-transition: border 250ms, color 250ms; + -webkit-transition: border 250ms, color 250ms; + transition: border 250ms, color 250ms; + cursor: pointer; + + ul { + margin-left: -25px; + + &:first-of-type { + margin-bottom: 6px; + } + + li { + padding: 5px; + cursor: pointer; + font-size: 14px; + + display: table-cell; + height: 24px; + vertical-align: middle; + text-align: center; + position: relative; + padding-left: 8px; + padding-right: 8px; + border-radius: 32px; + + &.active { + background: #FED11E; + box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.04); + cursor: auto; + } + + &.size{ + width: 60px; + height: 32px; + border-radius: 8px; + } + + &.type{ + width: 178px; + height: 24px; + border-radius: 12px; + -webkit-border-radius: 12px; + -moz-border-radius: 12px; + -ms-border-radius: 12px; + -o-border-radius: 12px; + } + } + } + } +} + +@media (max-width: 940px) { + .modal_product { + height: 1010px; + width: 100vw; + max-width: 400px; + } + .position_product{ + padding-top: 5px; + } +} + + +.vendor-list_ul_modal { + padding-top: 16px; + display: flex; + flex-wrap: wrap; +} + +@media (min-width: 640px) { + .vendor-list_ul_modal { + padding-top: 8px; + flex-wrap: wrap; + } +} \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/Modal_20220618152624.scss b/.history/components/customer/pages/index/modals/pizza/Modal_20220618152624.scss new file mode 100644 index 0000000..7d44a97 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/Modal_20220618152624.scss @@ -0,0 +1,214 @@ +.pizza_modal_card { + display: block; /* Hidden by default */ + position: fixed; /* Stay in place */ + z-index: 100; /* Sit on top */ + left: 0; + top: 0; + width: 100%; /* Full width */ + height: 100%; /* Full height */ + overflow: auto; /* Enable scroll if needed */ + background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ + font-family: 'Rubik'; + font-style: normal; + font-weight: 400; + + .dialog { + margin: 0 auto; + height: 533px; + width: 900px; + /* Modal Content */ + .content { + background-color: #fefefe; + margin: auto; + /*border: 1px solid #888;*/ + .body{ + height: 100%; + flex-wrap: wrap; + display: flex; + + .left{ + margin: 0 auto; + float: left; + position: static; + display: flex; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + width: 400px; + + .img{ + text-align: center; + height: 100%; + display: grid;; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + } + } + + .right{ + background: #F7F7F7; + width: 450px; + display: table; + float: left; + position: static; + + .header{ + height: 450px; + letter-spacing: 0.02em; + margin: 10px 10px 10px 15px; + + .title{ + font-size: 20px; + line-height: 24px; + color: #252A48; + margin: 10px 10px 10px 15px; + } + .feature{ + font-size: 13px; + line-height: 15px; + margin: 10px 10px 10px 15px; + color: #8E8E93; + } + + .description{ + font-size: 13px; + line-height: 15px; + color: #252A48; + + } + + } + } + } + } + } + + + + + + .modal_footer{ + display: table; + margin: 0 auto; + margin-top: 15px; + } + + + + + + + /* The Close Button */ + .close { + color: #aaaaaa; + float: right; + font-size: 28px; + font-weight: bold; + } + + .close:hover, + .close:focus { + color: #000; + text-decoration: none; + cursor: pointer; + } +} + + + + + + + +.position_product{ +padding-top: 100px; + /* padding-top: 100px; + right: 0; + left: unset !important; + position: absolute;*/ +} + +.pizza-block { + display: block ruby; + margin-bottom: 15px; + margin-left: 15px; + border-spacing: 0; + border-collapse: separate; + + &__selector { + -moz-transition: border 250ms, color 250ms; + -o-transition: border 250ms, color 250ms; + -webkit-transition: border 250ms, color 250ms; + transition: border 250ms, color 250ms; + cursor: pointer; + + ul { + margin-left: -25px; + + &:first-of-type { + margin-bottom: 6px; + } + + li { + padding: 5px; + cursor: pointer; + font-size: 14px; + + display: table-cell; + height: 24px; + vertical-align: middle; + text-align: center; + position: relative; + padding-left: 8px; + padding-right: 8px; + border-radius: 32px; + + &.active { + background: #FED11E; + box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.04); + cursor: auto; + } + + &.size{ + width: 60px; + height: 32px; + border-radius: 8px; + } + + &.type{ + width: 178px; + height: 24px; + border-radius: 12px; + -webkit-border-radius: 12px; + -moz-border-radius: 12px; + -ms-border-radius: 12px; + -o-border-radius: 12px; + } + } + } + } +} + +@media (max-width: 940px) { + .modal_product { + height: 1010px; + width: 100vw; + max-width: 400px; + } + .position_product{ + padding-top: 5px; + } +} + + +.vendor-list_ul_modal { + padding-top: 16px; + display: flex; + flex-wrap: wrap; +} + +@media (min-width: 640px) { + .vendor-list_ul_modal { + padding-top: 8px; + flex-wrap: wrap; + } +} \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/Modal_20220618152631.scss b/.history/components/customer/pages/index/modals/pizza/Modal_20220618152631.scss new file mode 100644 index 0000000..5ec605a --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/Modal_20220618152631.scss @@ -0,0 +1,213 @@ +.pizza_modal_card { + display: block; /* Hidden by default */ + position: fixed; /* Stay in place */ + z-index: 100; /* Sit on top */ + left: 0; + top: 0; + width: 100%; /* Full width */ + height: 100%; /* Full height */ + overflow: auto; /* Enable scroll if needed */ + background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ + font-family: 'Rubik'; + font-style: normal; + font-weight: 400; + + .dialog { + margin: 0 auto; + height: 533px; + width: 900px; + /* Modal Content */ + .content { + background-color: #fefefe; + margin: auto; + /*border: 1px solid #888;*/ + .body{ + height: 100%; + flex-wrap: wrap; + display: flex; + + .left{ + margin: 0 auto; + float: left; + position: static; + display: flex; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + width: 400px; + + .img{ + text-align: center; + height: 100%; + display: grid;; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + } + } + + .right{ + background: #F7F7F7; + width: 450px; + display: table; + float: left; + position: static; + + .header{ + height: 450px; + letter-spacing: 0.02em; + + .title{ + font-size: 20px; + line-height: 24px; + color: #252A48; + margin: 10px 10px 10px 15px; + } + .feature{ + font-size: 13px; + line-height: 15px; + margin: 10px 10px 10px 15px; + color: #8E8E93; + } + + .description{ + font-size: 13px; + line-height: 15px; + color: #252A48; + + } + + } + } + } + } + } + + + + + + .modal_footer{ + display: table; + margin: 0 auto; + margin-top: 15px; + } + + + + + + + /* The Close Button */ + .close { + color: #aaaaaa; + float: right; + font-size: 28px; + font-weight: bold; + } + + .close:hover, + .close:focus { + color: #000; + text-decoration: none; + cursor: pointer; + } +} + + + + + + + +.position_product{ +padding-top: 100px; + /* padding-top: 100px; + right: 0; + left: unset !important; + position: absolute;*/ +} + +.pizza-block { + display: block ruby; + margin-bottom: 15px; + margin-left: 15px; + border-spacing: 0; + border-collapse: separate; + + &__selector { + -moz-transition: border 250ms, color 250ms; + -o-transition: border 250ms, color 250ms; + -webkit-transition: border 250ms, color 250ms; + transition: border 250ms, color 250ms; + cursor: pointer; + + ul { + margin-left: -25px; + + &:first-of-type { + margin-bottom: 6px; + } + + li { + padding: 5px; + cursor: pointer; + font-size: 14px; + + display: table-cell; + height: 24px; + vertical-align: middle; + text-align: center; + position: relative; + padding-left: 8px; + padding-right: 8px; + border-radius: 32px; + + &.active { + background: #FED11E; + box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.04); + cursor: auto; + } + + &.size{ + width: 60px; + height: 32px; + border-radius: 8px; + } + + &.type{ + width: 178px; + height: 24px; + border-radius: 12px; + -webkit-border-radius: 12px; + -moz-border-radius: 12px; + -ms-border-radius: 12px; + -o-border-radius: 12px; + } + } + } + } +} + +@media (max-width: 940px) { + .modal_product { + height: 1010px; + width: 100vw; + max-width: 400px; + } + .position_product{ + padding-top: 5px; + } +} + + +.vendor-list_ul_modal { + padding-top: 16px; + display: flex; + flex-wrap: wrap; +} + +@media (min-width: 640px) { + .vendor-list_ul_modal { + padding-top: 8px; + flex-wrap: wrap; + } +} \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/Modal_20220618152637.scss b/.history/components/customer/pages/index/modals/pizza/Modal_20220618152637.scss new file mode 100644 index 0000000..98cd3f1 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/Modal_20220618152637.scss @@ -0,0 +1,213 @@ +.pizza_modal_card { + display: block; /* Hidden by default */ + position: fixed; /* Stay in place */ + z-index: 100; /* Sit on top */ + left: 0; + top: 0; + width: 100%; /* Full width */ + height: 100%; /* Full height */ + overflow: auto; /* Enable scroll if needed */ + background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ + font-family: 'Rubik'; + font-style: normal; + font-weight: 400; + + .dialog { + margin: 0 auto; + height: 533px; + width: 900px; + /* Modal Content */ + .content { + background-color: #fefefe; + margin: auto; + /*border: 1px solid #888;*/ + .body{ + height: 100%; + flex-wrap: wrap; + display: flex; + + .left{ + margin: 0 auto; + float: left; + position: static; + display: flex; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + width: 400px; + + .img{ + text-align: center; + height: 100%; + display: grid;; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + } + } + + .right{ + background: #F7F7F7; + width: 450px; + display: table; + float: left; + position: static; + + .header{ + height: 450px; + letter-spacing: 0.02em; + + .title{ + font-size: 20px; + line-height: 24px; + color: #252A48; + margin: 10px 10px 10px 15px; + } + .feature{ + font-size: 13px; + line-height: 15px; + margin: 10px 10px 10px 15px; + color: #8E8E93; + } + + .description{ + font-size: 13px; + line-height: 15px; + color: #252A48; + margin: 10px 10px 10px 15px; + } + + } + } + } + } + } + + + + + + .modal_footer{ + display: table; + margin: 0 auto; + margin-top: 15px; + } + + + + + + + /* The Close Button */ + .close { + color: #aaaaaa; + float: right; + font-size: 28px; + font-weight: bold; + } + + .close:hover, + .close:focus { + color: #000; + text-decoration: none; + cursor: pointer; + } +} + + + + + + + +.position_product{ +padding-top: 100px; + /* padding-top: 100px; + right: 0; + left: unset !important; + position: absolute;*/ +} + +.pizza-block { + display: block ruby; + margin-bottom: 15px; + margin-left: 15px; + border-spacing: 0; + border-collapse: separate; + + &__selector { + -moz-transition: border 250ms, color 250ms; + -o-transition: border 250ms, color 250ms; + -webkit-transition: border 250ms, color 250ms; + transition: border 250ms, color 250ms; + cursor: pointer; + + ul { + margin-left: -25px; + + &:first-of-type { + margin-bottom: 6px; + } + + li { + padding: 5px; + cursor: pointer; + font-size: 14px; + + display: table-cell; + height: 24px; + vertical-align: middle; + text-align: center; + position: relative; + padding-left: 8px; + padding-right: 8px; + border-radius: 32px; + + &.active { + background: #FED11E; + box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.04); + cursor: auto; + } + + &.size{ + width: 60px; + height: 32px; + border-radius: 8px; + } + + &.type{ + width: 178px; + height: 24px; + border-radius: 12px; + -webkit-border-radius: 12px; + -moz-border-radius: 12px; + -ms-border-radius: 12px; + -o-border-radius: 12px; + } + } + } + } +} + +@media (max-width: 940px) { + .modal_product { + height: 1010px; + width: 100vw; + max-width: 400px; + } + .position_product{ + padding-top: 5px; + } +} + + +.vendor-list_ul_modal { + padding-top: 16px; + display: flex; + flex-wrap: wrap; +} + +@media (min-width: 640px) { + .vendor-list_ul_modal { + padding-top: 8px; + flex-wrap: wrap; + } +} \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/Modal_20220618152651.scss b/.history/components/customer/pages/index/modals/pizza/Modal_20220618152651.scss new file mode 100644 index 0000000..d01ee7f --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/Modal_20220618152651.scss @@ -0,0 +1,214 @@ +.pizza_modal_card { + display: block; /* Hidden by default */ + position: fixed; /* Stay in place */ + z-index: 100; /* Sit on top */ + left: 0; + top: 0; + width: 100%; /* Full width */ + height: 100%; /* Full height */ + overflow: auto; /* Enable scroll if needed */ + background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ + font-family: 'Rubik'; + font-style: normal; + font-weight: 400; + + .dialog { + margin: 0 auto; + height: 533px; + width: 900px; + /* Modal Content */ + .content { + background-color: #fefefe; + margin: auto; + /*border: 1px solid #888;*/ + .body{ + height: 100%; + flex-wrap: wrap; + display: flex; + + .left{ + margin: 0 auto; + float: left; + position: static; + display: flex; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + width: 400px; + + .img{ + text-align: center; + height: 100%; + display: grid;; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + } + } + + .right{ + background: #F7F7F7; + width: 450px; + display: table; + float: left; + position: static; + + .header{ + height: 450px; + letter-spacing: 0.02em; + margin: 10px 10px 10px 15px; + + .title{ + font-size: 20px; + line-height: 24px; + color: #252A48; + + } + .feature{ + font-size: 13px; + line-height: 15px; + + color: #8E8E93; + } + + .description{ + font-size: 13px; + line-height: 15px; + color: #252A48; + + } + + } + } + } + } + } + + + + + + .modal_footer{ + display: table; + margin: 0 auto; + margin-top: 15px; + } + + + + + + + /* The Close Button */ + .close { + color: #aaaaaa; + float: right; + font-size: 28px; + font-weight: bold; + } + + .close:hover, + .close:focus { + color: #000; + text-decoration: none; + cursor: pointer; + } +} + + + + + + + +.position_product{ +padding-top: 100px; + /* padding-top: 100px; + right: 0; + left: unset !important; + position: absolute;*/ +} + +.pizza-block { + display: block ruby; + margin-bottom: 15px; + margin-left: 15px; + border-spacing: 0; + border-collapse: separate; + + &__selector { + -moz-transition: border 250ms, color 250ms; + -o-transition: border 250ms, color 250ms; + -webkit-transition: border 250ms, color 250ms; + transition: border 250ms, color 250ms; + cursor: pointer; + + ul { + margin-left: -25px; + + &:first-of-type { + margin-bottom: 6px; + } + + li { + padding: 5px; + cursor: pointer; + font-size: 14px; + + display: table-cell; + height: 24px; + vertical-align: middle; + text-align: center; + position: relative; + padding-left: 8px; + padding-right: 8px; + border-radius: 32px; + + &.active { + background: #FED11E; + box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.04); + cursor: auto; + } + + &.size{ + width: 60px; + height: 32px; + border-radius: 8px; + } + + &.type{ + width: 178px; + height: 24px; + border-radius: 12px; + -webkit-border-radius: 12px; + -moz-border-radius: 12px; + -ms-border-radius: 12px; + -o-border-radius: 12px; + } + } + } + } +} + +@media (max-width: 940px) { + .modal_product { + height: 1010px; + width: 100vw; + max-width: 400px; + } + .position_product{ + padding-top: 5px; + } +} + + +.vendor-list_ul_modal { + padding-top: 16px; + display: flex; + flex-wrap: wrap; +} + +@media (min-width: 640px) { + .vendor-list_ul_modal { + padding-top: 8px; + flex-wrap: wrap; + } +} \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/Modal_20220618152706.scss b/.history/components/customer/pages/index/modals/pizza/Modal_20220618152706.scss new file mode 100644 index 0000000..98cd3f1 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/Modal_20220618152706.scss @@ -0,0 +1,213 @@ +.pizza_modal_card { + display: block; /* Hidden by default */ + position: fixed; /* Stay in place */ + z-index: 100; /* Sit on top */ + left: 0; + top: 0; + width: 100%; /* Full width */ + height: 100%; /* Full height */ + overflow: auto; /* Enable scroll if needed */ + background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ + font-family: 'Rubik'; + font-style: normal; + font-weight: 400; + + .dialog { + margin: 0 auto; + height: 533px; + width: 900px; + /* Modal Content */ + .content { + background-color: #fefefe; + margin: auto; + /*border: 1px solid #888;*/ + .body{ + height: 100%; + flex-wrap: wrap; + display: flex; + + .left{ + margin: 0 auto; + float: left; + position: static; + display: flex; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + width: 400px; + + .img{ + text-align: center; + height: 100%; + display: grid;; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + } + } + + .right{ + background: #F7F7F7; + width: 450px; + display: table; + float: left; + position: static; + + .header{ + height: 450px; + letter-spacing: 0.02em; + + .title{ + font-size: 20px; + line-height: 24px; + color: #252A48; + margin: 10px 10px 10px 15px; + } + .feature{ + font-size: 13px; + line-height: 15px; + margin: 10px 10px 10px 15px; + color: #8E8E93; + } + + .description{ + font-size: 13px; + line-height: 15px; + color: #252A48; + margin: 10px 10px 10px 15px; + } + + } + } + } + } + } + + + + + + .modal_footer{ + display: table; + margin: 0 auto; + margin-top: 15px; + } + + + + + + + /* The Close Button */ + .close { + color: #aaaaaa; + float: right; + font-size: 28px; + font-weight: bold; + } + + .close:hover, + .close:focus { + color: #000; + text-decoration: none; + cursor: pointer; + } +} + + + + + + + +.position_product{ +padding-top: 100px; + /* padding-top: 100px; + right: 0; + left: unset !important; + position: absolute;*/ +} + +.pizza-block { + display: block ruby; + margin-bottom: 15px; + margin-left: 15px; + border-spacing: 0; + border-collapse: separate; + + &__selector { + -moz-transition: border 250ms, color 250ms; + -o-transition: border 250ms, color 250ms; + -webkit-transition: border 250ms, color 250ms; + transition: border 250ms, color 250ms; + cursor: pointer; + + ul { + margin-left: -25px; + + &:first-of-type { + margin-bottom: 6px; + } + + li { + padding: 5px; + cursor: pointer; + font-size: 14px; + + display: table-cell; + height: 24px; + vertical-align: middle; + text-align: center; + position: relative; + padding-left: 8px; + padding-right: 8px; + border-radius: 32px; + + &.active { + background: #FED11E; + box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.04); + cursor: auto; + } + + &.size{ + width: 60px; + height: 32px; + border-radius: 8px; + } + + &.type{ + width: 178px; + height: 24px; + border-radius: 12px; + -webkit-border-radius: 12px; + -moz-border-radius: 12px; + -ms-border-radius: 12px; + -o-border-radius: 12px; + } + } + } + } +} + +@media (max-width: 940px) { + .modal_product { + height: 1010px; + width: 100vw; + max-width: 400px; + } + .position_product{ + padding-top: 5px; + } +} + + +.vendor-list_ul_modal { + padding-top: 16px; + display: flex; + flex-wrap: wrap; +} + +@media (min-width: 640px) { + .vendor-list_ul_modal { + padding-top: 8px; + flex-wrap: wrap; + } +} \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/Modal_20220618153007.scss b/.history/components/customer/pages/index/modals/pizza/Modal_20220618153007.scss new file mode 100644 index 0000000..54430dc --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/Modal_20220618153007.scss @@ -0,0 +1,212 @@ +.pizza_modal_card { + display: block; /* Hidden by default */ + position: fixed; /* Stay in place */ + z-index: 100; /* Sit on top */ + left: 0; + top: 0; + width: 100%; /* Full width */ + height: 100%; /* Full height */ + overflow: auto; /* Enable scroll if needed */ + background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ + font-family: 'Rubik'; + font-style: normal; + font-weight: 400; + + .dialog { + margin: 0 auto; + height: 533px; + width: 900px; + /* Modal Content */ + .content { + background-color: #fefefe; + margin: auto; + /*border: 1px solid #888;*/ + .body{ + height: 100%; + flex-wrap: wrap; + display: flex; + + .left{ + margin: 0 auto; + float: left; + position: static; + display: flex; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + width: 400px; + + .img{ + text-align: center; + height: 100%; + display: grid;; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + } + } + + .right{ + background: #F7F7F7; + width: 450px; + display: table; + float: left; + position: static; + + .header{ + height: 450px; + letter-spacing: 0.02em; + + .title{ + font-size: 20px; + line-height: 24px; + color: #252A48; + margin: 10px 10px 10px 15px; + } + .feature{ + font-size: 13px; + line-height: 15px; + margin: 10px 10px 10px 15px; + color: #8E8E93; + } + + .description{ + font-size: 13px; + line-height: 15px; + color: #252A48; + margin: 10px 10px 10px 15px; + } + + .pizza-block { + display: block ruby; + margin-bottom: 15px; + margin-left: 15px; + border-spacing: 0; + border-collapse: separate; + + &_selector { + -moz-transition: border 250ms, color 250ms; + -o-transition: border 250ms, color 250ms; + -webkit-transition: border 250ms, color 250ms; + transition: border 250ms, color 250ms; + cursor: pointer; + + ul { + margin-left: -25px; + + &:first-of-type { + margin-bottom: 6px; + } + li { + padding: 5px; + cursor: pointer; + font-size: 14px; + display: table-cell; + height: 24px; + vertical-align: middle; + text-align: center; + position: relative; + padding-left: 8px; + padding-right: 8px; + border-radius: 32px; + + &.active { + background: #FED11E; + box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.04); + cursor: auto; + } + + &.size{ + width: 60px; + height: 32px; + border-radius: 8px; + } + + &.type{ + width: 178px; + height: 24px; + border-radius: 12px; + -webkit-border-radius: 12px; + -moz-border-radius: 12px; + -ms-border-radius: 12px; + -o-border-radius: 12px; + } + } + } + } + } + + } + } + } + } + } + + + + + + .modal_footer{ + display: table; + margin: 0 auto; + margin-top: 15px; + } + + + + + + + /* The Close Button */ + .close { + color: #aaaaaa; + float: right; + font-size: 28px; + font-weight: bold; + } + + .close:hover, + .close:focus { + color: #000; + text-decoration: none; + cursor: pointer; + } +} + + + + + + + +.position_product{ +padding-top: 100px; + /* padding-top: 100px; + right: 0; + left: unset !important; + position: absolute;*/ +} + + +@media (max-width: 940px) { + .modal_product { + height: 1010px; + width: 100vw; + max-width: 400px; + } + .position_product{ + padding-top: 5px; + } +} + + +.vendor-list_ul_modal { + padding-top: 16px; + display: flex; + flex-wrap: wrap; +} + +@media (min-width: 640px) { + .vendor-list_ul_modal { + padding-top: 8px; + flex-wrap: wrap; + } +} \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/Modal_20220618153028.scss b/.history/components/customer/pages/index/modals/pizza/Modal_20220618153028.scss new file mode 100644 index 0000000..c4fe32b --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/Modal_20220618153028.scss @@ -0,0 +1,212 @@ +.pizza_modal_card { + display: block; /* Hidden by default */ + position: fixed; /* Stay in place */ + z-index: 100; /* Sit on top */ + left: 0; + top: 0; + width: 100%; /* Full width */ + height: 100%; /* Full height */ + overflow: auto; /* Enable scroll if needed */ + background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ + font-family: 'Rubik'; + font-style: normal; + font-weight: 400; + + .dialog { + margin: 0 auto; + height: 533px; + width: 900px; + /* Modal Content */ + .content { + background-color: #fefefe; + margin: auto; + /*border: 1px solid #888;*/ + .body{ + height: 100%; + flex-wrap: wrap; + display: flex; + + .left{ + margin: 0 auto; + float: left; + position: static; + display: flex; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + width: 400px; + + .img{ + text-align: center; + height: 100%; + display: grid;; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + } + } + + .right{ + background: #F7F7F7; + width: 450px; + display: table; + float: left; + position: static; + + .header{ + height: 450px; + letter-spacing: 0.02em; + + .title{ + font-size: 20px; + line-height: 24px; + color: #252A48; + margin: 10px 10px 10px 15px; + } + .feature{ + font-size: 13px; + line-height: 15px; + margin: 10px 10px 10px 15px; + color: #8E8E93; + } + + .description{ + font-size: 13px; + line-height: 15px; + color: #252A48; + margin: 10px 10px 10px 15px; + } + + .block { + display: block ruby; + margin-bottom: 15px; + margin-left: 15px; + border-spacing: 0; + border-collapse: separate; + + &_selector { + -moz-transition: border 250ms, color 250ms; + -o-transition: border 250ms, color 250ms; + -webkit-transition: border 250ms, color 250ms; + transition: border 250ms, color 250ms; + cursor: pointer; + + ul { + margin-left: -25px; + + &:first-of-type { + margin-bottom: 6px; + } + li { + padding: 5px; + cursor: pointer; + font-size: 14px; + display: table-cell; + height: 24px; + vertical-align: middle; + text-align: center; + position: relative; + padding-left: 8px; + padding-right: 8px; + border-radius: 32px; + + &.active { + background: #FED11E; + box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.04); + cursor: auto; + } + + &.size{ + width: 60px; + height: 32px; + border-radius: 8px; + } + + &.type{ + width: 178px; + height: 24px; + border-radius: 12px; + -webkit-border-radius: 12px; + -moz-border-radius: 12px; + -ms-border-radius: 12px; + -o-border-radius: 12px; + } + } + } + } + } + + } + } + } + } + } + + + + + + .modal_footer{ + display: table; + margin: 0 auto; + margin-top: 15px; + } + + + + + + + /* The Close Button */ + .close { + color: #aaaaaa; + float: right; + font-size: 28px; + font-weight: bold; + } + + .close:hover, + .close:focus { + color: #000; + text-decoration: none; + cursor: pointer; + } +} + + + + + + + +.position_product{ +padding-top: 100px; + /* padding-top: 100px; + right: 0; + left: unset !important; + position: absolute;*/ +} + + +@media (max-width: 940px) { + .modal_product { + height: 1010px; + width: 100vw; + max-width: 400px; + } + .position_product{ + padding-top: 5px; + } +} + + +.vendor-list_ul_modal { + padding-top: 16px; + display: flex; + flex-wrap: wrap; +} + +@media (min-width: 640px) { + .vendor-list_ul_modal { + padding-top: 8px; + flex-wrap: wrap; + } +} \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/Modal_20220618153111.scss b/.history/components/customer/pages/index/modals/pizza/Modal_20220618153111.scss new file mode 100644 index 0000000..9455f84 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/Modal_20220618153111.scss @@ -0,0 +1,212 @@ +.pizza_modal_card { + display: block; /* Hidden by default */ + position: fixed; /* Stay in place */ + z-index: 100; /* Sit on top */ + left: 0; + top: 0; + width: 100%; /* Full width */ + height: 100%; /* Full height */ + overflow: auto; /* Enable scroll if needed */ + background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ + font-family: 'Rubik'; + font-style: normal; + font-weight: 400; + + .dialog { + margin: 0 auto; + height: 533px; + width: 900px; + /* Modal Content */ + .content { + background-color: #fefefe; + margin: auto; + /*border: 1px solid #888;*/ + .body{ + height: 100%; + flex-wrap: wrap; + display: flex; + + .left{ + margin: 0 auto; + float: left; + position: static; + display: flex; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + width: 400px; + + .img{ + text-align: center; + height: 100%; + display: grid;; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + } + } + + .right{ + background: #F7F7F7; + width: 450px; + display: table; + float: left; + position: static; + + .header{ + height: 450px; + letter-spacing: 0.02em; + + .title{ + font-size: 20px; + line-height: 24px; + color: #252A48; + margin: 10px 10px 10px 15px; + } + .feature{ + font-size: 13px; + line-height: 15px; + margin: 10px 10px 10px 15px; + color: #8E8E93; + } + + .description{ + font-size: 13px; + line-height: 15px; + color: #252A48; + margin: 10px 10px 10px 15px; + } + + .block { + display: block ruby; + margin-bottom: 15px; + margin-left: 15px; + border-spacing: 0; + border-collapse: separate; + + &_selector { + -moz-transition: border 250ms, color 250ms; + -o-transition: border 250ms, color 250ms; + -webkit-transition: border 250ms, color 250ms; + transition: border 250ms, color 250ms; + cursor: pointer; + + ul { + margin-left: -25px; + + &:first-of-type { + margin-bottom: 6px; + } + li { + padding: 5px; + cursor: pointer; + font-size: 14px; + display: table-cell; + height: 24px; + vertical-align: middle; + text-align: center; + position: relative; + padding-left: 8px; + padding-right: 8px; + border-radius: 32px; + + &.active { + background: #FED11E; + box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.04); + cursor: auto; + } + + &.size{ + width: 60px; + height: 32px; + border-radius: 8px; + } + + &.type{ + width: 178px; + height: 24px; + border-radius: 12px; + -webkit-border-radius: 12px; + -moz-border-radius: 12px; + -ms-border-radius: 12px; + -o-border-radius: 12px; + } + } + } + } + } + + } + } + } + } + } + + + + + + .modal_footer{ + display: table; + margin: 0 auto; + margin-top: 15px; + } + + + + + + + /* The Close Button */ + .close { + color: #aaaaaa; + float: right; + font-size: 28px; + font-weight: bold; + } + + .close:hover, + .close:focus { + color: #000; + text-decoration: none; + cursor: pointer; + } +} + + + + + + + +.position_product{ +padding-top: 100px; + /* padding-top: 100px; + right: 0; + left: unset !important; + position: absolute;*/ +} + + +@media (max-width: 940px) { + .modal_product { + height: 1010px; + width: 100vw; + max-width: 400px; + } + .position_product{ + padding-top: 5px; + } +} + + +.vendor-list_ul_modal { + padding-top: 16px; + display: flex; + flex-wrap: wrap; +} + +@media (min-width: 640px) { + .vendor-list_ul_modal { + padding-top: 8px; + flex-wrap: wrap; + } +} \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/RadioButton_20220531221132.tsx b/.history/components/customer/pages/index/modals/pizza/RadioButton_20220531221132.tsx new file mode 100644 index 0000000..5919684 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/RadioButton_20220531221132.tsx @@ -0,0 +1,36 @@ +import React, { useState, useEffect } from 'react'; + +interface Props { + updateData: () => void; + masImg: string[], + name: string, + label: string, + value: string, + } + +export const RadioButton: React.FC = ({masImg, updateData }) => { + const [variable, setVariable] = useState(0); + + type ChangeProps { + e: () => void; + } + + const Change: React.FC = (e) => { + setVariable(e.target.value); + updateData(e.target.value); + } + return( +
    + {masImg.map((name, num) => <> + Change(e) } + checked={variable == num} + /> + )} +
    + ) +}vvvccccccxc \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/RadioButton_20220531234725.tsx b/.history/components/customer/pages/index/modals/pizza/RadioButton_20220531234725.tsx new file mode 100644 index 0000000..cf1bc3a --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/RadioButton_20220531234725.tsx @@ -0,0 +1,32 @@ +import React, { useState, useEffect } from 'react'; +import { InputRadio } from '../../../../../UI' +interface Props { + updateData: (value: number) => void; + masImg: string[], + name: string, + label: string, + value: string, + } + +export const RadioButton: React.FC = ({masImg, updateData }) => { + const [variable, setVariable] = useState(0); + + const inputHandler = (event: React.ChangeEvent) => { + const value:number = event.target.value; + setVariable(value); + updateData(value); + }; + + return( +
    + {masImg.map((name, num) => + + )} +
    + ) +} \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/RadioButton_20220531235725.tsx b/.history/components/customer/pages/index/modals/pizza/RadioButton_20220531235725.tsx new file mode 100644 index 0000000..cf1bc3a --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/RadioButton_20220531235725.tsx @@ -0,0 +1,32 @@ +import React, { useState, useEffect } from 'react'; +import { InputRadio } from '../../../../../UI' +interface Props { + updateData: (value: number) => void; + masImg: string[], + name: string, + label: string, + value: string, + } + +export const RadioButton: React.FC = ({masImg, updateData }) => { + const [variable, setVariable] = useState(0); + + const inputHandler = (event: React.ChangeEvent) => { + const value:number = event.target.value; + setVariable(value); + updateData(value); + }; + + return( +
    + {masImg.map((name, num) => + + )} +
    + ) +} \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/RadioButton_20220601000113.tsx b/.history/components/customer/pages/index/modals/pizza/RadioButton_20220601000113.tsx new file mode 100644 index 0000000..58d3e7a --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/RadioButton_20220601000113.tsx @@ -0,0 +1,29 @@ +import React, { useState, useEffect } from 'react'; +import { InputRadio } from '../../../../../UI' +interface Props { + updateData: (value: number) => void; + masImg: string[], + } + +export const RadioButton: React.FC = ({masImg, updateData }) => { + const [variable, setVariable] = useState(0); + + const inputHandler = (event: React.ChangeEvent) => { + const value:number = event.target.value; + setVariable(value); + updateData(value); + }; + + return( +
    + {masImg.map((name, num) => + + )} +
    + ) +} \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/RadioButton_20220601000752.tsx b/.history/components/customer/pages/index/modals/pizza/RadioButton_20220601000752.tsx new file mode 100644 index 0000000..dccd8ab --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/RadioButton_20220601000752.tsx @@ -0,0 +1,30 @@ +import React, { useState, useEffect } from 'react'; +import { InputRadio } from '../../../../../UI' +interface Props { + updateData: (value: number) => void; + masImg: string[], + } + +export const RadioButton: React.FC = ({masImg, updateData }) => { + const [variable, setVariable] = useState(0); + + const inputHandler = (event: React.ChangeEvent) => { + const value:number = event.target.value; + setVariable(value); + updateData(value); + }; + + return( +
    + {masImg.map((name, num) => + inputHandler} + label={''} + value={0} /> + )} +
    + ) +} \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/RadioButton_20220601001238.tsx b/.history/components/customer/pages/index/modals/pizza/RadioButton_20220601001238.tsx new file mode 100644 index 0000000..989d34a --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/RadioButton_20220601001238.tsx @@ -0,0 +1,30 @@ +import React, { useState, useEffect } from 'react'; +import { InputRadio } from '../../../../../UI' +interface Props { + updateData: (value: number) => void; + masImg: string[], + } + +export const RadioButton: React.FC = ({masImg, updateData }) => { + const [variable, setVariable] = useState(0); + + const inputHandler = (event: React.ChangeEvent) => { + const value:number = event.target.value; + setVariable(value); + //updateData(value); + }; + + return( +
    + {masImg.map((name, num) => + inputHandler} + label={''} + value={0} /> + )} +
    + ) +} \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/RadioButton_20220601001446.tsx b/.history/components/customer/pages/index/modals/pizza/RadioButton_20220601001446.tsx new file mode 100644 index 0000000..45406a6 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/RadioButton_20220601001446.tsx @@ -0,0 +1,30 @@ +import React, { useState, useEffect } from 'react'; +import { InputRadio } from '../../../../../UI' +interface Props { + updateData: (value: number) => void; + masImg: string[], + } + +export const RadioButton: React.FC = ({masImg, updateData }) => { + const [variable, setVariable] = useState(0); + + const inputHandler = (event: React.ChangeEvent) => { + const value:number = event.target.value; + setVariable(value); + //updateData(value); + }; + + return( +
    + {masImg.map((name, num) => + inputHandler} + label={''} + value={0} /> + )} +
    + ) +} \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/RadioButton_20220601001516.tsx b/.history/components/customer/pages/index/modals/pizza/RadioButton_20220601001516.tsx new file mode 100644 index 0000000..989d34a --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/RadioButton_20220601001516.tsx @@ -0,0 +1,30 @@ +import React, { useState, useEffect } from 'react'; +import { InputRadio } from '../../../../../UI' +interface Props { + updateData: (value: number) => void; + masImg: string[], + } + +export const RadioButton: React.FC = ({masImg, updateData }) => { + const [variable, setVariable] = useState(0); + + const inputHandler = (event: React.ChangeEvent) => { + const value:number = event.target.value; + setVariable(value); + //updateData(value); + }; + + return( +
    + {masImg.map((name, num) => + inputHandler} + label={''} + value={0} /> + )} +
    + ) +} \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/RadioButton_20220601001644.tsx b/.history/components/customer/pages/index/modals/pizza/RadioButton_20220601001644.tsx new file mode 100644 index 0000000..429841b --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/RadioButton_20220601001644.tsx @@ -0,0 +1,30 @@ +import React, { useState, useEffect } from 'react'; +import { InputRadio } from '../../../../../UI' +type RadioButtonProps = { + updateData: (value: number) => void; + masImg: string[], + } + +export const RadioButton: React.FC = ({masImg, updateData }) => { + const [variable, setVariable] = useState(0); + + const inputHandler = (event: React.ChangeEvent) => { + const value:number = event.target.value; + setVariable(value); + //updateData(value); + }; + + return( +
    + {masImg.map((name, num) => + inputHandler} + label={''} + value={0} /> + )} +
    + ) +} \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/RadioButton_20220601085507.tsx b/.history/components/customer/pages/index/modals/pizza/RadioButton_20220601085507.tsx new file mode 100644 index 0000000..6fbf565 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/RadioButton_20220601085507.tsx @@ -0,0 +1,31 @@ +import React, { useState, useEffect } from 'react'; +import { InputRadio } from '../../../../../UI' +type RadioButtonProps = { + updateData: (value: number) => void; + masImg: string[], + } + +export const RadioButton: React.FC = ({masImg, updateData }) => { + const [variable, setVariable] = useState(0); + + const inputHandler = (event: React.ChangeEvent) => { + const value:string = event.target.value; + console.log(value); + //setVariable(value); + //updateData(value); + }; + + return( +
    + {masImg.map((name, num) => + inputHandler} + label={''} + value={0} /> + )} +
    + ) +} \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/RadioButton_20220601085808.tsx b/.history/components/customer/pages/index/modals/pizza/RadioButton_20220601085808.tsx new file mode 100644 index 0000000..33b9c06 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/RadioButton_20220601085808.tsx @@ -0,0 +1,31 @@ +import React, { useState, useEffect } from 'react'; +import { InputRadio } from '../../../../../UI' +type RadioButtonProps = { + // updateData: (value: number) => void; + masImg: string[], + } + +export const RadioButton: React.FC = ({masImg }) => { + const [variable, setVariable] = useState(0); + + const inputHandler = (event: React.ChangeEvent) => { + const value:string = event.target.value; + console.log(value); + //setVariable(value); + //updateData(value); + }; + + return( +
    + {masImg.map((name, num) => + inputHandler} + label={''} + value={0} /> + )} +
    + ) +} \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/RadioButton_20220601090524.tsx b/.history/components/customer/pages/index/modals/pizza/RadioButton_20220601090524.tsx new file mode 100644 index 0000000..33b9c06 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/RadioButton_20220601090524.tsx @@ -0,0 +1,31 @@ +import React, { useState, useEffect } from 'react'; +import { InputRadio } from '../../../../../UI' +type RadioButtonProps = { + // updateData: (value: number) => void; + masImg: string[], + } + +export const RadioButton: React.FC = ({masImg }) => { + const [variable, setVariable] = useState(0); + + const inputHandler = (event: React.ChangeEvent) => { + const value:string = event.target.value; + console.log(value); + //setVariable(value); + //updateData(value); + }; + + return( +
    + {masImg.map((name, num) => + inputHandler} + label={''} + value={0} /> + )} +
    + ) +} \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/RadioButton_20220601090855.tsx b/.history/components/customer/pages/index/modals/pizza/RadioButton_20220601090855.tsx new file mode 100644 index 0000000..293a0fd --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/RadioButton_20220601090855.tsx @@ -0,0 +1,31 @@ +import React, { useState, useEffect } from 'react'; +import { InputRadio } from '../../../../../UI' +type RadioButtonProps = { + // updateData: (value: number) => void; + masImg: number[], + } + +export const RadioButton: React.FC = ({masImg }) => { + const [variable, setVariable] = useState(0); + + const inputHandler = (event: React.ChangeEvent) => { + const value:string = event.target.value; + console.log(value); + //setVariable(value); + //updateData(value); + }; + + return( +
    + {masImg.map((name, num) => + inputHandler} + label={''} + value={0} /> + )} +
    + ) +} \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220601090854.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220601090854.tsx new file mode 100644 index 0000000..293a0fd --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220601090854.tsx @@ -0,0 +1,31 @@ +import React, { useState, useEffect } from 'react'; +import { InputRadio } from '../../../../../UI' +type RadioButtonProps = { + // updateData: (value: number) => void; + masImg: number[], + } + +export const RadioButton: React.FC = ({masImg }) => { + const [variable, setVariable] = useState(0); + + const inputHandler = (event: React.ChangeEvent) => { + const value:string = event.target.value; + console.log(value); + //setVariable(value); + //updateData(value); + }; + + return( +
    + {masImg.map((name, num) => + inputHandler} + label={''} + value={0} /> + )} +
    + ) +} \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220615163730.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220615163730.tsx new file mode 100644 index 0000000..603fdd9 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220615163730.tsx @@ -0,0 +1,93 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import {ButtonImg, Button } from '../../../../../UI'; +import classNames from 'classnames'; + +type PizzaProps = { + id: number; + title: string; + heft_trad: number; + description: string; + img_trad: string; + img_thin: string; + name: string; + price: number; + size: string; + feature: string; +}; + +const types=[0,1], sizes=[30,40, 50], typeNames = ['традиционное тесто','тонкое тесто'];; + +export const PizzaModalsContent: React.FC = ({ + id, + title, + img_trad, + heft_trad, + description, + img_thin, + name, + price, + size, + feature +}) => { + const [activeType, setActiveType] = useState(0); + const [activeSize, setActiveSize] = useState(0); + + const addBasket = () => { + console.log('add'); + } + + 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} см +
      • + ))} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220615163756.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220615163756.tsx new file mode 100644 index 0000000..91d203c --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220615163756.tsx @@ -0,0 +1,93 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import {ButtonImg, Button } from '../../../../../UI'; +import classNames from 'classnames'; + +type PizzaProps = { + id: number; + title: string; + heft_trad: number; + description: string; + img_trad: string; + img_thin: string; + name: string; + price: number; + size: string; + feature: string; +}; + +const types=[0,1], sizes=[30,40, 50], sum=0, typeNames = ['традиционное тесто','тонкое тесто'];; + +export const PizzaModalsContent: React.FC = ({ + id, + title, + img_trad, + heft_trad, + description, + img_thin, + name, + price, + size, + feature +}) => { + const [activeType, setActiveType] = useState(0); + const [activeSize, setActiveSize] = useState(0); + + const addBasket = () => { + console.log('add'); + } + + 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} см +
      • + ))} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220616103634.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220616103634.tsx new file mode 100644 index 0000000..b37c2f7 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220616103634.tsx @@ -0,0 +1,91 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import {ButtonImg, Button } from '../../../../../UI'; +import classNames from 'classnames'; + +type PizzaProps = { + id: number; + title: string; + heft: string[]; + description: string; + img: string[]; + name: string; + price: string[]; + size: string[]; + feature: string; +}; + +const types=[0,1], sizes=[30,40,50], sum=0, typeNames = ['традиционное тесто','тонкое тесто'];; + +export const PizzaModalsContent: React.FC = ({ + id, + title, + img, + heft, + description, + name, + price, + size, + feature +}) => { + const [activeType, setActiveType] = useState(0); + const [activeSize, setActiveSize] = useState(0); + + const addBasket = () => { + console.log('add'); + } + + 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} см +
      • + ))} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220616103708.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220616103708.tsx new file mode 100644 index 0000000..c76ede8 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220616103708.tsx @@ -0,0 +1,91 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import {ButtonImg, Button } from '../../../../../UI'; +import classNames from 'classnames'; + +type PizzaProps = { + id: number; + title: string; + heft: string[]; + description: string; + img: string[]; + name: string; + price: string[]; + size: string[]; + feature: string; +}; + +const types=[0,1], sizes=[30,40,50], sum=0, typeNames = ['традиционное тесто','тонкое тесто'];; + +export const PizzaModalsContent: React.FC = ({ + id, + title, + img, + heft, + description, + name, + price, + size, + feature +}) => { + const [activeType, setActiveType] = useState(0); + const [activeSize, setActiveSize] = useState(0); + + const addBasket = () => { + console.log('add'); + } + + 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} см +
      • + ))} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220616103943.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220616103943.tsx new file mode 100644 index 0000000..dba3db1 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220616103943.tsx @@ -0,0 +1,89 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import {ButtonImg, Button } from '../../../../../UI'; +import classNames from 'classnames'; + +type PizzaProps = { + id: number; + title: string; + heft: string[]; + description: string; + img: string[]; + price: string[]; + size: string[]; + feature: string; +}; + +const types=[0,1], sizes=[30,40,50], sum=0, typeNames = ['традиционное тесто','тонкое тесто'];; + +export const PizzaModalsContent: React.FC = ({ + id, + title, + img, + heft, + description, + price, + size, + feature +}) => { + const [activeType, setActiveType] = useState(0); + const [activeSize, setActiveSize] = useState(0); + + const addBasket = () => { + console.log('add'); + } + + 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} см +
      • + ))} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220616104048.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220616104048.tsx new file mode 100644 index 0000000..8b61b02 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220616104048.tsx @@ -0,0 +1,89 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import {ButtonImg, Button } from '../../../../../UI'; +import classNames from 'classnames'; + +type PizzaProps = { + id: number; + title: string; + heft: string[]; + description: string; + img: string[]; + price: string[]; + size: string[]; + feature: string; +}; + +const types=[0,1], sizes=[30,40,50], sum=0, typeNames = ['традиционное тесто','тонкое тесто'];; + +export const PizzaModalsContent: React.FC = ({ + id, + title, + img, + heft, + description, + price, + size, + feature +}) => { + const [activeType, setActiveType] = useState(0); + const [activeSize, setActiveSize] = useState(1); + + const addBasket = () => { + console.log('add'); + } + + 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} см +
      • + ))} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220616104556.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220616104556.tsx new file mode 100644 index 0000000..153c19e --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220616104556.tsx @@ -0,0 +1,89 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import {ButtonImg, Button } from '../../../../../UI'; +import classNames from 'classnames'; + +type PizzaProps = { + id: number; + title: string; + heft: string[]; + description: string; + img: string[]; + price: string[]; + size: string[]; + feature: string; +}; + +const types=[0,1], sizes=[30,40,50], sum=0, typeNames = ['традиционное тесто','тонкое тесто'], ; + +export const PizzaModalsContent: React.FC = ({ + id, + title, + img, + heft, + description, + price, + size, + feature +}) => { + const [activeType, setActiveType] = useState(0); + const [activeSize, setActiveSize] = useState(1); + feature = "30 см, традиционное тесто, 610 г"; + const addBasket = () => { + console.log('add'); + } + + 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} см +
      • + ))} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220616120114.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220616120114.tsx new file mode 100644 index 0000000..2c2880d --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220616120114.tsx @@ -0,0 +1,89 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import {ButtonImg, Button } from '../../../../../UI'; +import classNames from 'classnames'; + +type PizzaProps = { + id: number; + title: string; + heft: string[]; + description: string; + img: string[]; + price: string[]; + size: string[]; + feature: string; +}; + +const types=[0,1], sizes=[30,40,50], sum=0, typeNames = ['традиционное тесто','тонкое тесто'] ; + +export const PizzaModalsContent: React.FC = ({ + id, + title, + img, + heft, + description, + price, + size, + feature +}) => { + const [activeType, setActiveType] = useState(0); + const [activeSize, setActiveSize] = useState(1); + feature = "30 см, традиционное тесто, 610 г"; + const addBasket = () => { + console.log('add'); + } + + 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} см +
      • + ))} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220616120422.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220616120422.tsx new file mode 100644 index 0000000..29cd00c --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220616120422.tsx @@ -0,0 +1,87 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import {ButtonImg, Button } from '../../../../../UI'; +import classNames from 'classnames'; + +type PizzaProps = { + id: number; + 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 PizzaModalsContent: React.FC = ({ + id, + title, + img, + heft, + description, + price, + size, +}) => { + const [activeType, setActiveType] = useState(0); + const [activeSize, setActiveSize] = useState(1); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] + heft[activeSize]+' г'); + const addBasket = () => { + console.log('add'); + } + + 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} см +
      • + ))} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220616120434.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220616120434.tsx new file mode 100644 index 0000000..918c7cb --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220616120434.tsx @@ -0,0 +1,87 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import {ButtonImg, Button } from '../../../../../UI'; +import classNames from 'classnames'; + +type PizzaProps = { + id: number; + 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 PizzaModalsContent: React.FC = ({ + id, + title, + img, + heft, + description, + price, + size, +}) => { + const [activeType, setActiveType] = useState(0); + const [activeSize, setActiveSize] = useState(1); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + const addBasket = () => { + console.log('add'); + } + + 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} см +
      • + ))} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220616120522.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220616120522.tsx new file mode 100644 index 0000000..e6171a4 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220616120522.tsx @@ -0,0 +1,87 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import {ButtonImg, Button } from '../../../../../UI'; +import classNames from 'classnames'; + +type PizzaProps = { + id: number; + 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 PizzaModalsContent: React.FC = ({ + id, + title, + img, + heft, + description, + price, + size, +}) => { + const [activeType, setActiveType] = useState(0); + const [activeSize, setActiveSize] = useState(1); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + const addBasket = () => { + console.log('add'); + } + setFeature('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} см +
      • + ))} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220616120635.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220616120635.tsx new file mode 100644 index 0000000..b52c2b2 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220616120635.tsx @@ -0,0 +1,90 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import {ButtonImg, Button } from '../../../../../UI'; +import classNames from 'classnames'; + +type PizzaProps = { + id: number; + 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 PizzaModalsContent: React.FC = ({ + id, + title, + img, + heft, + description, + price, + size, +}) => { + const [activeType, setActiveType] = useState(0); + const [activeSize, setActiveSize] = useState(1); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + const addBasket = () => { + console.log('add'); + } + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г') + }, [activeSize, activeType, heft]); + + 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} см +
      • + ))} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220616123335.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220616123335.tsx new file mode 100644 index 0000000..20f3813 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220616123335.tsx @@ -0,0 +1,90 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import {ButtonImg, Button } from '../../../../../UI'; +import classNames from 'classnames'; + +type PizzaProps = { + id: number; + 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 PizzaModalsContent: React.FC = ({ + id, + title, + img, + heft, + description, + price, + size, +}) => { + const [activeType, setActiveType] = useState(0); + const [activeSize, setActiveSize] = useState(1); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + const addBasket = () => { + console.log('add'); + } + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г') + }, [activeSize, activeType, heft]); + + 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} см +
      • + ))} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220616123445.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220616123445.tsx new file mode 100644 index 0000000..9269d0c --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220616123445.tsx @@ -0,0 +1,90 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import {ButtonImg, Button } from '../../../../../UI'; +import classNames from 'classnames'; + +type PizzaProps = { + id: number; + 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 PizzaModalsContent: React.FC = ({ + id, + title, + img, + heft, + description, + price, + size, +}) => { + const [activeType, setActiveType] = useState(0); + const [activeSize, setActiveSize] = useState(1); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + const addBasket = () => { + console.log('add'); + } + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г') + }, [activeSize, activeType, heft]); + + 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} см +
      • + ))} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220616131707.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220616131707.tsx new file mode 100644 index 0000000..c90bb8d --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220616131707.tsx @@ -0,0 +1,94 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { BoxScroll } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; + +type PizzaProps = { + id: number; + 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 PizzaModalsContent: React.FC = ({ + id, + title, + img, + heft, + description, + price, + size, +}) => { + const [activeType, setActiveType] = useState(0); + const [activeSize, setActiveSize] = useState(1); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + const addBasket = () => { + console.log('add'); + } + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г') + }, [activeSize, activeType, heft]); + + 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} см +
      • + ))} +
    +
    + + + +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220616132750.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220616132750.tsx new file mode 100644 index 0000000..e5b70ca --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220616132750.tsx @@ -0,0 +1,95 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { BoxScroll } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; + +type PizzaProps = { + id: number; + 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 PizzaModalsContent: React.FC = ({ + id, + title, + img, + heft, + description, + price, + size, +}) => { + const [activeType, setActiveType] = useState(0); + const [activeSize, setActiveSize] = useState(1); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + const addBasket = () => { + console.log('add'); + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г') + }, [activeSize, activeType, heft]); + + 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} см +
      • + ))} +
    +
    + + + +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220616133237.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220616133237.tsx new file mode 100644 index 0000000..93ea4e4 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220616133237.tsx @@ -0,0 +1,107 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { BoxScroll } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; + +type PizzaProps = { + id: number; + 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 PizzaModalsContent: React.FC = ({ + id, + title, + img, + heft, + description, + price, + size, +}) => { + const [activeType, setActiveType] = useState(0); + const [activeSize, setActiveSize] = useState(1); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + const addBasket = () => { + console.log('add'); + } + + 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}]; + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г') + }, [activeSize, activeType, heft]); + const ingredients = ing.map((obj, 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} см +
      • + ))} +
    +
    + + {ingredients} + +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220616135535.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220616135535.tsx new file mode 100644 index 0000000..93ea4e4 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220616135535.tsx @@ -0,0 +1,107 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { BoxScroll } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; + +type PizzaProps = { + id: number; + 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 PizzaModalsContent: React.FC = ({ + id, + title, + img, + heft, + description, + price, + size, +}) => { + const [activeType, setActiveType] = useState(0); + const [activeSize, setActiveSize] = useState(1); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + const addBasket = () => { + console.log('add'); + } + + 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}]; + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г') + }, [activeSize, activeType, heft]); + const ingredients = ing.map((obj, 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} см +
      • + ))} +
    +
    + + {ingredients} + +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220616140229.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220616140229.tsx new file mode 100644 index 0000000..4c14142 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220616140229.tsx @@ -0,0 +1,107 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; + +type PizzaProps = { + id: number; + 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 PizzaModalsContent: React.FC = ({ + id, + title, + img, + heft, + description, + price, + size, +}) => { + const [activeType, setActiveType] = useState(0); + const [activeSize, setActiveSize] = useState(1); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + const addBasket = () => { + console.log('add'); + } + + 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}]; + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г') + }, [activeSize, activeType, heft]); + const ingredients = ing.map((obj, 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} см +
      • + ))} +
    +
    + + {ingredients} + +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220616140446.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220616140446.tsx new file mode 100644 index 0000000..0e683b4 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220616140446.tsx @@ -0,0 +1,107 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; + +type PizzaProps = { + id: number; + 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 PizzaModalsContent: React.FC = ({ + id, + title, + img, + heft, + description, + price, + size, +}) => { + const [activeType, setActiveType] = useState(0); + const [activeSize, setActiveSize] = useState(1); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + const addBasket = () => { + console.log('add'); + } + + 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}]; + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г') + }, [activeSize, activeType, heft]); + const ingredients = ing.map((obj, 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} см +
      • + ))} +
    +
    + + {ingredients} + +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220616140501.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220616140501.tsx new file mode 100644 index 0000000..b07b4ef --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220616140501.tsx @@ -0,0 +1,107 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; + +type PizzaProps = { + id: number; + 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 PizzaModalsContent: React.FC = ({ + id, + title, + img, + heft, + description, + price, + size, +}) => { + const [activeType, setActiveType] = useState(0); + const [activeSize, setActiveSize] = useState(1); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + const addBasket = () => { + console.log('add'); + } + + 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}]; + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г') + }, [activeSize, activeType, heft]); + const ingredients = ing.map((obj, 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} см +
      • + ))} +
    +
    + + {ingredients} + +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220616141154.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220616141154.tsx new file mode 100644 index 0000000..a376a31 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220616141154.tsx @@ -0,0 +1,106 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; + +type PizzaProps = { + id: number; + 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 PizzaModalsContent: React.FC = ({ + id, + title, + img, + heft, + description, + price, + size, +}) => { + const [activeType, setActiveType] = useState(0); + const [activeSize, setActiveSize] = useState(1); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + const addBasket = () => { + console.log('add'); + } + + 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}]; + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г') + }, [activeSize, activeType, heft]); + const ingredients = ing.map((obj, 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} см +
      • + ))} +
    +
    + + {ingredients} +
    + + + + +
    +
    +
    +     + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220616141209.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220616141209.tsx new file mode 100644 index 0000000..77d6c36 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220616141209.tsx @@ -0,0 +1,106 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; + +type PizzaProps = { + id: number; + 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 PizzaModalsContent: React.FC = ({ + id, + title, + img, + heft, + description, + price, + size, +}) => { + const [activeType, setActiveType] = useState(0); + const [activeSize, setActiveSize] = useState(1); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + const addBasket = () => { + console.log('add'); + } + + 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}]; + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г') + }, [activeSize, activeType, heft]); + const ingredients = ing.map((obj, 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} см +
      • + ))} +
    +
    + + {ingredients} +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220616141237.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220616141237.tsx new file mode 100644 index 0000000..f37791c --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220616141237.tsx @@ -0,0 +1,107 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; + +type PizzaProps = { + id: number; + 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 PizzaModalsContent: React.FC = ({ + id, + title, + img, + heft, + description, + price, + size, +}) => { + const [activeType, setActiveType] = useState(0); + const [activeSize, setActiveSize] = useState(1); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + const addBasket = () => { + console.log('add'); + } + + 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}]; + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г') + }, [activeSize, activeType, heft]); + const ingredients = ing.map((obj, 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} см +
      • + ))} +
    +
    +
    + {ingredients} +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220616141256.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220616141256.tsx new file mode 100644 index 0000000..70a5a81 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220616141256.tsx @@ -0,0 +1,107 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; + +type PizzaProps = { + id: number; + 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 PizzaModalsContent: React.FC = ({ + id, + title, + img, + heft, + description, + price, + size, +}) => { + const [activeType, setActiveType] = useState(0); + const [activeSize, setActiveSize] = useState(1); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + const addBasket = () => { + console.log('add'); + } + + 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}]; + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г') + }, [activeSize, activeType, heft]); + const ingredients = ing.map((obj, 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} см +
      • + ))} +
    +
    +
    + {ingredients} +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220616141344.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220616141344.tsx new file mode 100644 index 0000000..477c093 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220616141344.tsx @@ -0,0 +1,111 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; + +type PizzaProps = { + id: number; + 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 PizzaModalsContent: React.FC = ({ + id, + title, + img, + heft, + description, + price, + size, +}) => { + const [activeType, setActiveType] = useState(0); + const [activeSize, setActiveSize] = useState(1); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + const addBasket = () => { + console.log('add'); + } + + 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}]; + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г') + }, [activeSize, activeType, heft]); + const ingredients = ing.map((obj, 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} см +
      • + ))} +
    +
    +
    +
    +
      + {ingredients} +
    +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220616141423.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220616141423.tsx new file mode 100644 index 0000000..e4ad089 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220616141423.tsx @@ -0,0 +1,109 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; + +type PizzaProps = { + id: number; + 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 PizzaModalsContent: React.FC = ({ + id, + title, + img, + heft, + description, + price, + size, +}) => { + const [activeType, setActiveType] = useState(0); + const [activeSize, setActiveSize] = useState(1); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + const addBasket = () => { + console.log('add'); + } + + 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}]; + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г') + }, [activeSize, activeType, heft]); + const ingredients = ing.map((obj, 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} см +
      • + ))} +
    +
    +
    +
      + {ingredients} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220616141944.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220616141944.tsx new file mode 100644 index 0000000..78c1b99 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220616141944.tsx @@ -0,0 +1,107 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { BoxScroll } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; + +type PizzaProps = { + id: number; + 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 PizzaModalsContent: React.FC = ({ + id, + title, + img, + heft, + description, + price, + size, +}) => { + const [activeType, setActiveType] = useState(0); + const [activeSize, setActiveSize] = useState(1); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + const addBasket = () => { + console.log('add'); + } + + 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}]; + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г') + }, [activeSize, activeType, heft]); + const ingredients = ing.map((obj, 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} см +
      • + ))} +
    +
    + + {ingredients} + +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220616142011.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220616142011.tsx new file mode 100644 index 0000000..7ccd223 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220616142011.tsx @@ -0,0 +1,109 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; + +type PizzaProps = { + id: number; + 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 PizzaModalsContent: React.FC = ({ + id, + title, + img, + heft, + description, + price, + size, +}) => { + const [activeType, setActiveType] = useState(0); + const [activeSize, setActiveSize] = useState(1); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + const addBasket = () => { + console.log('add'); + } + + 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}]; + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г') + }, [activeSize, activeType, heft]); + const ingredients = ing.map((obj, 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} см +
      • + ))} +
    +
    +
    +
      + {ingredients} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220616142216.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220616142216.tsx new file mode 100644 index 0000000..ab0122f --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220616142216.tsx @@ -0,0 +1,109 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; + +type PizzaProps = { + id: number; + 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 PizzaModalsContent: React.FC = ({ + id, + title, + img, + heft, + description, + price, + size, +}) => { + const [activeType, setActiveType] = useState(0); + const [activeSize, setActiveSize] = useState(1); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + const addBasket = () => { + console.log('add'); + } + + 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}]; + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г') + }, [activeSize, activeType, heft]); + const ingredients = ing.map((obj, 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} см +
      • + ))} +
    +
    +
    +
      + {ingredients} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220616142745.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220616142745.tsx new file mode 100644 index 0000000..062df0b --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220616142745.tsx @@ -0,0 +1,109 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; + +type PizzaProps = { + id: number; + 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 PizzaModalsContent: React.FC = ({ + id, + title, + img, + heft, + description, + price, + size, +}) => { + const [activeType, setActiveType] = useState(0); + const [activeSize, setActiveSize] = useState(1); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + const addBasket = () => { + console.log('add'); + } + + 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}]; + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г') + }, [activeSize, activeType, heft]); + const ingredients = ing.map((obj, 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} см +
      • + ))} +
    +
    +
    +
      + {ingredients} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220616142904.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220616142904.tsx new file mode 100644 index 0000000..ab0122f --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220616142904.tsx @@ -0,0 +1,109 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; + +type PizzaProps = { + id: number; + 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 PizzaModalsContent: React.FC = ({ + id, + title, + img, + heft, + description, + price, + size, +}) => { + const [activeType, setActiveType] = useState(0); + const [activeSize, setActiveSize] = useState(1); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + const addBasket = () => { + console.log('add'); + } + + 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}]; + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г') + }, [activeSize, activeType, heft]); + const ingredients = ing.map((obj, 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} см +
      • + ))} +
    +
    +
    +
      + {ingredients} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220616144142.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220616144142.tsx new file mode 100644 index 0000000..3ed3e48 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220616144142.tsx @@ -0,0 +1,109 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; + +type PizzaProps = { + id: number; + 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 PizzaModalsContent: React.FC = ({ + id, + title, + img, + heft, + description, + price, + size, +}) => { + const [activeType, setActiveType] = useState(0); + const [activeSize, setActiveSize] = useState(1); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + const addBasket = () => { + console.log('add'); + } + + 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}]; + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г') + }, [activeSize, activeType, heft]); + const ingredients = ing.map((obj, 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} см +
      • + ))} +
    +
    +
    +
      + {ingredients} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220616144741.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220616144741.tsx new file mode 100644 index 0000000..f521ea9 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220616144741.tsx @@ -0,0 +1,111 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; + +type PizzaProps = { + id: number; + 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 PizzaModalsContent: React.FC = ({ + id, + title, + img, + heft, + description, + price, + size, +}) => { + const [activeType, setActiveType] = useState(0); + const [activeSize, setActiveSize] = useState(1); + const [activeCheck, setActiveCheck] = useState([]); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + const addBasket = () => { + console.log('add'); + } + + 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 addCheck = () => { + console.log('addCheck'); + } + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г') + }, [activeSize, activeType, heft]); + const ingredients = ing.map((obj, 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} см +
      • + ))} +
    +
    +
    +
      + {ingredients} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220616145050.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220616145050.tsx new file mode 100644 index 0000000..6db2e53 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220616145050.tsx @@ -0,0 +1,111 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; + +type PizzaProps = { + id: number; + 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 PizzaModalsContent: React.FC = ({ + id, + title, + img, + heft, + description, + price, + size, +}) => { + const [activeType, setActiveType] = useState(0); + const [activeSize, setActiveSize] = useState(1); + const [activeCheck, setActiveCheck] = useState([]); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + const addBasket = () => { + console.log('add'); + } + + 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 addCheck = () => { + console.log('addCheck'); + } + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г') + }, [activeSize, activeType, heft]); + const ingredients = ing.map((obj, 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} см +
      • + ))} +
    +
    +
    +
      + {ingredients} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220616145153.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220616145153.tsx new file mode 100644 index 0000000..240ee7b --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220616145153.tsx @@ -0,0 +1,111 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; + +type PizzaProps = { + id: number; + 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 PizzaModalsContent: React.FC = ({ + id, + title, + img, + heft, + description, + price, + size, +}) => { + const [activeType, setActiveType] = useState(0); + const [activeSize, setActiveSize] = useState(1); + const [activeCheck, setActiveCheck] = useState([]); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + const addBasket = () => { + console.log('add'); + } + + 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 addCheck = (e) => { + console.log(e.target.value); + } + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г') + }, [activeSize, activeType, heft]); + const ingredients = ing.map((obj, 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} см +
      • + ))} +
    +
    +
    +
      + {ingredients} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220616145219.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220616145219.tsx new file mode 100644 index 0000000..bbecc17 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220616145219.tsx @@ -0,0 +1,111 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; + +type PizzaProps = { + id: number; + 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 PizzaModalsContent: React.FC = ({ + id, + title, + img, + heft, + description, + price, + size, +}) => { + const [activeType, setActiveType] = useState(0); + const [activeSize, setActiveSize] = useState(1); + const [activeCheck, setActiveCheck] = useState([]); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + const addBasket = () => { + console.log('add'); + } + + 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 addCheck = (e) => { + console.log(e.target.value); + } + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г') + }, [activeSize, activeType, heft]); + const ingredients = ing.map((obj, 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} см +
      • + ))} +
    +
    +
    +
      + {ingredients} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220616145732.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220616145732.tsx new file mode 100644 index 0000000..73827a9 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220616145732.tsx @@ -0,0 +1,124 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; + +type PizzaProps = { + id: number; + 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 PizzaModalsContent: React.FC = ({ + id, + title, + img, + heft, + description, + price, + size, +}) => { + const [activeType, setActiveType] = useState(0); + const [activeSize, setActiveSize] = useState(1); + const [activeCheck, setActiveCheck] = useState([]); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + const addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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}]; + + let check = ['none', 'none', 'none', 'none', 'none', 'none', 'none', 'none']; + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г') + }, [activeSize, activeType, heft]); + 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, index) =>
    • +
      +
      +

      {title}

      +

      {price} p

      + +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220616145836.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220616145836.tsx new file mode 100644 index 0000000..68b5ff7 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220616145836.tsx @@ -0,0 +1,124 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; + +type PizzaProps = { + id: number; + 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 PizzaModalsContent: React.FC = ({ + id, + title, + img, + heft, + description, + price, + size, +}) => { + const [activeType, setActiveType] = useState(0); + const [activeSize, setActiveSize] = useState(1); + const [activeCheck, setActiveCheck] = useState([]); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + const addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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}]; + + let check = ['none', 'none', 'none', 'none', 'none', 'none', 'none', 'none']; + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г') + }, [activeSize, activeType, heft]); + 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, index) =>
    • +
      +
      +

      {title}

      +

      {price} p

      + +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220616145900.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220616145900.tsx new file mode 100644 index 0000000..ef88bd1 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220616145900.tsx @@ -0,0 +1,124 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; + +type PizzaProps = { + id: number; + 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 PizzaModalsContent: React.FC = ({ + id, + title, + img, + heft, + description, + price, + size, +}) => { + const [activeType, setActiveType] = useState(0); + const [activeSize, setActiveSize] = useState(1); + const [activeCheck, setActiveCheck] = useState([]); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + const addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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}]; + + let check = ['none', 'none', 'none', 'none', 'none', 'none', 'none', 'none']; + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г') + }, [activeSize, activeType, heft]); + 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, index) =>
    • +
      +
      +

      {obj.title}

      +

      {obj.price} p

      + +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220616145958.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220616145958.tsx new file mode 100644 index 0000000..6b5b31d --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220616145958.tsx @@ -0,0 +1,125 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; + +type PizzaProps = { + id: number; + 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 PizzaModalsContent: React.FC = ({ + id, + title, + img, + heft, + description, + price, + size, +}) => { + const [activeType, setActiveType] = useState(0); + const [activeSize, setActiveSize] = useState(1); + const [activeCheck, setActiveCheck] = useState([]); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + const addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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(['none','none','none','none','none','none','none','none']); + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г') + }, [activeSize, activeType, heft]); + 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, index) =>
    • +
      +
      +

      {obj.title}

      +

      {obj.price} p

      + +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220616150159.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220616150159.tsx new file mode 100644 index 0000000..009c18e --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220616150159.tsx @@ -0,0 +1,135 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; + +type PizzaProps = { + id: number; + 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 PizzaModalsContent: React.FC = ({ + id, + title, + img, + heft, + description, + price, + size, +}) => { + const [activeType, setActiveType] = useState(0); + const [activeSize, setActiveSize] = useState(1); + const [activeCheck, setActiveCheck] = useState([]); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + const addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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(['none','none','none','none','none','none','none','none']); + var checkNow = ['none','none','none','none','none','none','none','none']; + const ingredientsAdd = (e) => { + setCheck({...check, [e.target.id]:check[e.target.id]==='none' ? 'yellow' : 'none'}); + checkNow[e.target.id] = check[e.target.id]==='none' ? 'yellow' : 'none'; + // console.log(checkNow); + if (check[e.target.id]==='none') { + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + } else { + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + } + } + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г') + }, [activeSize, activeType, heft]); + 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, index) =>
    • +
      +
      +

      {obj.title}

      +

      {obj.price} p

      + +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220616150255.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220616150255.tsx new file mode 100644 index 0000000..06e06d6 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220616150255.tsx @@ -0,0 +1,137 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; + +type PizzaProps = { + id: number; + 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 PizzaModalsContent: React.FC = ({ + id, + title, + img, + heft, + description, + price, + size, +}) => { + const [activeType, setActiveType] = useState(0); + const [activeSize, setActiveSize] = useState(1); + const [activeCheck, setActiveCheck] = useState([]); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + const addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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(['none','none','none','none','none','none','none','none']); + + var checkNow = ['none','none','none','none','none','none','none','none']; + + const ingredientsAdd = (e) => { + setCheck({...check, [e.target.id]:check[e.target.id]==='none' ? 'yellow' : 'none'}); + checkNow[e.target.id] = check[e.target.id]==='none' ? 'yellow' : 'none'; + // console.log(checkNow); + if (check[e.target.id]==='none') { + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + } else { + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + } + } + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г') + }, [activeSize, activeType, heft]); + 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, index) =>
    • +
      +
      +

      {obj.title}

      +

      {obj.price} p

      + +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220616150313.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220616150313.tsx new file mode 100644 index 0000000..4e76e38 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220616150313.tsx @@ -0,0 +1,137 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; + +type PizzaProps = { + id: number; + 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 PizzaModalsContent: React.FC = ({ + id, + title, + img, + heft, + description, + price, + size, +}) => { + const [activeType, setActiveType] = useState(0); + const [activeSize, setActiveSize] = useState(1); + const [activeCheck, setActiveCheck] = useState([]); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + const addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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(['none','none','none','none','none','none','none','none']); + + var checkNow = ['none','none','none','none','none','none','none','none']; + + const ingredientsAdd = (e: React.MouseEvent) => { + setCheck({...check, [e.target.id]:check[e.target.id]==='none' ? 'yellow' : 'none'}); + checkNow[e.target.id] = check[e.target.id]==='none' ? 'yellow' : 'none'; + // console.log(checkNow); + if (check[e.target.id]==='none') { + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + } else { + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + } + } + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г') + }, [activeSize, activeType, heft]); + 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, index) =>
    • +
      +
      +

      {obj.title}

      +

      {obj.price} p

      + +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220616150344.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220616150344.tsx new file mode 100644 index 0000000..4e76e38 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220616150344.tsx @@ -0,0 +1,137 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; + +type PizzaProps = { + id: number; + 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 PizzaModalsContent: React.FC = ({ + id, + title, + img, + heft, + description, + price, + size, +}) => { + const [activeType, setActiveType] = useState(0); + const [activeSize, setActiveSize] = useState(1); + const [activeCheck, setActiveCheck] = useState([]); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + const addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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(['none','none','none','none','none','none','none','none']); + + var checkNow = ['none','none','none','none','none','none','none','none']; + + const ingredientsAdd = (e: React.MouseEvent) => { + setCheck({...check, [e.target.id]:check[e.target.id]==='none' ? 'yellow' : 'none'}); + checkNow[e.target.id] = check[e.target.id]==='none' ? 'yellow' : 'none'; + // console.log(checkNow); + if (check[e.target.id]==='none') { + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + } else { + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + } + } + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г') + }, [activeSize, activeType, heft]); + 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, index) =>
    • +
      +
      +

      {obj.title}

      +

      {obj.price} p

      + +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220616150928.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220616150928.tsx new file mode 100644 index 0000000..bcc8511 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220616150928.tsx @@ -0,0 +1,138 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; + +type PizzaProps = { + id: number; + 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 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 addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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(['none','none','none','none','none','none','none','none']); + + var checkNow = ['none','none','none','none','none','none','none','none']; + + const ingredientsAdd = (e: React.MouseEvent) => { + setCheck({...check, [e.target.id]:check[e.target.id]==='none' ? 'yellow' : 'none'}); + checkNow[e.target.id] = check[e.target.id]==='none' ? 'yellow' : 'none'; + // console.log(checkNow); + if (check[e.target.id]==='none') { + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + } else { + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + } + } + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setSum(price[activeSize]); + }, [activeSize, activeType, heft]); + 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, index) =>
    • +
      +
      +

      {obj.title}

      +

      {obj.price} p

      + +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220616152039.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220616152039.tsx new file mode 100644 index 0000000..0af2422 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220616152039.tsx @@ -0,0 +1,138 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; + +type PizzaProps = { + id: number; + 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 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 addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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(['none','none','none','none','none','none','none','none']); + + var checkNow = ['none','none','none','none','none','none','none','none']; + + const ingredientsAdd = (e: React.MouseEvent) => { + setCheck({...check, [e.target.id]:check[e.target.id]==='none' ? 'yellow' : 'none'}); + checkNow[e.target.id] = check[e.target.id]==='none' ? 'yellow' : 'none'; + console.log(checkNow); + if (check[e.target.id]==='none') { + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + } else { + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + } + } + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setSum(price[activeSize]); + }, [activeSize, activeType, heft]); + 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, index) =>
    • +
      +
      +

      {obj.title}

      +

      {obj.price} p

      + +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220616152213.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220616152213.tsx new file mode 100644 index 0000000..c0c6ee3 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220616152213.tsx @@ -0,0 +1,139 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; + +type PizzaProps = { + id: number; + 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 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 addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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(['none','none','none','none','none','none','none','none']); + + var checkNow = ['none','none','none','none','none','none','none','none']; + + const ingredientsAdd = (e: React.MouseEvent) => { + setCheck({...check, [e.target.id]:check[e.target.id]==='none' ? 'yellow' : 'none'}); + checkNow[e.target.id] = check[e.target.id]==='none' ? 'yellow' : 'none'; + console.log(checkNow); + if (check[e.target.id]==='none') { + setSum(price[activeSize]+ing[e.target.id].price); + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + } else { + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + } + } + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setSum(price[activeSize]); + }, [activeSize, activeType, heft]); + 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, index) =>
    • +
      +
      +

      {obj.title}

      +

      {obj.price} p

      + +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220616152252.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220616152252.tsx new file mode 100644 index 0000000..4d59501 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220616152252.tsx @@ -0,0 +1,140 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; + +type PizzaProps = { + id: number; + 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 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 addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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(['none','none','none','none','none','none','none','none']); + + var checkNow = ['none','none','none','none','none','none','none','none']; + + const ingredientsAdd = (e: React.MouseEvent) => { + setCheck({...check, [e.target.id]:check[e.target.id]==='none' ? 'yellow' : 'none'}); + checkNow[e.target.id] = check[e.target.id]==='none' ? 'yellow' : 'none'; + console.log(checkNow); + if (check[e.target.id]==='none') { + setSum(price[activeSize]+ing[e.target.id].price); + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + } else { + setSum(price[activeSize]-ing[e.target.id].price); + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + } + } + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setSum(price[activeSize]); + }, [activeSize, activeType, heft]); + 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, index) =>
    • +
      +
      +

      {obj.title}

      +

      {obj.price} p

      + +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220616152344.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220616152344.tsx new file mode 100644 index 0000000..6b63cb7 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220616152344.tsx @@ -0,0 +1,140 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; + +type PizzaProps = { + id: number; + 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 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 addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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(['none','none','none','none','none','none','none','none']); + + var checkNow = ['none','none','none','none','none','none','none','none']; + + const ingredientsAdd = (e: React.MouseEvent) => { + setCheck({...check, [e.target.id]:check[e.target.id]==='none' ? 'yellow' : 'none'}); + checkNow[e.target.id] = check[e.target.id]==='none' ? 'yellow' : 'none'; + console.log(checkNow); + if (check[e.target.id]==='none') { + setSum(price[activeSize]+ing[e.target.id].price); + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + } else { + setSum(sum-ing[e.target.id].price); + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + } + } + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setSum(price[activeSize]); + }, [activeSize, activeType, heft]); + 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, index) =>
    • +
      +
      +

      {obj.title}

      +

      {obj.price} p

      + +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220616152407.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220616152407.tsx new file mode 100644 index 0000000..82c75bb --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220616152407.tsx @@ -0,0 +1,140 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; + +type PizzaProps = { + id: number; + 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 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 addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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(['none','none','none','none','none','none','none','none']); + + var checkNow = ['none','none','none','none','none','none','none','none']; + + const ingredientsAdd = (e: React.MouseEvent) => { + setCheck({...check, [e.target.id]:check[e.target.id]==='none' ? 'yellow' : 'none'}); + checkNow[e.target.id] = check[e.target.id]==='none' ? 'yellow' : 'none'; + console.log(checkNow); + if (check[e.target.id]==='none') { + setSum(sum+ing[e.target.id].price); + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + } else { + setSum(sum-ing[e.target.id].price); + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + } + } + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setSum(price[activeSize]); + }, [activeSize, activeType, heft]); + 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, index) =>
    • +
      +
      +

      {obj.title}

      +

      {obj.price} p

      + +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220616152454.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220616152454.tsx new file mode 100644 index 0000000..82c75bb --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220616152454.tsx @@ -0,0 +1,140 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; + +type PizzaProps = { + id: number; + 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 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 addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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(['none','none','none','none','none','none','none','none']); + + var checkNow = ['none','none','none','none','none','none','none','none']; + + const ingredientsAdd = (e: React.MouseEvent) => { + setCheck({...check, [e.target.id]:check[e.target.id]==='none' ? 'yellow' : 'none'}); + checkNow[e.target.id] = check[e.target.id]==='none' ? 'yellow' : 'none'; + console.log(checkNow); + if (check[e.target.id]==='none') { + setSum(sum+ing[e.target.id].price); + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + } else { + setSum(sum-ing[e.target.id].price); + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + } + } + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setSum(price[activeSize]); + }, [activeSize, activeType, heft]); + 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, index) =>
    • +
      +
      +

      {obj.title}

      +

      {obj.price} p

      + +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220616152554.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220616152554.tsx new file mode 100644 index 0000000..ba65e47 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220616152554.tsx @@ -0,0 +1,141 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; + +type PizzaProps = { + id: number; + 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 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 addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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(['none','none','none','none','none','none','none','none']); + + var checkNow = ['none','none','none','none','none','none','none','none']; + + const ingredientsAdd = (e: React.MouseEvent) => { + setCheck({...check, [e.target.id]:check[e.target.id]==='none' ? 'yellow' : 'none'}); + checkNow[e.target.id] = check[e.target.id]==='none' ? 'yellow' : 'none'; + console.log(checkNow); + if (check[e.target.id]==='none') { + setSum(sum+ing[e.target.id].price); + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + } else { + setSum(sum-ing[e.target.id].price); + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + } + } + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck(['none','none','none','none','none','none','none','none']); + setSum(price[activeSize]); + }, [activeSize, activeType, heft]); + 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, index) =>
    • +
      +
      +

      {obj.title}

      +

      {obj.price} p

      + +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220616152609.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220616152609.tsx new file mode 100644 index 0000000..ba65e47 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220616152609.tsx @@ -0,0 +1,141 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; + +type PizzaProps = { + id: number; + 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 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 addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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(['none','none','none','none','none','none','none','none']); + + var checkNow = ['none','none','none','none','none','none','none','none']; + + const ingredientsAdd = (e: React.MouseEvent) => { + setCheck({...check, [e.target.id]:check[e.target.id]==='none' ? 'yellow' : 'none'}); + checkNow[e.target.id] = check[e.target.id]==='none' ? 'yellow' : 'none'; + console.log(checkNow); + if (check[e.target.id]==='none') { + setSum(sum+ing[e.target.id].price); + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + } else { + setSum(sum-ing[e.target.id].price); + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + } + } + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck(['none','none','none','none','none','none','none','none']); + setSum(price[activeSize]); + }, [activeSize, activeType, heft]); + 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, index) =>
    • +
      +
      +

      {obj.title}

      +

      {obj.price} p

      + +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220616163109.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220616163109.tsx new file mode 100644 index 0000000..5ae8f17 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220616163109.tsx @@ -0,0 +1,141 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; + +type PizzaProps = { + id: number; + 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 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 addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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(['none','none','none','none','none','none','none','none']); + + var checkNow = ['none','none','none','none','none','none','none','none']; + + const ingredientsAdd = (e: React.MouseEvent) => { + setCheck({...check, [e.target.id]:check[e.target.id]==='none' ? 'yellow' : 'none'}); + checkNow[e.target.id] = check[e.target.id]==='none' ? 'yellow' : 'none'; + console.log(checkNow); + if (check[e.target.id]==='none') { + setSum(sum+ing[e.target.id].price); + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + } else { + setSum(sum-ing[e.target.id].price); + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + } + } + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck(['none','none','none','none','none','none','none','none']); + setSum(price[activeSize]); + }, [activeSize, activeType, heft]); + 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, index) =>
    • +
      +
      +

      {obj.title}

      +

      {obj.price} p

      + +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220616185306.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220616185306.tsx new file mode 100644 index 0000000..094c8a9 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220616185306.tsx @@ -0,0 +1,141 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; + +type PizzaProps = { + id: number; + 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 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 addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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(['none','none','none','none','none','none','none','none']); + + var checkNow = ['none','none','none','none','none','none','none','none']; + + const ingredientsAdd = (e: React.MouseEvent) => { + setCheck({...check, [e.target.id]:check[e.target.id]==='none' ? 'yellow' : 'none'}); + checkNow[e.target.id] = check[e.target.id]==='none' ? 'yellow' : 'none'; + console.log(checkNow); + if (check[e.target.id]==='none') { + setSum(sum+ing[e.target.id].price); + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + } else { + setSum(sum-ing[e.target.id].price); + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + } + } + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck(['none','none','none','none','none','none','none','none']); + setSum(price[activeSize]); + }, [activeSize, activeType, heft]); + 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, index) =>
    • +
      +
      +

      {obj.title}

      +

      {obj.price} p

      + +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220616185340.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220616185340.tsx new file mode 100644 index 0000000..a1d934f --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220616185340.tsx @@ -0,0 +1,141 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; + +type PizzaProps = { + id: number; + 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 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 addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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(['none','none','none','none','none','none','none','none']); + + var checkNow = ['none','none','none','none','none','none','none','none']; + + const ingredientsAdd = (e: React.MouseEvent) => { + setCheck({...check, [e.target.id]:check[e.target.id]==='none' ? 'yellow' : 'none'}); + checkNow[e.target.id] = check[e.target.id]==='none' ? 'yellow' : 'none'; + console.log(checkNow); + if (check[e.target.id]==='none') { + setSum(sum+ing[e.target.id].price); + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + } else { + setSum(sum-ing[e.target.id].price); + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + } + } + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck(['none','none','none','none','none','none','none','none']); + setSum(price[activeSize]); + }, [activeSize, activeType, heft]); + 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, index) =>
    • +
      +
      +

      {obj.title}

      +

      {obj.price} p

      + +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220616185408.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220616185408.tsx new file mode 100644 index 0000000..4b583c3 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220616185408.tsx @@ -0,0 +1,141 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; + +type PizzaProps = { + id: number; + 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 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 addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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(['none','none','none','none','none','none','none','none']); + + var checkNow = ['none','none','none','none','none','none','none','none']; + + const ingredientsAdd = (e: React.MouseEvent) => { + setCheck({...check, [e.target.id]:check[e.target.id]==='none' ? 'yellow' : 'none'}); + checkNow[e.target.id] = check[e.target.id]==='none' ? 'yellow' : 'none'; + console.log(checkNow); + if (check[e.target.id]==='none') { + setSum(sum+ing[e.target.id].price); + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + } else { + setSum(sum-ing[e.target.id].price); + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + } + } + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck(['none','none','none','none','none','none','none','none']); + setSum(price[activeSize]); + }, [activeSize, activeType, heft]); + 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, index) =>
    • +
      +
      +

      {obj.title}

      +

      {obj.price} p

      + +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220616211917.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220616211917.tsx new file mode 100644 index 0000000..80adbc5 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220616211917.tsx @@ -0,0 +1,141 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; + +type PizzaProps = { + id: number; + 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 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 addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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(['none','none','none','none','none','none','none','none']); + + var checkNow = ['none','none','none','none','none','none','none','none']; + + const ingredientsAdd = (e: React.MouseEvent) => { + setCheck({...check, [e.target.id]:check[e.target.id]==='none' ? 'yellow' : 'none'}); + checkNow[e.target.id] = check[e.target.id]==='none' ? 'yellow' : 'none'; + console.log(checkNow); + if (check[e.target.id]==='none') { + setSum(sum+ing[e.target.id].price); + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + } else { + setSum(sum-ing[e.target.id].price); + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + } + } + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck(['none','none','none','none','none','none','none','none']); + setSum(price[activeSize]); + }, [activeSize, activeType, heft]); + 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, index) =>
    • +
      +
      +

      {obj.title}

      +

      {obj.price} p

      + +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220616211940.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220616211940.tsx new file mode 100644 index 0000000..4b583c3 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220616211940.tsx @@ -0,0 +1,141 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; + +type PizzaProps = { + id: number; + 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 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 addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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(['none','none','none','none','none','none','none','none']); + + var checkNow = ['none','none','none','none','none','none','none','none']; + + const ingredientsAdd = (e: React.MouseEvent) => { + setCheck({...check, [e.target.id]:check[e.target.id]==='none' ? 'yellow' : 'none'}); + checkNow[e.target.id] = check[e.target.id]==='none' ? 'yellow' : 'none'; + console.log(checkNow); + if (check[e.target.id]==='none') { + setSum(sum+ing[e.target.id].price); + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + } else { + setSum(sum-ing[e.target.id].price); + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + } + } + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck(['none','none','none','none','none','none','none','none']); + setSum(price[activeSize]); + }, [activeSize, activeType, heft]); + 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, index) =>
    • +
      +
      +

      {obj.title}

      +

      {obj.price} p

      + +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220616211948.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220616211948.tsx new file mode 100644 index 0000000..0be1d5e --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220616211948.tsx @@ -0,0 +1,141 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; + +type PizzaProps = { + id: number; + 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 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 addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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(['none','none','none','none','none','none','none','none']); + + var checkNow = ['none','none','none','none','none','none','none','none']; + + const ingredientsAdd = (e: React.MouseEvent) => { + setCheck({...check, [e.target.id]:check[e.target.id]==='none' ? 'yellow' : 'none'}); + checkNow[e.target.id] = check[e.target.id]==='none' ? 'yellow' : 'none'; + console.log(checkNow); + if (check[e.target.id]==='none') { + setSum(sum+ing[e.target.id].price); + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + } else { + setSum(sum-ing[e.target.id].price); + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + } + } + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck(['none','none','none','none','none','none','none','none']); + setSum(price[activeSize]); + }, [activeSize, activeType, heft]); + 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, index) =>
    • +
      +
      +

      {obj.title}

      +

      {obj.price} p

      + +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220616211958.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220616211958.tsx new file mode 100644 index 0000000..273dc4f --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220616211958.tsx @@ -0,0 +1,141 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; + +type PizzaProps = { + id: number; + 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 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 addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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(['none','none','none','none','none','none','none','none']); + + var checkNow = ['none','none','none','none','none','none','none','none']; + + const ingredientsAdd = (e: React.MouseEvent) => { + setCheck({...check, [e.target.id]:check[e.target.id]==='none' ? 'yellow' : 'none'}); + checkNow[e.target.id] = check[e.target.id]==='none' ? 'yellow' : 'none'; + console.log(checkNow); + if (check[e.target.id]==='none') { + setSum(sum+ing[e.target.id].price); + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + } else { + setSum(sum-ing[e.target.id].price); + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + } + } + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck(['none','none','none','none','none','none','none','none']); + setSum(price[activeSize]); + }, [activeSize, activeType, heft]); + 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, index) =>
    • +
      +
      +

      {obj.title}

      +

      {obj.price} p

      + +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220616212051.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220616212051.tsx new file mode 100644 index 0000000..2fa0d21 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220616212051.tsx @@ -0,0 +1,141 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; + +type PizzaProps = { + id: number; + 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 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 addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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(['none','none','none','none','none','none','none','none']); + + var checkNow = ['none','none','none','none','none','none','none','none']; + + const ingredientsAdd = (e: React.MouseEvent) => { + setCheck({...check, [e.target.id]:check[e.target.id]==='none' ? 'yellow' : 'none'}); + checkNow[e.target.id] = check[e.target.id]==='none' ? 'yellow' : 'none'; + console.log(checkNow); + if (check[e.target.id]==='none') { + setSum(sum+ing[e.target.id].price); + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + } else { + setSum(sum-ing[e.target.id].price); + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + } + } + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck(['none','none','none','none','none','none','none','none']); + setSum(price[activeSize]); + }, [activeSize, activeType, heft]); + 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, index) =>
    • +
      +
      +

      {obj.title}

      +

      {obj.price} p

      + +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220616212107.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220616212107.tsx new file mode 100644 index 0000000..2fa0d21 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220616212107.tsx @@ -0,0 +1,141 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; + +type PizzaProps = { + id: number; + 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 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 addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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(['none','none','none','none','none','none','none','none']); + + var checkNow = ['none','none','none','none','none','none','none','none']; + + const ingredientsAdd = (e: React.MouseEvent) => { + setCheck({...check, [e.target.id]:check[e.target.id]==='none' ? 'yellow' : 'none'}); + checkNow[e.target.id] = check[e.target.id]==='none' ? 'yellow' : 'none'; + console.log(checkNow); + if (check[e.target.id]==='none') { + setSum(sum+ing[e.target.id].price); + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + } else { + setSum(sum-ing[e.target.id].price); + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + } + } + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck(['none','none','none','none','none','none','none','none']); + setSum(price[activeSize]); + }, [activeSize, activeType, heft]); + 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, index) =>
    • +
      +
      +

      {obj.title}

      +

      {obj.price} p

      + +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220616215739.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220616215739.tsx new file mode 100644 index 0000000..d950363 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220616215739.tsx @@ -0,0 +1,141 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; + +type PizzaProps = { + id: number; + 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 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 addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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(['none','none','none','none','none','none','none','none']); + + var checkNow = ['none','none','none','none','none','none','none','none']; + + const ingredientsAdd = (e: React.MouseEvent) => { + setCheck({...check, [e.target.id]:check[e.target.id]==='none' ? 'yellow' : 'none'}); + checkNow[e.target.id] = check[e.target.id]==='none' ? 'yellow' : 'none'; + console.log(checkNow); + if (check[e.target.id]==='none') { + setSum(sum+ing[e.target.id].price); + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + } else { + setSum(sum-ing[e.target.id].price); + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + } + } + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck(['none','none','none','none','none','none','none','none']); + setSum(price[activeSize]); + }, [activeSize, activeType, heft]); + 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, index) =>
    • +
      +
      +

      {obj.title}

      +

      {obj.price} p

      + +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220616215850.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220616215850.tsx new file mode 100644 index 0000000..05e89f2 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220616215850.tsx @@ -0,0 +1,141 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; + +type PizzaProps = { + id: number; + 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 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 addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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(['none','none','none','none','none','none','none','none']); + + var checkNow = ['none','none','none','none','none','none','none','none']; + + const ingredientsAdd = (e: React.MouseEvent) => { + setCheck({...check, [e.target.id]:check[e.target.id]==='none' ? 'yellow' : 'none'}); + checkNow[e.target.id] = check[e.target.id]==='none' ? 'yellow' : 'none'; + console.log(checkNow); + if (check[e.target.id]==='none') { + setSum(sum+ing[e.target.id].price); + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + } else { + setSum(sum-ing[e.target.id].price); + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + } + } + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck(['none','none','none','none','none','none','none','none']); + setSum(price[activeSize]); + }, [activeSize, activeType, heft]); + 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, index) =>
    • +
      +
      +

      {obj.title}

      +

      {obj.price} p

      + +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220616215947.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220616215947.tsx new file mode 100644 index 0000000..a0e5a63 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220616215947.tsx @@ -0,0 +1,141 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; + +type PizzaProps = { + id: number; + 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 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 addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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(['none','none','none','none','none','none','none','none']); + + var checkNow = ['none','none','none','none','none','none','none','none']; + + const ingredientsAdd = (e: React.MouseEvent) => { + setCheck({...check, [e.target.id]:check[e.target.id]==='none' ? 'yellow' : 'none'}); + checkNow[e.target.id] = check[e.target.id]==='none' ? 'yellow' : 'none'; + console.log(checkNow); + if (check[e.target.id]==='none') { + setSum(sum+ing[e.target.id].price); + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + } else { + setSum(sum-ing[e.target.id].price); + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + } + } + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck(['none','none','none','none','none','none','none','none']); + setSum(price[activeSize]); + }, [activeSize, activeType, heft]); + 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, index) =>
    • +
      +
      +

      {obj.title}

      +

      {obj.price} p

      + +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220616221209.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220616221209.tsx new file mode 100644 index 0000000..15c0eee --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220616221209.tsx @@ -0,0 +1,142 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; +import { HiMinus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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 addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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(['none','none','none','none','none','none','none','none']); + + var checkNow = ['none','none','none','none','none','none','none','none']; + + const ingredientsAdd = (e: React.MouseEvent) => { + setCheck({...check, [e.target.id]:check[e.target.id]==='none' ? 'yellow' : 'none'}); + checkNow[e.target.id] = check[e.target.id]==='none' ? 'yellow' : 'none'; + console.log(checkNow); + if (check[e.target.id]==='none') { + setSum(sum+ing[e.target.id].price); + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + } else { + setSum(sum-ing[e.target.id].price); + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + } + } + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck(['none','none','none','none','none','none','none','none']); + setSum(price[activeSize]); + }, [activeSize, activeType, heft]); + 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, index) =>
    • +
      +
      +

      {obj.title}

      +

      {obj.price} p

      + +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220616221319.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220616221319.tsx new file mode 100644 index 0000000..374941c --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220616221319.tsx @@ -0,0 +1,142 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; +import { HiMinus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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 addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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(['none','none','none','none','none','none','none','none']); + + var checkNow = ['none','none','none','none','none','none','none','none']; + + const ingredientsAdd = (e: React.MouseEvent) => { + setCheck({...check, [e.target.id]:check[e.target.id]==='none' ? 'yellow' : 'none'}); + checkNow[e.target.id] = check[e.target.id]==='none' ? 'yellow' : 'none'; + console.log(checkNow); + if (check[e.target.id]==='none') { + setSum(sum+ing[e.target.id].price); + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + } else { + setSum(sum-ing[e.target.id].price); + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + } + } + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck(['none','none','none','none','none','none','none','none']); + setSum(price[activeSize]); + }, [activeSize, activeType, heft]); + 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, index) =>
    • +
      +
      +

      {obj.title}

      +

      {obj.price} p

      + +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220616221405.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220616221405.tsx new file mode 100644 index 0000000..d5d486b --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220616221405.tsx @@ -0,0 +1,142 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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 addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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(['none','none','none','none','none','none','none','none']); + + var checkNow = ['none','none','none','none','none','none','none','none']; + + const ingredientsAdd = (e: React.MouseEvent) => { + setCheck({...check, [e.target.id]:check[e.target.id]==='none' ? 'yellow' : 'none'}); + checkNow[e.target.id] = check[e.target.id]==='none' ? 'yellow' : 'none'; + console.log(checkNow); + if (check[e.target.id]==='none') { + setSum(sum+ing[e.target.id].price); + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + } else { + setSum(sum-ing[e.target.id].price); + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + } + } + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck(['none','none','none','none','none','none','none','none']); + setSum(price[activeSize]); + }, [activeSize, activeType, heft]); + 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, index) =>
    • +
      +
      +

      {obj.title}

      +

      {obj.price} p

      + +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220617062239.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220617062239.tsx new file mode 100644 index 0000000..aa9b579 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220617062239.tsx @@ -0,0 +1,142 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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 addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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(['none','none','none','none','none','none','none','none']); + + var checkNow = ['none','none','none','none','none','none','none','none']; + + const ingredientsAdd = (e: React.MouseEvent) => { + setCheck({...check, [e.target.id]: check[e.target.id] === 'none' ? 'yellow' : 'none'}); + checkNow[e.target.id] = check[e.target.id] === 'none' ? 'yellow' : 'none'; + console.log(checkNow); + if (check[e.target.id]==='none') { + // setSum(sum+ing[e.target.id].price); + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + } else { + // setSum(sum-ing[e.target.id].price); + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + } + } + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck(['none','none','none','none','none','none','none','none']); + setSum(price[activeSize]); + }, [activeSize, activeType, heft]); + 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, index) =>
    • +
      +
      +

      {obj.title}

      +

      {obj.price} p

      + +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220617062328.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220617062328.tsx new file mode 100644 index 0000000..91c3e3e --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220617062328.tsx @@ -0,0 +1,142 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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 addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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(['none','none','none','none','none','none','none','none']); + + var checkNow = ['none','none','none','none','none','none','none','none']; + + const ingredientsAdd = (e: React.MouseEvent) => { + setCheck({...check, [e.target.id]: check[e.target.id] === 'none' ? 'yellow' : 'none'}); + checkNow[e.target.id] = check[e.target.id] === 'none' ? 'yellow' : 'none'; + console.log(e.target.id); + if (check[e.target.id]==='none') { + // setSum(sum+ing[e.target.id].price); + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + } else { + // setSum(sum-ing[e.target.id].price); + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + } + } + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck(['none','none','none','none','none','none','none','none']); + setSum(price[activeSize]); + }, [activeSize, activeType, heft]); + 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, index) =>
    • +
      +
      +

      {obj.title}

      +

      {obj.price} p

      + +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220617062402.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220617062402.tsx new file mode 100644 index 0000000..b161861 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220617062402.tsx @@ -0,0 +1,142 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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 addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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(['none','none','none','none','none','none','none','none']); + + var checkNow = ['none','none','none','none','none','none','none','none']; + + const ingredientsAdd = (e: React.MouseEvent) => { + setCheck({...check, [e.target.id]: check[e.target.id] === 'none' ? 'yellow' : 'none'}); + checkNow[e.target.id] = check[e.target.id] === 'none' ? 'yellow' : 'none'; + console.log(e.target.id); + if (check[e.target.id]==='none') { + // setSum(sum+ing[e.target.id].price); + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + } else { + // setSum(sum-ing[e.target.id].price); + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + } + } + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck(['none','none','none','none','none','none','none','none']); + setSum(price[activeSize]); + }, [activeSize, activeType, heft]); + 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

      + +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220617062424.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220617062424.tsx new file mode 100644 index 0000000..5e531be --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220617062424.tsx @@ -0,0 +1,142 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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 addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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(['none','none','none','none','none','none','none','none']); + + var checkNow = ['none','none','none','none','none','none','none','none']; + + const ingredientsAdd = (e: React.MouseEvent) => { + setCheck({...check, [e.target.id]: check[e.target.id] === 'none' ? 'yellow' : 'none'}); + checkNow[e.target.id] = check[e.target.id] === 'none' ? 'yellow' : 'none'; + console.log(e.target.id); + if (check[e.target.id]==='none') { + // setSum(sum+ing[e.target.id].price); + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + } else { + // setSum(sum-ing[e.target.id].price); + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + } + } + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck(['none','none','none','none','none','none','none','none']); + setSum(price[activeSize]); + }, [activeSize, activeType, heft]); + 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

      + +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220617062453.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220617062453.tsx new file mode 100644 index 0000000..2621ad1 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220617062453.tsx @@ -0,0 +1,142 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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 addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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(['none','none','none','none','none','none','none','none']); + + var checkNow = ['none','none','none','none','none','none','none','none']; + + const ingredientsAdd = (e: React.MouseEvent) => { + setCheck({...check, [e.target.id]: check[e.target.id] === 'none' ? 'yellow' : 'none'}); + checkNow[e.target.id] = check[e.target.id] === 'none' ? 'yellow' : 'none'; + console.log(e.target); + if (check[e.target.id]==='none') { + // setSum(sum+ing[e.target.id].price); + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + } else { + // setSum(sum-ing[e.target.id].price); + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + } + } + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck(['none','none','none','none','none','none','none','none']); + setSum(price[activeSize]); + }, [activeSize, activeType, heft]); + 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

      + +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220617062753.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220617062753.tsx new file mode 100644 index 0000000..bb5748c --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220617062753.tsx @@ -0,0 +1,142 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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 addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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(['none','none','none','none','none','none','none','none']); + + var checkNow = ['none','none','none','none','none','none','none','none']; + + const ingredientsAdd = (e: React.MouseEvent) => { + setCheck({...check, [e.target.id]: check[e.target.id] === 'none' ? 'yellow' : 'none'}); + checkNow[e.target.id] = check[e.target.id] === 'none' ? 'yellow' : 'none'; + console.log((e.target as Element).id); + if (check[e.target.id]==='none') { + // setSum(sum+ing[e.target.id].price); + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + } else { + // setSum(sum-ing[e.target.id].price); + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + } + } + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck(['none','none','none','none','none','none','none','none']); + setSum(price[activeSize]); + }, [activeSize, activeType, heft]); + 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

      + +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220617062828.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220617062828.tsx new file mode 100644 index 0000000..b161861 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220617062828.tsx @@ -0,0 +1,142 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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 addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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(['none','none','none','none','none','none','none','none']); + + var checkNow = ['none','none','none','none','none','none','none','none']; + + const ingredientsAdd = (e: React.MouseEvent) => { + setCheck({...check, [e.target.id]: check[e.target.id] === 'none' ? 'yellow' : 'none'}); + checkNow[e.target.id] = check[e.target.id] === 'none' ? 'yellow' : 'none'; + console.log(e.target.id); + if (check[e.target.id]==='none') { + // setSum(sum+ing[e.target.id].price); + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + } else { + // setSum(sum-ing[e.target.id].price); + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + } + } + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck(['none','none','none','none','none','none','none','none']); + setSum(price[activeSize]); + }, [activeSize, activeType, heft]); + 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

      + +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220617062837.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220617062837.tsx new file mode 100644 index 0000000..bb5748c --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220617062837.tsx @@ -0,0 +1,142 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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 addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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(['none','none','none','none','none','none','none','none']); + + var checkNow = ['none','none','none','none','none','none','none','none']; + + const ingredientsAdd = (e: React.MouseEvent) => { + setCheck({...check, [e.target.id]: check[e.target.id] === 'none' ? 'yellow' : 'none'}); + checkNow[e.target.id] = check[e.target.id] === 'none' ? 'yellow' : 'none'; + console.log((e.target as Element).id); + if (check[e.target.id]==='none') { + // setSum(sum+ing[e.target.id].price); + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + } else { + // setSum(sum-ing[e.target.id].price); + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + } + } + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck(['none','none','none','none','none','none','none','none']); + setSum(price[activeSize]); + }, [activeSize, activeType, heft]); + 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

      + +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220617063028.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220617063028.tsx new file mode 100644 index 0000000..9910790 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220617063028.tsx @@ -0,0 +1,143 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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 addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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(['none','none','none','none','none','none','none','none']); + + var checkNow = ['none','none','none','none','none','none','none','none']; + + const ingredientsAdd = (e: Event) => { + const { target } = e; + setCheck({...check, [target.id]: check[e.target.id] === 'none' ? 'yellow' : 'none'}); + checkNow[e.target.id] = check[e.target.id] === 'none' ? 'yellow' : 'none'; + console.log((target as Element).id); + if (check[e.target.id]==='none') { + // setSum(sum+ing[e.target.id].price); + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + } else { + // setSum(sum-ing[e.target.id].price); + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + } + } + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck(['none','none','none','none','none','none','none','none']); + setSum(price[activeSize]); + }, [activeSize, activeType, heft]); + 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

      + +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220617063052.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220617063052.tsx new file mode 100644 index 0000000..d5faa3f --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220617063052.tsx @@ -0,0 +1,143 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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 addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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(['none','none','none','none','none','none','none','none']); + + var checkNow = ['none','none','none','none','none','none','none','none']; + + const ingredientsAdd = (e: Event) => { + const { target } = e; + setCheck({...check, [target.id]: check[e.target.id] === 'none' ? 'yellow' : 'none'}); + checkNow[e.target.id] = check[e.target.id] === 'none' ? 'yellow' : 'none'; + console.log(target.id); + if (check[e.target.id]==='none') { + // setSum(sum+ing[e.target.id].price); + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + } else { + // setSum(sum-ing[e.target.id].price); + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + } + } + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck(['none','none','none','none','none','none','none','none']); + setSum(price[activeSize]); + }, [activeSize, activeType, heft]); + 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

      + +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220617063126.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220617063126.tsx new file mode 100644 index 0000000..9143cc9 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220617063126.tsx @@ -0,0 +1,143 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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 addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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(['none','none','none','none','none','none','none','none']); + + var checkNow = ['none','none','none','none','none','none','none','none']; + + const ingredientsAdd = (e: Event) => { + const { target } = e; + setCheck({...check, [target.id]: check[e.target.id] === 'none' ? 'yellow' : 'none'}); + checkNow[e.target.id] = check[e.target.id] === 'none' ? 'yellow' : 'none'; + console.log((target as HTMLButtonElement).id); + if (check[e.target.id]==='none') { + // setSum(sum+ing[e.target.id].price); + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + } else { + // setSum(sum-ing[e.target.id].price); + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + } + } + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck(['none','none','none','none','none','none','none','none']); + setSum(price[activeSize]); + }, [activeSize, activeType, heft]); + 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

      + +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220617063204.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220617063204.tsx new file mode 100644 index 0000000..ce0546b --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220617063204.tsx @@ -0,0 +1,143 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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 addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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(['none','none','none','none','none','none','none','none']); + + var checkNow = ['none','none','none','none','none','none','none','none']; + + const ingredientsAdd = (e: Event) => { + const { target } = e; + setCheck({...check, [target.id]: check[e.target.id] === 'none' ? 'yellow' : 'none'}); + checkNow[e.target.id] = check[e.target.id] === 'none' ? 'yellow' : 'none'; + console.log((target as HTMLButtonElement).value); + if (check[e.target.id]==='none') { + // setSum(sum+ing[e.target.id].price); + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + } else { + // setSum(sum-ing[e.target.id].price); + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + } + } + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck(['none','none','none','none','none','none','none','none']); + setSum(price[activeSize]); + }, [activeSize, activeType, heft]); + 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

      + +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220617063331.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220617063331.tsx new file mode 100644 index 0000000..60cd754 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220617063331.tsx @@ -0,0 +1,147 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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 addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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(['none','none','none','none','none','none','none','none']); + + var checkNow = ['none','none','none','none','none','none','none','none']; + + type HTMLElementEvent = Event & { + target: T; + } + + const ingredientsAdd = (e: HTMLElementEvent) => { + const { target } = e; + setCheck({...check, [target.id]: check[e.target.id] === 'none' ? 'yellow' : 'none'}); + checkNow[e.target.id] = check[e.target.id] === 'none' ? 'yellow' : 'none'; + console.log(target.value); + if (check[e.target.id]==='none') { + // setSum(sum+ing[e.target.id].price); + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + } else { + // setSum(sum-ing[e.target.id].price); + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + } + } + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck(['none','none','none','none','none','none','none','none']); + setSum(price[activeSize]); + }, [activeSize, activeType, heft]); + 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

      + +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220617063343.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220617063343.tsx new file mode 100644 index 0000000..fc84276 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220617063343.tsx @@ -0,0 +1,147 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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 addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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(['none','none','none','none','none','none','none','none']); + + var checkNow = ['none','none','none','none','none','none','none','none']; + + type HTMLElementEvent = Event & { + target: T; + } + + const ingredientsAdd = (e: HTMLElementEvent) => { + const { target } = e; + setCheck({...check, [target.id]: check[e.target.id] === 'none' ? 'yellow' : 'none'}); + checkNow[e.target.id] = check[e.target.id] === 'none' ? 'yellow' : 'none'; + console.log(target.id); + if (check[e.target.id]==='none') { + // setSum(sum+ing[e.target.id].price); + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + } else { + // setSum(sum-ing[e.target.id].price); + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + } + } + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck(['none','none','none','none','none','none','none','none']); + setSum(price[activeSize]); + }, [activeSize, activeType, heft]); + 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

      + +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220617063354.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220617063354.tsx new file mode 100644 index 0000000..5bf5ea9 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220617063354.tsx @@ -0,0 +1,147 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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 addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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(['none','none','none','none','none','none','none','none']); + + var checkNow = ['none','none','none','none','none','none','none','none']; + + type HTMLElementEvent = Event & { + target: T; + } + + const ingredientsAdd = (e: HTMLElementEvent) => { + const { target } = e; + setCheck({...check, [target.id]: check[e.target.id] === 'none' ? 'yellow' : 'none'}); + checkNow[e.target.id] = check[e.target.id] === 'none' ? 'yellow' : 'none'; + console.log(target); + if (check[e.target.id]==='none') { + // setSum(sum+ing[e.target.id].price); + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + } else { + // setSum(sum-ing[e.target.id].price); + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + } + } + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck(['none','none','none','none','none','none','none','none']); + setSum(price[activeSize]); + }, [activeSize, activeType, heft]); + 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

      + +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220617063412.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220617063412.tsx new file mode 100644 index 0000000..566663d --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220617063412.tsx @@ -0,0 +1,147 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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 addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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(['none','none','none','none','none','none','none','none']); + + var checkNow = ['none','none','none','none','none','none','none','none']; + + type HTMLElementEvent = Event & { + target: T; + } + + const ingredientsAdd = (e: HTMLElementEvent) => { + const { target } = e; + setCheck({...check, [target.id]: check[e.target.id] === 'none' ? 'yellow' : 'none'}); + checkNow[e.target.id] = check[e.target.id] === 'none' ? 'yellow' : 'none'; + console.log(target.name); + if (check[e.target.id]==='none') { + // setSum(sum+ing[e.target.id].price); + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + } else { + // setSum(sum-ing[e.target.id].price); + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + } + } + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck(['none','none','none','none','none','none','none','none']); + setSum(price[activeSize]); + }, [activeSize, activeType, heft]); + 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

      + +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220617063603.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220617063603.tsx new file mode 100644 index 0000000..56f2725 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220617063603.tsx @@ -0,0 +1,147 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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 addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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(['none','none','none','none','none','none','none','none']); + + var checkNow = ['none','none','none','none','none','none','none','none']; + + type HTMLElementEvent = Event & { + target: T; + } + + const ingredientsAdd = (e: HTMLElementEvent) => { + const { target } = e; + setCheck({...check, [target.id]: check[e.target.id] === 'none' ? 'yellow' : 'none'}); + checkNow[e.target.id] = check[e.target.id] === 'none' ? 'yellow' : 'none'; + console.log(target.name); + if (check[e.target.id]==='none') { + // setSum(sum+ing[e.target.id].price); + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + } else { + // setSum(sum-ing[e.target.id].price); + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + } + } + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck(['none','none','none','none','none','none','none','none']); + setSum(price[activeSize]); + }, [activeSize, activeType, heft]); + 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

      + +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220617063615.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220617063615.tsx new file mode 100644 index 0000000..af0bca6 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220617063615.tsx @@ -0,0 +1,147 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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 addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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(['none','none','none','none','none','none','none','none']); + + var checkNow = ['none','none','none','none','none','none','none','none']; + + type HTMLElementEvent = Event & { + target: T; + } + + const ingredientsAdd = (e: HTMLElementEvent) => { + const { target } = e; + setCheck({...check, [target.id]: check[e.target.id] === 'none' ? 'yellow' : 'none'}); + checkNow[e.target.id] = check[e.target.id] === 'none' ? 'yellow' : 'none'; + console.log(target.name); + if (check[e.target.id]==='none') { + // setSum(sum+ing[e.target.id].price); + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + } else { + // setSum(sum-ing[e.target.id].price); + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + } + } + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck(['none','none','none','none','none','none','none','none']); + setSum(price[activeSize]); + }, [activeSize, activeType, heft]); + 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

      + +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220617063636.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220617063636.tsx new file mode 100644 index 0000000..9f83226 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220617063636.tsx @@ -0,0 +1,147 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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 addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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(['none','none','none','none','none','none','none','none']); + + var checkNow = ['none','none','none','none','none','none','none','none']; + + type HTMLElementEvent = Event & { + target: T; + } + + const ingredientsAdd = (e: HTMLElementEvent) => { + const { target } = e; + setCheck({...check, [target.id]: check[e.target.id] === 'none' ? 'yellow' : 'none'}); + checkNow[e.target.id] = check[e.target.id] === 'none' ? 'yellow' : 'none'; + console.log(target.name); + if (check[e.target.id]==='none') { + // setSum(sum+ing[e.target.id].price); + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + } else { + // setSum(sum-ing[e.target.id].price); + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + } + } + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck(['none','none','none','none','none','none','none','none']); + setSum(price[activeSize]); + }, [activeSize, activeType, heft]); + 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

      + +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220617063649.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220617063649.tsx new file mode 100644 index 0000000..c66f68f --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220617063649.tsx @@ -0,0 +1,147 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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 addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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(['none','none','none','none','none','none','none','none']); + + var checkNow = ['none','none','none','none','none','none','none','none']; + + type HTMLElementEvent = Event & { + target: T; + } + + const ingredientsAdd = (e: HTMLElementEvent) => { + const { target } = e; + setCheck({...check, [target.id]: check[e.target.id] === 'none' ? 'yellow' : 'none'}); + checkNow[e.target.id] = check[e.target.id] === 'none' ? 'yellow' : 'none'; + console.log(target.name); + if (check[e.target.id]==='none') { + // setSum(sum+ing[e.target.id].price); + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + } else { + // setSum(sum-ing[e.target.id].price); + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + } + } + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck(['none','none','none','none','none','none','none','none']); + setSum(price[activeSize]); + }, [activeSize, activeType, heft]); + 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

      + +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220617063654.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220617063654.tsx new file mode 100644 index 0000000..9f83226 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220617063654.tsx @@ -0,0 +1,147 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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 addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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(['none','none','none','none','none','none','none','none']); + + var checkNow = ['none','none','none','none','none','none','none','none']; + + type HTMLElementEvent = Event & { + target: T; + } + + const ingredientsAdd = (e: HTMLElementEvent) => { + const { target } = e; + setCheck({...check, [target.id]: check[e.target.id] === 'none' ? 'yellow' : 'none'}); + checkNow[e.target.id] = check[e.target.id] === 'none' ? 'yellow' : 'none'; + console.log(target.name); + if (check[e.target.id]==='none') { + // setSum(sum+ing[e.target.id].price); + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + } else { + // setSum(sum-ing[e.target.id].price); + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + } + } + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck(['none','none','none','none','none','none','none','none']); + setSum(price[activeSize]); + }, [activeSize, activeType, heft]); + 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

      + +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220617063804.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220617063804.tsx new file mode 100644 index 0000000..e3b571d --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220617063804.tsx @@ -0,0 +1,151 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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 addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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(['none','none','none','none','none','none','none','none']); + + var checkNow = ['none','none','none','none','none','none','none','none']; + + type HTMLElementEvent = Event & { + target: T; + } + + const ingredientsAdd = (e: HTMLElementEvent) => { + const { target } = e; + setCheck({...check, [target.id]: check[e.target.id] === 'none' ? 'yellow' : 'none'}); + checkNow[e.target.id] = check[e.target.id] === 'none' ? 'yellow' : 'none'; + console.log(target.name); + if (check[e.target.id]==='none') { + // setSum(sum+ing[e.target.id].price); + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + } else { + // setSum(sum-ing[e.target.id].price); + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + } + } + const clickHandler = (e: MouseEvent): void => { + e.preventDefault(); + alert(`Clicked at ${e.pageX} ${e.pageY}`); + } + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck(['none','none','none','none','none','none','none','none']); + setSum(price[activeSize]); + }, [activeSize, activeType, heft]); + 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

      + +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220617063826.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220617063826.tsx new file mode 100644 index 0000000..6c1fe5f --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220617063826.tsx @@ -0,0 +1,151 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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 addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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(['none','none','none','none','none','none','none','none']); + + var checkNow = ['none','none','none','none','none','none','none','none']; + + type HTMLElementEvent = Event & { + target: T; + } + + const ingredientsAdd = (e: HTMLElementEvent) => { + const { target } = e; + setCheck({...check, [target.id]: check[e.target.id] === 'none' ? 'yellow' : 'none'}); + checkNow[e.target.id] = check[e.target.id] === 'none' ? 'yellow' : 'none'; + console.log(target.name); + if (check[e.target.id]==='none') { + // setSum(sum+ing[e.target.id].price); + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + } else { + // setSum(sum-ing[e.target.id].price); + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + } + } + const clickHandler = (e: MouseEvent): void => { + e.preventDefault(); + alert(`Clicked at ${e.id} ${e.pageY}`); + } + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck(['none','none','none','none','none','none','none','none']); + setSum(price[activeSize]); + }, [activeSize, activeType, heft]); + 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

      + +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220617063840.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220617063840.tsx new file mode 100644 index 0000000..3a5b70d --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220617063840.tsx @@ -0,0 +1,151 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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 addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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(['none','none','none','none','none','none','none','none']); + + var checkNow = ['none','none','none','none','none','none','none','none']; + + type HTMLElementEvent = Event & { + target: T; + } + + const ingredientsAdd = (e: HTMLElementEvent) => { + const { target } = e; + setCheck({...check, [target.id]: check[e.target.id] === 'none' ? 'yellow' : 'none'}); + checkNow[e.target.id] = check[e.target.id] === 'none' ? 'yellow' : 'none'; + console.log(target.name); + if (check[e.target.id]==='none') { + // setSum(sum+ing[e.target.id].price); + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + } else { + // setSum(sum-ing[e.target.id].price); + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + } + } + const clickHandler = (e: MouseEvent): void => { + e.preventDefault(); + alert(`Clicked at ${e.name}`); + } + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck(['none','none','none','none','none','none','none','none']); + setSum(price[activeSize]); + }, [activeSize, activeType, heft]); + 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

      + +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220617103015.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220617103015.tsx new file mode 100644 index 0000000..2a2055c --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220617103015.tsx @@ -0,0 +1,152 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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 addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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(['none','none','none','none','none','none','none','none']); + + var checkNow = ['none','none','none','none','none','none','none','none']; + + type HTMLElementEvent = Event & { + target: T; + } + + const ingredientsAdd = (e: HTMLElementEvent) => { + const { target } = e; + setCheck({...check, [target.id]: check[e.target.id] === 'none' ? 'yellow' : 'none'}); + checkNow[e.target.id] = check[e.target.id] === 'none' ? 'yellow' : 'none'; + console.log(target.name); + if (check[e.target.id]==='none') { + // setSum(sum+ing[e.target.id].price); + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + } else { + // setSum(sum-ing[e.target.id].price); + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + } + } + const buttonHandler = (event: React.MouseEvent) => { + event.preventDefault(); + const button: HTMLButtonElement = event.currentTarget; + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck(['none','none','none','none','none','none','none','none']); + setSum(price[activeSize]); + }, [activeSize, activeType, heft]); + 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

      + +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220617103036.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220617103036.tsx new file mode 100644 index 0000000..736c568 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220617103036.tsx @@ -0,0 +1,153 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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 addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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(['none','none','none','none','none','none','none','none']); + + var checkNow = ['none','none','none','none','none','none','none','none']; + + type HTMLElementEvent = Event & { + target: T; + } + + const ingredientsAdd = (e: HTMLElementEvent) => { + const { target } = e; + setCheck({...check, [target.id]: check[e.target.id] === 'none' ? 'yellow' : 'none'}); + checkNow[e.target.id] = check[e.target.id] === 'none' ? 'yellow' : 'none'; + console.log(target.name); + if (check[e.target.id]==='none') { + // setSum(sum+ing[e.target.id].price); + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + } else { + // setSum(sum-ing[e.target.id].price); + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + } + } + const buttonHandler = (event: React.MouseEvent) => { + event.preventDefault(); + const button: HTMLButtonElement = event.currentTarget; + console.log(button.name); + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck(['none','none','none','none','none','none','none','none']); + setSum(price[activeSize]); + }, [activeSize, activeType, heft]); + 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

      + +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220617103148.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220617103148.tsx new file mode 100644 index 0000000..d6b9f83 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220617103148.tsx @@ -0,0 +1,150 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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 addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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(['none','none','none','none','none','none','none','none']); + + var checkNow = ['none','none','none','none','none','none','none','none']; + + type HTMLElementEvent = Event & { + target: T; + } + + const ingredientsAdd = (event: React.MouseEvent) => { + event.preventDefault(); + const button: HTMLButtonElement = event.currentTarget; + // setCheck({...check, [button.id]: check[button.id] === 'none' ? 'yellow' : 'none'}); + // checkNow[e.target.id] = check[e.target.id] === 'none' ? 'yellow' : 'none'; + console.log(button.id); + if (check[e.target.id]==='none') { + // setSum(sum+ing[e.target.id].price); + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + } else { + // setSum(sum-ing[e.target.id].price); + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + } + console.log(button.name); + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck(['none','none','none','none','none','none','none','none']); + setSum(price[activeSize]); + }, [activeSize, activeType, heft]); + 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

      + +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220617103203.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220617103203.tsx new file mode 100644 index 0000000..c73e958 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220617103203.tsx @@ -0,0 +1,150 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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 addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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(['none','none','none','none','none','none','none','none']); + + var checkNow = ['none','none','none','none','none','none','none','none']; + + type HTMLElementEvent = Event & { + target: T; + } + + const ingredientsAdd = (event: React.MouseEvent) => { + event.preventDefault(); + const button: HTMLButtonElement = event.currentTarget; + // setCheck({...check, [button.id]: check[button.id] === 'none' ? 'yellow' : 'none'}); + // checkNow[e.target.id] = check[e.target.id] === 'none' ? 'yellow' : 'none'; + console.log(button.id); + // if (check[button.id]==='none') { + // setSum(sum+ing[e.target.id].price); + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + // } else { + // setSum(sum-ing[e.target.id].price); + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + // } + console.log(button.name); + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck(['none','none','none','none','none','none','none','none']); + setSum(price[activeSize]); + }, [activeSize, activeType, heft]); + 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

      + +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220617103413.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220617103413.tsx new file mode 100644 index 0000000..a355996 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220617103413.tsx @@ -0,0 +1,150 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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 addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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([{}]); + + var checkNow = ['none','none','none','none','none','none','none','none']; + + type HTMLElementEvent = Event & { + target: T; + } + + const ingredientsAdd = (event: React.MouseEvent) => { + event.preventDefault(); + const button: HTMLButtonElement = event.currentTarget; + setCheck({...check, [button.name]: button.id > '0' ? 'yellow' : 'none'}); + // checkNow[e.target.id] = check[e.target.id] === 'none' ? 'yellow' : 'none'; + console.log(check); + // if (check[button.id]==='none') { + // setSum(sum+ing[e.target.id].price); + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + // } else { + // setSum(sum-ing[e.target.id].price); + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + // } + console.log(button.name); + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck(['none','none','none','none','none','none','none','none']); + setSum(price[activeSize]); + }, [activeSize, activeType, heft]); + 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

      + +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220617103428.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220617103428.tsx new file mode 100644 index 0000000..a355996 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220617103428.tsx @@ -0,0 +1,150 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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 addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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([{}]); + + var checkNow = ['none','none','none','none','none','none','none','none']; + + type HTMLElementEvent = Event & { + target: T; + } + + const ingredientsAdd = (event: React.MouseEvent) => { + event.preventDefault(); + const button: HTMLButtonElement = event.currentTarget; + setCheck({...check, [button.name]: button.id > '0' ? 'yellow' : 'none'}); + // checkNow[e.target.id] = check[e.target.id] === 'none' ? 'yellow' : 'none'; + console.log(check); + // if (check[button.id]==='none') { + // setSum(sum+ing[e.target.id].price); + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + // } else { + // setSum(sum-ing[e.target.id].price); + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + // } + console.log(button.name); + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck(['none','none','none','none','none','none','none','none']); + setSum(price[activeSize]); + }, [activeSize, activeType, heft]); + 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

      + +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220617103608.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220617103608.tsx new file mode 100644 index 0000000..d606af3 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220617103608.tsx @@ -0,0 +1,150 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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 addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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([{}]); + + var checkNow = ['none','none','none','none','none','none','none','none']; + + type HTMLElementEvent = Event & { + target: T; + } + + const ingredientsAdd = (event: React.MouseEvent) => { + event.preventDefault(); + const button: HTMLButtonElement = event.currentTarget; + setCheck({...check, [button.name]: button.id > '0' ? 'yellow' : 'none'}); + // checkNow[e.target.id] = check[e.target.id] === 'none' ? 'yellow' : 'none'; + console.log(check); + // if (check[button.id]==='none') { + // setSum(sum+ing[e.target.id].price); + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + // } else { + // setSum(sum-ing[e.target.id].price); + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + // } + console.log(button.name); + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([{}]); + setSum(price[activeSize]); + }, [activeSize, activeType, heft]); + 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

      + +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220617104855.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220617104855.tsx new file mode 100644 index 0000000..f683975 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220617104855.tsx @@ -0,0 +1,150 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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 addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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([{}]); + + var checkNow = ['none','none','none','none','none','none','none','none']; + + type HTMLElementEvent = Event & { + target: T; + } + + const ingredientsAdd = (event: React.MouseEvent) => { + event.preventDefault(); + const button: HTMLButtonElement = event.currentTarget; + setCheck({...check, [button.name]: button.id === 'none' ? 'yellow' : 'none'}); + // checkNow[e.target.id] = check[e.target.id] === 'none' ? 'yellow' : 'none'; + console.log(check); + // if (check[button.id]==='none') { + // setSum(sum+ing[e.target.id].price); + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + // } else { + // setSum(sum-ing[e.target.id].price); + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + // } + console.log(button.name); + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([{}]); + setSum(price[activeSize]); + }, [activeSize, activeType, heft]); + 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

      + +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220617105540.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220617105540.tsx new file mode 100644 index 0000000..0facde0 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220617105540.tsx @@ -0,0 +1,150 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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 addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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([{}]); + + var checkNow = ['none','none','none','none','none','none','none','none']; + + type HTMLElementEvent = Event & { + target: T; + } + + const ingredientsAdd = (event: React.MouseEvent) => { + event.preventDefault(); + const button: HTMLButtonElement = event.currentTarget; + setCheck({...check, [button.name]: !button.id}); + // checkNow[e.target.id] = check[e.target.id] === 'none' ? 'yellow' : 'none'; + console.log(check); + // if (check[button.id]==='none') { + // setSum(sum+ing[e.target.id].price); + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + // } else { + // setSum(sum-ing[e.target.id].price); + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + // } + console.log(button.name); + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([{}]); + setSum(price[activeSize]); + }, [activeSize, activeType, heft]); + 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

      + +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220617105605.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220617105605.tsx new file mode 100644 index 0000000..af079c1 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220617105605.tsx @@ -0,0 +1,150 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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 addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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([{}]); + + var checkNow = ['none','none','none','none','none','none','none','none']; + + type HTMLElementEvent = Event & { + target: T; + } + + const ingredientsAdd = (event: React.MouseEvent) => { + event.preventDefault(); + const button: HTMLButtonElement = event.currentTarget; + setCheck({...check, [button.name]: button.id}); + // checkNow[e.target.id] = check[e.target.id] === 'none' ? 'yellow' : 'none'; + console.log(check); + // if (check[button.id]==='none') { + // setSum(sum+ing[e.target.id].price); + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + // } else { + // setSum(sum-ing[e.target.id].price); + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + // } + console.log(button.name); + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([{}]); + setSum(price[activeSize]); + }, [activeSize, activeType, heft]); + 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

      + +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220617105633.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220617105633.tsx new file mode 100644 index 0000000..8fc52ac --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220617105633.tsx @@ -0,0 +1,150 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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 addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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([{}]); + + var checkNow = ['none','none','none','none','none','none','none','none']; + + type HTMLElementEvent = Event & { + target: T; + } + + const ingredientsAdd = (event: React.MouseEvent) => { + event.preventDefault(); + const button: HTMLButtonElement = event.currentTarget; + setCheck({...check, [button.name]: button.id >= '0' ? 'yellow' : 'none'}); + // checkNow[e.target.id] = check[e.target.id] === 'none' ? 'yellow' : 'none'; + console.log(check); + // if (check[button.id]==='none') { + // setSum(sum+ing[e.target.id].price); + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + // } else { + // setSum(sum-ing[e.target.id].price); + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + // } + console.log(button.name); + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([{}]); + setSum(price[activeSize]); + }, [activeSize, activeType, heft]); + 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

      + +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220617105708.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220617105708.tsx new file mode 100644 index 0000000..337237a --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220617105708.tsx @@ -0,0 +1,150 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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 addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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([{}]); + + var checkNow = ['none','none','none','none','none','none','none','none']; + + type HTMLElementEvent = Event & { + target: T; + } + + const ingredientsAdd = (event: React.MouseEvent) => { + event.preventDefault(); + const button: HTMLButtonElement = event.currentTarget; + setCheck({...check, [button.name]: button.id === 'yellow' ? 'yellow' : 'none'}); + // checkNow[e.target.id] = check[e.target.id] === 'none' ? 'yellow' : 'none'; + console.log(check); + // if (check[button.id]==='none') { + // setSum(sum+ing[e.target.id].price); + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + // } else { + // setSum(sum-ing[e.target.id].price); + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + // } + console.log(button.name); + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([{}]); + setSum(price[activeSize]); + }, [activeSize, activeType, heft]); + 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

      + +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220617105900.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220617105900.tsx new file mode 100644 index 0000000..78e82e8 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220617105900.tsx @@ -0,0 +1,150 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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 addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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([{}]); + + var checkNow = ['none','none','none','none','none','none','none','none']; + + type HTMLElementEvent = Event & { + target: T; + } + + const ingredientsAdd = (event: React.MouseEvent) => { + event.preventDefault(); + const button: HTMLButtonElement = event.currentTarget; + setCheck({...check, [button.name]: check[button.id] === 'yellow' ? 'yellow' : 'none'}); + // checkNow[e.target.id] = check[e.target.id] === 'none' ? 'yellow' : 'none'; + console.log(check); + // if (check[button.id]==='none') { + // setSum(sum+ing[e.target.id].price); + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + // } else { + // setSum(sum-ing[e.target.id].price); + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + // } + console.log(button.name); + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([{}]); + setSum(price[activeSize]); + }, [activeSize, activeType, heft]); + 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

      + +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220617105915.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220617105915.tsx new file mode 100644 index 0000000..ec89d98 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220617105915.tsx @@ -0,0 +1,150 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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 addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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([{}]); + + var checkNow = ['none','none','none','none','none','none','none','none']; + + type HTMLElementEvent = Event & { + target: T; + } + + const ingredientsAdd = (event: React.MouseEvent) => { + event.preventDefault(); + const button: HTMLButtonElement = event.currentTarget; + setCheck({...check, [button.name]: check[button.id] === 'none' ? 'yellow' : 'none'}); + // checkNow[e.target.id] = check[e.target.id] === 'none' ? 'yellow' : 'none'; + console.log(check); + // if (check[button.id]==='none') { + // setSum(sum+ing[e.target.id].price); + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + // } else { + // setSum(sum-ing[e.target.id].price); + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + // } + console.log(button.name); + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([{}]); + setSum(price[activeSize]); + }, [activeSize, activeType, heft]); + 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

      + +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220617105952.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220617105952.tsx new file mode 100644 index 0000000..7327509 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220617105952.tsx @@ -0,0 +1,150 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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 addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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([{}]); + + var checkNow = ['none','none','none','none','none','none','none','none']; + + type HTMLElementEvent = Event & { + target: T; + } + + const ingredientsAdd = (event: React.MouseEvent) => { + event.preventDefault(); + const button: HTMLButtonElement = event.currentTarget; + setCheck({...check, [button.id]: check[button.id] === 'none' ? 'yellow' : 'none'}); + // checkNow[e.target.id] = check[e.target.id] === 'none' ? 'yellow' : 'none'; + console.log(check); + // if (check[button.id]==='none') { + // setSum(sum+ing[e.target.id].price); + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + // } else { + // setSum(sum-ing[e.target.id].price); + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + // } + console.log(button.name); + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([{}]); + setSum(price[activeSize]); + }, [activeSize, activeType, heft]); + 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

      + +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220617110031.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220617110031.tsx new file mode 100644 index 0000000..e9646be --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220617110031.tsx @@ -0,0 +1,150 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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 addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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([{}]); + + var checkNow = ['none','none','none','none','none','none','none','none']; + + type HTMLElementEvent = Event & { + target: T; + } + + const ingredientsAdd = (event: React.MouseEvent) => { + event.preventDefault(); + const button: HTMLButtonElement = event.currentTarget; + setCheck({...check, [button.id]: check[button.id] === 'none' ? 'yellow' : 'none'}); + // checkNow[e.target.id] = check[e.target.id] === 'none' ? 'yellow' : 'none'; + console.log(check); + // if (check[button.id]==='none') { + // setSum(sum+ing[e.target.id].price); + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + // } else { + // setSum(sum-ing[e.target.id].price); + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + // } + console.log(button.name); + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([{}]); + setSum(price[activeSize]); + }, [activeSize, activeType, heft]); + 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

      + +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220617110042.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220617110042.tsx new file mode 100644 index 0000000..da9c466 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220617110042.tsx @@ -0,0 +1,150 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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 addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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([{}]); + + var checkNow = ['none','none','none','none','none','none','none','none']; + + type HTMLElementEvent = Event & { + target: T; + } + + const ingredientsAdd = (event: React.MouseEvent) => { + event.preventDefault(); + const button: HTMLButtonElement = event.currentTarget; + setCheck({...check, [button.id]: check[button.id] === 'none' ? 'yellow' : 'none'}); + // checkNow[e.target.id] = check[e.target.id] === 'none' ? 'yellow' : 'none'; + console.log(check); + // if (check[button.id]==='none') { + // setSum(sum+ing[e.target.id].price); + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + // } else { + // setSum(sum-ing[e.target.id].price); + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + // } + console.log(button.name); + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([{}]); + setSum(price[activeSize]); + }, [activeSize, activeType, heft]); + 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

      + +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220617110059.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220617110059.tsx new file mode 100644 index 0000000..e9646be --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220617110059.tsx @@ -0,0 +1,150 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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 addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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([{}]); + + var checkNow = ['none','none','none','none','none','none','none','none']; + + type HTMLElementEvent = Event & { + target: T; + } + + const ingredientsAdd = (event: React.MouseEvent) => { + event.preventDefault(); + const button: HTMLButtonElement = event.currentTarget; + setCheck({...check, [button.id]: check[button.id] === 'none' ? 'yellow' : 'none'}); + // checkNow[e.target.id] = check[e.target.id] === 'none' ? 'yellow' : 'none'; + console.log(check); + // if (check[button.id]==='none') { + // setSum(sum+ing[e.target.id].price); + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + // } else { + // setSum(sum-ing[e.target.id].price); + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + // } + console.log(button.name); + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([{}]); + setSum(price[activeSize]); + }, [activeSize, activeType, heft]); + 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

      + +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220617110138.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220617110138.tsx new file mode 100644 index 0000000..4abba13 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220617110138.tsx @@ -0,0 +1,150 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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 addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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([{}]); + + var checkNow = ['none','none','none','none','none','none','none','none']; + + type HTMLElementEvent = Event & { + target: T; + } + + const ingredientsAdd = (event: React.MouseEvent) => { + event.preventDefault(); + const button: HTMLButtonElement = event.currentTarget; + setCheck({...check, [button.id]: check[button.id] === 'none' ? 'yellow' : 'none'}); + // checkNow[e.target.id] = check[e.target.id] === 'none' ? 'yellow' : 'none'; + console.log(check); + // if (check[button.id]==='none') { + // setSum(sum+ing[e.target.id].price); + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + // } else { + // setSum(sum-ing[e.target.id].price); + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + // } + console.log(button.name); + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([{}]); + setSum(price[activeSize]); + }, [activeSize, activeType, heft]); + 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

      + +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220617110545.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220617110545.tsx new file mode 100644 index 0000000..42949e5 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220617110545.tsx @@ -0,0 +1,150 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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 addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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([{}]); + + var checkNow = ['none','none','none','none','none','none','none','none']; + + type HTMLElementEvent = Event & { + target: T; + } + + const ingredientsAdd = (event: React.MouseEvent) => { + event.preventDefault(); + const button: HTMLButtonElement = event.currentTarget; + setCheck({...check, [button.id]: check[button.id] === 'none' ? 'yellow' : 'none'}); + // checkNow[e.target.id] = check[e.target.id] === 'none' ? 'yellow' : 'none'; + console.log(check); + if (check[button.id]==='none') { + setSum(sum+ing[button.id].price); + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + } else { + setSum(sum-ing[button.id].price); + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + // } + console.log(button.name); + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([{}]); + setSum(price[activeSize]); + }, [activeSize, activeType, heft]); + 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

      + +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220617110555.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220617110555.tsx new file mode 100644 index 0000000..152c16f --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220617110555.tsx @@ -0,0 +1,150 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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 addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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([{}]); + + var checkNow = ['none','none','none','none','none','none','none','none']; + + type HTMLElementEvent = Event & { + target: T; + } + + const ingredientsAdd = (event: React.MouseEvent) => { + event.preventDefault(); + const button: HTMLButtonElement = event.currentTarget; + setCheck({...check, [button.id]: check[button.id] === 'none' ? 'yellow' : 'none'}); + // checkNow[e.target.id] = check[e.target.id] === 'none' ? 'yellow' : 'none'; + console.log(check); + if (check[button.id]==='none') { + setSum(sum+ing[button.id].price); + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + } else { + setSum(sum-ing[button.id].price); + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + } + console.log(button.name); + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([{}]); + setSum(price[activeSize]); + }, [activeSize, activeType, heft]); + 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

      + +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220617110619.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220617110619.tsx new file mode 100644 index 0000000..0ab6d5d --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220617110619.tsx @@ -0,0 +1,150 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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 addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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([{}]); + + var checkNow = ['none','none','none','none','none','none','none','none']; + + type HTMLElementEvent = Event & { + target: T; + } + + const ingredientsAdd = (event: React.MouseEvent) => { + event.preventDefault(); + const button: HTMLButtonElement = event.currentTarget; + setCheck({...check, [button.id]: check[button.id] === 'none' ? 'yellow' : 'none'}); + // checkNow[e.target.id] = check[e.target.id] === 'none' ? 'yellow' : 'none'; + console.log(check); + if (check[button.id]==='none') { + setSum(sum-ing[button.id].price); + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + } else { + setSum(sum+ing[button.id].price); + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + } + console.log(button.name); + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([{}]); + setSum(price[activeSize]); + }, [activeSize, activeType, heft]); + 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

      + +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220617111229.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220617111229.tsx new file mode 100644 index 0000000..3fabf65 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220617111229.tsx @@ -0,0 +1,151 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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 addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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([{}]); + + var checkNow = ['none','none','none','none','none','none','none','none']; + + type HTMLElementEvent = Event & { + target: T; + } + + const ingredientsAdd = (event: React.MouseEvent) => { + event.preventDefault(); + const button: HTMLButtonElement = event.currentTarget; + setCheck({...check, [button.id]: check[button.id] === 'none' ? 'yellow' : 'none'}); + // checkNow[e.target.id] = check[e.target.id] === 'none' ? 'yellow' : 'none'; + console.log(check); + if (check[button.id]==='none') { + setSum(sum-ing[button.id].price); + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + } else { + setSum(sum+ing[button.id].price); + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + } + console.log(button.name); + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([{}]); + setSum(price[activeSize]); + }, [activeSize, activeType, heft]); + 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) =>
    • +
      {check[count] === 'none' ? : }}> +
      +

      {obj.title}

      +

      {obj.price} p

      + +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220617111257.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220617111257.tsx new file mode 100644 index 0000000..25503e5 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220617111257.tsx @@ -0,0 +1,151 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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 addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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([{}]); + + var checkNow = ['none','none','none','none','none','none','none','none']; + + type HTMLElementEvent = Event & { + target: T; + } + + const ingredientsAdd = (event: React.MouseEvent) => { + event.preventDefault(); + const button: HTMLButtonElement = event.currentTarget; + setCheck({...check, [button.id]: check[button.id] === 'none' ? 'yellow' : 'none'}); + // checkNow[e.target.id] = check[e.target.id] === 'none' ? 'yellow' : 'none'; + console.log(check); + if (check[button.id]==='none') { + setSum(sum-ing[button.id].price); + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + } else { + setSum(sum+ing[button.id].price); + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + } + console.log(button.name); + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([{}]); + setSum(price[activeSize]); + }, [activeSize, activeType, heft]); + 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

      + +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220617111316.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220617111316.tsx new file mode 100644 index 0000000..77589b9 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220617111316.tsx @@ -0,0 +1,151 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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 addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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([{}]); + + var checkNow = ['none','none','none','none','none','none','none','none']; + + type HTMLElementEvent = Event & { + target: T; + } + + const ingredientsAdd = (event: React.MouseEvent) => { + event.preventDefault(); + const button: HTMLButtonElement = event.currentTarget; + setCheck({...check, [button.id]: check[button.id] === 'none' ? 'yellow' : 'none'}); + // checkNow[e.target.id] = check[e.target.id] === 'none' ? 'yellow' : 'none'; + console.log(check); + if (check[button.id]==='none') { + setSum(sum-ing[button.id].price); + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + } else { + setSum(sum+ing[button.id].price); + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + } + console.log(button.name); + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([{}]); + setSum(price[activeSize]); + }, [activeSize, activeType, heft]); + 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

      + +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220617111350.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220617111350.tsx new file mode 100644 index 0000000..98994cd --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220617111350.tsx @@ -0,0 +1,152 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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 addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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([{}]); + + var checkNow = ['none','none','none','none','none','none','none','none']; + + type HTMLElementEvent = Event & { + target: T; + } + + const ingredientsAdd = (event: React.MouseEvent) => { + event.preventDefault(); + const button: HTMLButtonElement = event.currentTarget; + setCheck({...check, [button.id]: check[button.id] === 'none' ? 'yellow' : 'none'}); + // checkNow[e.target.id] = check[e.target.id] === 'none' ? 'yellow' : 'none'; + console.log(check); + if (check[button.id]==='none') { + setSum(sum-ing[button.id].price); + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + } else { + setSum(sum+ing[button.id].price); + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + } + console.log(button.name); + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([{}]); + setSum(price[activeSize]); + }, [activeSize, activeType, heft]); + 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

      + +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220617111416.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220617111416.tsx new file mode 100644 index 0000000..1bf84ec --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220617111416.tsx @@ -0,0 +1,149 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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 addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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([{}]); + + var checkNow = ['none','none','none','none','none','none','none','none']; + + type HTMLElementEvent = Event & { + target: T; + } + + const ingredientsAdd = (event: React.MouseEvent) => { + event.preventDefault(); + const button: HTMLButtonElement = event.currentTarget; + setCheck({...check, [button.id]: check[button.id] === 'none' ? 'yellow' : 'none'}); + // checkNow[e.target.id] = check[e.target.id] === 'none' ? 'yellow' : 'none'; + console.log(check); + if (check[button.id]==='none') { + setSum(sum-ing[button.id].price); + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + } else { + setSum(sum+ing[button.id].price); + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + } + console.log(button.name); + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([{}]); + setSum(price[activeSize]); + }, [activeSize, activeType, heft]); + 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

      + +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220617111430.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220617111430.tsx new file mode 100644 index 0000000..bb5c7ca --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220617111430.tsx @@ -0,0 +1,149 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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 addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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([{}]); + + var checkNow = ['none','none','none','none','none','none','none','none']; + + type HTMLElementEvent = Event & { + target: T; + } + + const ingredientsAdd = (event: React.MouseEvent) => { + event.preventDefault(); + const button: HTMLButtonElement = event.currentTarget; + setCheck({...check, [button.id]: check[button.id] === 'none' ? 'yellow' : 'none'}); + // checkNow[e.target.id] = check[e.target.id] === 'none' ? 'yellow' : 'none'; + console.log(check); + if (check[button.id]==='none') { + setSum(sum-ing[button.id].price); + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + } else { + setSum(sum+ing[button.id].price); + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + } + console.log(button.name); + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([{}]); + setSum(price[activeSize]); + }, [activeSize, activeType, heft]); + 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' ? : }
      +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220617161037.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220617161037.tsx new file mode 100644 index 0000000..4add855 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220617161037.tsx @@ -0,0 +1,149 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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 addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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([{}]); + + var checkNow = ['none','none','none','none','none','none','none','none']; + + type HTMLElementEvent = Event & { + target: T; + } + + const ingredientsAdd = (event: React.MouseEvent) => { + event.preventDefault(); + const button: HTMLButtonElement = event.currentTarget; + setCheck({...check, [button.id]: check[button.id] === 'none' ? 'yellow' : 'none'}); + // checkNow[e.target.id] = check[e.target.id] === 'none' ? 'yellow' : 'none'; + console.log(check); + if (check[button.id]==='none') { + setSum(sum-ing[button.id].price); + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + } else { + setSum(sum+ing[button.id].price); + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + } + console.log(button.name); + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([{}]); + setSum(price[activeSize]); + }, [activeSize, activeType, heft]); + 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' ? : }
      +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220617161138.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220617161138.tsx new file mode 100644 index 0000000..06fb502 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220617161138.tsx @@ -0,0 +1,149 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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 addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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([{}]); + + var checkNow = ['none','none','none','none','none','none','none','none']; + + type HTMLElementEvent = Event & { + target: T; + } + + const ingredientsAdd = (event: React.MouseEvent) => { + event.preventDefault(); + const button: HTMLButtonElement = event.currentTarget; + setCheck({...check, [button.id]: check[button.id] === 'none' ? 'yellow' : 'none'}); + // checkNow[e.target.id] = check[e.target.id] === 'none' ? 'yellow' : 'none'; + console.log(check); + if (check[button.id]==='none') { + setSum(sum-ing[button.id].price); + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + } else { + setSum(sum+ing[button.id].price); + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + } + console.log(button.name); + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([{}]); + setSum(price[activeSize]); + }, [activeSize, activeType, heft]); + 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' ? : }
      +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220617163917.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220617163917.tsx new file mode 100644 index 0000000..d1ca254 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220617163917.tsx @@ -0,0 +1,148 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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 addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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([{}]); + + var checkNow = ['none','none','none','none','none','none','none','none']; + + type HTMLElementEvent = Event & { + target: T; + } + + const ingredientsAdd = (event: React.MouseEvent) => { + event.preventDefault(); + const button: HTMLButtonElement = event.currentTarget; + setCheck({...check, [button.id]: check[button.id] === 'none' ? 'yellow' : 'none'}); + // checkNow[e.target.id] = check[e.target.id] === 'none' ? 'yellow' : 'none'; + console.log(check); + if (check[button.id]==='none') { + setSum(sum-ing[button.id].price); + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + } else { + setSum(sum+ing[button.id].price); + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + } + console.log(button.name); + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([{}]); + setSum(price[activeSize]); + }, [activeSize, activeType, heft]); + 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' ? : }
      +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220617164131.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220617164131.tsx new file mode 100644 index 0000000..5246670 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220617164131.tsx @@ -0,0 +1,148 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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 addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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([{}]); + + var checkNow = ['none','none','none','none','none','none','none','none']; + + type HTMLElementEvent = Event & { + target: T; + } + + const ingredientsAdd = (event: React.MouseEvent) => { + event.preventDefault(); + const button: HTMLButtonElement = event.currentTarget; + setCheck({...check, [button.id]: check[button.id] === 'none' ? 'yellow' : 'none'}); + // checkNow[e.target.id] = check[e.target.id] === 'none' ? 'yellow' : 'none'; + console.log(check); + if (check[button.id]==='none') { + setSum(sum-ing[button.id].price); + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + } else { + setSum(sum+ing[button.id].price); + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + } + console.log(button.name); + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([{}]); + setSum(price[activeSize]); + }, [activeSize, activeType, heft]); + 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' ? : }
      +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220617164145.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220617164145.tsx new file mode 100644 index 0000000..1f58207 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220617164145.tsx @@ -0,0 +1,148 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Ingredients } from './'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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 addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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([{}]); + + var checkNow = ['none','none','none','none','none','none','none','none']; + + type HTMLElementEvent = Event & { + target: T; + } + + const ingredientsAdd = (event: React.MouseEvent) => { + event.preventDefault(); + const button: HTMLButtonElement = event.currentTarget; + setCheck({...check, [button.id]: check[button.id] === 'none' ? 'yellow' : 'none'}); + // checkNow[e.target.id] = check[e.target.id] === 'none' ? 'yellow' : 'none'; + console.log(check); + if (check[button.id]==='none') { + setSum(sum-ing[button.id].price); + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + } else { + setSum(sum+ing[button.id].price); + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + } + console.log(button.name); + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([{}]); + setSum(price[activeSize]); + }, [activeSize, activeType, heft]); + 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' ? : }
      +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220617165525.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220617165525.tsx new file mode 100644 index 0000000..05bffd1 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220617165525.tsx @@ -0,0 +1,147 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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 addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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([{}]); + + var checkNow = ['none','none','none','none','none','none','none','none']; + + type HTMLElementEvent = Event & { + target: T; + } + + const ingredientsAdd = (event: React.MouseEvent) => { + event.preventDefault(); + const button: HTMLButtonElement = event.currentTarget; + setCheck({...check, [button.id]: check[button.id] === 'none' ? 'yellow' : 'none'}); + // checkNow[e.target.id] = check[e.target.id] === 'none' ? 'yellow' : 'none'; + console.log(check); + if (check[button.id]==='none') { + setSum(sum-ing[button.id].price); + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + } else { + setSum(sum+ing[button.id].price); + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + } + console.log(button.name); + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([{}]); + setSum(price[activeSize]); + }, [activeSize, activeType, heft]); + 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' ? : }
      +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220617171025.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220617171025.tsx new file mode 100644 index 0000000..37eeaaf --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220617171025.tsx @@ -0,0 +1,150 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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 addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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>([]); + + type HTMLElementEvent = Event & { + target: T; + } + + interface Employee { + id: number; + name: string; + } + + const ingredientsAdd = (event: React.MouseEvent) => { + event.preventDefault(); + const button: HTMLButtonElement = event.currentTarget; + setCheck({...check, [button.id]: check[button.id as unknown as number] === 'none' ? 'yellow' : 'none'}); + // checkNow[e.target.id] = check[e.target.id] === 'none' ? 'yellow' : 'none'; + console.log(check); + if (check[button.id]==='none') { + setSum(sum-ing[button.id].price); + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + } else { + setSum(sum+ing[button.id].price); + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + } + console.log(button.name); + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([{}]); + setSum(price[activeSize]); + }, [activeSize, activeType, heft]); + 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' ? : }
      +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220617171215.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220617171215.tsx new file mode 100644 index 0000000..9fd3600 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220617171215.tsx @@ -0,0 +1,150 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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] as unknown as number); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + const addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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>([]); + + type HTMLElementEvent = Event & { + target: T; + } + + interface Employee { + id: number; + name: string; + } + + const ingredientsAdd = (event: React.MouseEvent) => { + event.preventDefault(); + const button: HTMLButtonElement = event.currentTarget; + setCheck({...check, [button.id]: check[button.id as unknown as number] === 'none' ? 'yellow' : 'none'}); + // checkNow[e.target.id] = check[e.target.id] === 'none' ? 'yellow' : 'none'; + console.log(check); + if (check[button.id as unknown as number]==='none') { + setSum(sum-ing[button.id as unknown as number].price); + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + } else { + setSum(sum+ing[button.id as unknown as number].price); + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + } + console.log(button.name); + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([]); + setSum(price[activeSize] as unknown as number); + }, [activeSize, activeType, heft, price]); + 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' ? : }
      +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220617171449.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220617171449.tsx new file mode 100644 index 0000000..0147935 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220617171449.tsx @@ -0,0 +1,150 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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] as unknown as number); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + const addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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>([]); + + type HTMLElementEvent = Event & { + target: T; + } + + interface Employee { + id: number; + name: string; + } + + const ingredientsAdd = (event: React.MouseEvent) => { + event.preventDefault(); + const button: HTMLButtonElement = event.currentTarget; + setCheck({...check, [button.value]: check[button.value as unknown as number] === 'none' ? 'yellow' : 'none'}); + // checkNow[e.target.id] = check[e.target.id] === 'none' ? 'yellow' : 'none'; + console.log(check); + if (check[button.value as unknown as number]==='none') { + setSum(sum-ing[button.value as unknown as number].price); + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + } else { + setSum(sum+ing[button.value as unknown as number].price); + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + } + console.log(button.name); + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([]); + setSum(price[activeSize] as unknown as number); + }, [activeSize, activeType, heft, price]); + 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' ? : }
      +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220617171653.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220617171653.tsx new file mode 100644 index 0000000..df84e98 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220617171653.tsx @@ -0,0 +1,150 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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] as unknown as number); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + const addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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>([]); + + type HTMLElementEvent = Event & { + target: T; + } + + interface Employee { + id: number; + name: string; + } + + const ingredientsAdd = (event: React.MouseEvent) => { + event.preventDefault(); + const button: HTMLButtonElement = event.currentTarget; + setCheck({...check, [button.value]: check[button.value as unknown as number] === 'none' ? 'yellow' : 'none'}); + // checkNow[e.target.id] = check[e.target.id] === 'none' ? 'yellow' : 'none'; + console.log(check); + if (check[button.value as unknown as number]==='none') { + setSum(sum-ing[button.value as unknown as number].price); + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + } else { + setSum(sum+ing[button.value as unknown as number].price); + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + } + console.log(button.name); + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([]); + setSum(price[activeSize] as unknown as number); + }, [activeSize, activeType, heft, price]); + 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' ? : }
      +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220617171919.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220617171919.tsx new file mode 100644 index 0000000..01717f7 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220617171919.tsx @@ -0,0 +1,151 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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] as unknown as number); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + const addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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>([]); + + type HTMLElementEvent = Event & { + target: T; + } + + interface Employee { + id: number; + name: string; + } + + const ingredientsAdd = (event: React.MouseEvent) => { + + event.preventDefault(); + const button: HTMLButtonElement = event.currentTarget; + setCheck({...check, [button.value]: check[button.value as unknown as number] === 'none' ? 'yellow' : 'none'}); + // checkNow[e.target.id] = check[e.target.id] === 'none' ? 'yellow' : 'none'; + console.log(check); + if (check[button.value as unknown as number]==='none') { + setSum(sum-ing[button.value as unknown as number].price); + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + } else { + setSum(sum+ing[button.value as unknown as number].price); + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + } + console.log(button.name); + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([]); + setSum(price[activeSize] as unknown as number); + }, [activeSize, activeType, heft, price]); + 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' ? : }
      +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220617171923.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220617171923.tsx new file mode 100644 index 0000000..82820f1 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220617171923.tsx @@ -0,0 +1,150 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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] as unknown as number); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + const addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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>([]); + + type HTMLElementEvent = Event & { + target: T; + } + + interface Employee { + id: number; + name: string; + } + + const ingredientsAdd = (event: React.MouseEvent) => { + event.preventDefault(); + const button: HTMLButtonElement = event.currentTarget; + setCheck({...check, [button.value]: check[button.value as unknown as number] === 'none' ? 'yellow' : 'none'}); + // checkNow[e.target.id] = check[e.target.id] === 'none' ? 'yellow' : 'none'; + console.log(check); + if (check[button.value as unknown as number]==='none') { + setSum(sum-ing[button.value as unknown as number].price); + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + } else { + setSum(sum+ing[button.value as unknown as number].price); + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + } + console.log(button.name); + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([]); + setSum(price[activeSize] as unknown as number); + }, [activeSize, activeType, heft, price]); + 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' ? : }
      +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220617172135.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220617172135.tsx new file mode 100644 index 0000000..82820f1 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220617172135.tsx @@ -0,0 +1,150 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import { Button } from '../../../../../UI'; +import { Box } from '../../../../../../components/customer/containers'; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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] as unknown as number); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + const addBasket = () => { + console.log('add'); + } + + const onClick = () => { + console.log('addCheck'); + } + + 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>([]); + + type HTMLElementEvent = Event & { + target: T; + } + + interface Employee { + id: number; + name: string; + } + + const ingredientsAdd = (event: React.MouseEvent) => { + event.preventDefault(); + const button: HTMLButtonElement = event.currentTarget; + setCheck({...check, [button.value]: check[button.value as unknown as number] === 'none' ? 'yellow' : 'none'}); + // checkNow[e.target.id] = check[e.target.id] === 'none' ? 'yellow' : 'none'; + console.log(check); + if (check[button.value as unknown as number]==='none') { + setSum(sum-ing[button.value as unknown as number].price); + //props.updateData({ingredientsSum:ingMass[e.target.id].price,ingredients:checkNow}); + } else { + setSum(sum+ing[button.value as unknown as number].price); + //props.updateData({ingredientsSum:(ingMass[e.target.id].price)*-1,ingredients:checkNow}); + } + console.log(button.name); + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([]); + setSum(price[activeSize] as unknown as number); + }, [activeSize, activeType, heft, price]); + 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' ? : }
      +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220617172555.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220617172555.tsx new file mode 100644 index 0000000..b364323 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220617172555.tsx @@ -0,0 +1,133 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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] as unknown as number); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + + const addBasket = () => { + console.log('add'); + } + + + 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: HTMLButtonElement = event.currentTarget as any; + setCheck({...check, [button.value]: check[button.value as unknown as number] === 'none' ? 'yellow' : 'none'}); + if (check[button.value as unknown as number]==='none') { + setSum(sum-ing[button.value as unknown as number].price); + } else { + setSum(sum+ing[button.value as unknown as number].price); + } + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([]); + setSum(price[activeSize] as unknown as number); + }, [activeSize, activeType, heft, price]); + + 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' ? : }
      +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220617172800.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220617172800.tsx new file mode 100644 index 0000000..c69fe16 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220617172800.tsx @@ -0,0 +1,132 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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] as unknown as number); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + + const addBasket = () => { + console.log('add'); + } + + + 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: HTMLButtonElement = event.currentTarget as any; + setCheck({...check, [button.value]: check[button.value as unknown as number] === 'none' ? 'yellow' : 'none'}); + if (check[button.value as unknown as number]==='none') { + setSum(sum-ing[button.value as unknown as number].price); + } else { + setSum(sum+ing[button.value as unknown as number].price); + } + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([]); + setSum(price[activeSize] as unknown as number); + }, [activeSize, activeType, heft, price]); + + 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' ? : }
      +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220617173043.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220617173043.tsx new file mode 100644 index 0000000..0fe45ab --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220617173043.tsx @@ -0,0 +1,132 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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] as unknown as number); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + + const addBasket = () => { + console.log('add'); + } + + + 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: HTMLButtonElement = event.currentTarget as any; + setCheck({...check, [button.value]: check[button.value as unknown as number] === 'none' ? 'yellow' : 'none'}); + if (check[button.value as unknown as number]==='none') { + setSum(sum-ing[button.value as unknown as number].price); + } else { + setSum(sum+ing[button.value as unknown as number].price); + } + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([]); + setSum(price[activeSize] as unknown as number); + }, [activeSize, activeType, heft, price]); + + 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' ? : }
      +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220617173835.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220617173835.tsx new file mode 100644 index 0000000..bc92251 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220617173835.tsx @@ -0,0 +1,132 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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] as unknown as number); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + + const addBasket = () => { + console.log('add'); + } + + + 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.id as any; + setCheck({...check, [button.value]: check[button.value as unknown as number] === 'none' ? 'yellow' : 'none'}); + if (check[button.value as unknown as number]==='none') { + setSum(sum-ing[button.value as unknown as number].price); + } else { + setSum(sum+ing[button.value as unknown as number].price); + } + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([]); + setSum(price[activeSize] as unknown as number); + }, [activeSize, activeType, heft, price]); + + 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' ? : }
      +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220617190638.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220617190638.tsx new file mode 100644 index 0000000..9ea1961 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220617190638.tsx @@ -0,0 +1,132 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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] as unknown as number); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + + const addBasket = () => { + console.log('add'); + } + + + 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.id as any; + setCheck({...check, [button.value]: check[button.value as unknown as number] === 'none' ? 'yellow' : 'none'}); + if (check[button.value as unknown as number]==='none') { + setSum(sum-ing[button.value as unknown as number].price); + } else { + setSum(sum+ing[button.value as unknown as number].price); + } + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([]); + setSum(price[activeSize] as unknown as number); + }, [activeSize, activeType, heft, price]); + + 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) =>
    • + +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220617193102.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220617193102.tsx new file mode 100644 index 0000000..24729ec --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220617193102.tsx @@ -0,0 +1,132 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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] as unknown as number); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + + const addBasket = () => { + console.log('add'); + } + + + 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.id as any; + setCheck({...check, [button.value]: check[button.value as unknown as number] === 'none' ? 'yellow' : 'none'}); + if (check[button.value as unknown as number]==='none') { + setSum(sum-ing[button.value as unknown as number].price); + } else { + setSum(sum+ing[button.value as unknown as number].price); + } + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([]); + setSum(price[activeSize] as unknown as number); + }, [activeSize, activeType, heft, price]); + + 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' ? : }
      +
      +       +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220617193132.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220617193132.tsx new file mode 100644 index 0000000..6cb0a6d --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220617193132.tsx @@ -0,0 +1,132 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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] as unknown as number); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + + const addBasket = () => { + console.log('add'); + } + + + 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.id as any; + setCheck({...check, [button.value]: check[button.value as unknown as number] === 'none' ? 'yellow' : 'none'}); + if (check[button.value as unknown as number]==='none') { + setSum(sum-ing[button.value as unknown as number].price); + } else { + setSum(sum+ing[button.value as unknown as number].price); + } + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([]); + setSum(price[activeSize] as unknown as number); + }, [activeSize, activeType, heft, price]); + + 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' ? : }
      +
      +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220617211744.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220617211744.tsx new file mode 100644 index 0000000..ce9f26e --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220617211744.tsx @@ -0,0 +1,131 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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] as unknown as number); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + + const addBasket = () => { + console.log('add'); + } + + + 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.id as any; + setCheck({...check, [button.value]: check[button.value as unknown as number] === 'none' ? 'yellow' : 'none'}); + if (check[button.value as unknown as number]==='none') { + setSum(sum-ing[button.value as unknown as number].price); + } else { + setSum(sum+ing[button.value as unknown as number].price); + } + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([]); + setSum(price[activeSize] as unknown as number); + }, [activeSize, activeType, heft, price]); + + 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' ? : }
      +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220617211746.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220617211746.tsx new file mode 100644 index 0000000..ce9f26e --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220617211746.tsx @@ -0,0 +1,131 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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] as unknown as number); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + + const addBasket = () => { + console.log('add'); + } + + + 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.id as any; + setCheck({...check, [button.value]: check[button.value as unknown as number] === 'none' ? 'yellow' : 'none'}); + if (check[button.value as unknown as number]==='none') { + setSum(sum-ing[button.value as unknown as number].price); + } else { + setSum(sum+ing[button.value as unknown as number].price); + } + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([]); + setSum(price[activeSize] as unknown as number); + }, [activeSize, activeType, heft, price]); + + 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' ? : }
      +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220617211836.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220617211836.tsx new file mode 100644 index 0000000..8be8389 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220617211836.tsx @@ -0,0 +1,132 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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] as unknown as number); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + + const addBasket = () => { + console.log('add'); + } + + + 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.id as any; + console.log(button); + setCheck({...check, [button.value]: check[button.value as unknown as number] === 'none' ? 'yellow' : 'none'}); + if (check[button.value as unknown as number]==='none') { + setSum(sum-ing[button.value as unknown as number].price); + } else { + setSum(sum+ing[button.value as unknown as number].price); + } + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([]); + setSum(price[activeSize] as unknown as number); + }, [activeSize, activeType, heft, price]); + + 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' ? : }
      +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220617211901.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220617211901.tsx new file mode 100644 index 0000000..2f4cca8 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220617211901.tsx @@ -0,0 +1,132 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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] as unknown as number); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + + const addBasket = () => { + console.log('add'); + } + + + 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.id as any; + console.log(button); + setCheck({...check, [button.value]: check[button.value as unknown as number] === 'none' ? 'yellow' : 'none'}); + if (check[button.value as unknown as number]==='none') { + // setSum(sum-ing[button.value as unknown as number].price); + } else { + // setSum(sum+ing[button.value as unknown as number].price); + } + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([]); + setSum(price[activeSize] as unknown as number); + }, [activeSize, activeType, heft, price]); + + 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' ? : }
      +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220617211925.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220617211925.tsx new file mode 100644 index 0000000..57f9079 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220617211925.tsx @@ -0,0 +1,132 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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] as unknown as number); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + + const addBasket = () => { + console.log('add'); + } + + + 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.id as any; + console.log(button); + setCheck({...check, [button.name]: check[button.name as unknown as number] === 'none' ? 'yellow' : 'none'}); + if (check[button.name as unknown as number]==='none') { + // setSum(sum-ing[button.value as unknown as number].price); + } else { + // setSum(sum+ing[button.value as unknown as number].price); + } + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([]); + setSum(price[activeSize] as unknown as number); + }, [activeSize, activeType, heft, price]); + + 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' ? : }
      +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220617212008.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220617212008.tsx new file mode 100644 index 0000000..57f9079 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220617212008.tsx @@ -0,0 +1,132 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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] as unknown as number); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + + const addBasket = () => { + console.log('add'); + } + + + 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.id as any; + console.log(button); + setCheck({...check, [button.name]: check[button.name as unknown as number] === 'none' ? 'yellow' : 'none'}); + if (check[button.name as unknown as number]==='none') { + // setSum(sum-ing[button.value as unknown as number].price); + } else { + // setSum(sum+ing[button.value as unknown as number].price); + } + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([]); + setSum(price[activeSize] as unknown as number); + }, [activeSize, activeType, heft, price]); + + 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' ? : }
      +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220617212018.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220617212018.tsx new file mode 100644 index 0000000..e844daf --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220617212018.tsx @@ -0,0 +1,132 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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] as unknown as number); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + + const addBasket = () => { + console.log('add'); + } + + + 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.id as any; + console.log(button.key); + setCheck({...check, [button.name]: check[button.name as unknown as number] === 'none' ? 'yellow' : 'none'}); + if (check[button.name as unknown as number]==='none') { + // setSum(sum-ing[button.value as unknown as number].price); + } else { + // setSum(sum+ing[button.value as unknown as number].price); + } + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([]); + setSum(price[activeSize] as unknown as number); + }, [activeSize, activeType, heft, price]); + + 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' ? : }
      +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220617212028.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220617212028.tsx new file mode 100644 index 0000000..a44cb53 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220617212028.tsx @@ -0,0 +1,132 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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] as unknown as number); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + + const addBasket = () => { + console.log('add'); + } + + + 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.id as any; + console.log(button.value); + setCheck({...check, [button.name]: check[button.name as unknown as number] === 'none' ? 'yellow' : 'none'}); + if (check[button.name as unknown as number]==='none') { + // setSum(sum-ing[button.value as unknown as number].price); + } else { + // setSum(sum+ing[button.value as unknown as number].price); + } + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([]); + setSum(price[activeSize] as unknown as number); + }, [activeSize, activeType, heft, price]); + + 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' ? : }
      +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220617212115.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220617212115.tsx new file mode 100644 index 0000000..2408c30 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220617212115.tsx @@ -0,0 +1,132 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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] as unknown as number); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + + const addBasket = () => { + console.log('add'); + } + + + 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.target as any; + console.log(button.value); + setCheck({...check, [button.name]: check[button.name as unknown as number] === 'none' ? 'yellow' : 'none'}); + if (check[button.name as unknown as number]==='none') { + // setSum(sum-ing[button.value as unknown as number].price); + } else { + // setSum(sum+ing[button.value as unknown as number].price); + } + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([]); + setSum(price[activeSize] as unknown as number); + }, [activeSize, activeType, heft, price]); + + 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' ? : }
      +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220617212134.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220617212134.tsx new file mode 100644 index 0000000..2b93775 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220617212134.tsx @@ -0,0 +1,132 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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] as unknown as number); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + + const addBasket = () => { + console.log('add'); + } + + + 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(button.value); + setCheck({...check, [button.name]: check[button.name as unknown as number] === 'none' ? 'yellow' : 'none'}); + if (check[button.name as unknown as number]==='none') { + // setSum(sum-ing[button.value as unknown as number].price); + } else { + // setSum(sum+ing[button.value as unknown as number].price); + } + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([]); + setSum(price[activeSize] as unknown as number); + }, [activeSize, activeType, heft, price]); + + 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' ? : }
      +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220617212141.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220617212141.tsx new file mode 100644 index 0000000..408ec24 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220617212141.tsx @@ -0,0 +1,132 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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] as unknown as number); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + + const addBasket = () => { + console.log('add'); + } + + + 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(button); + setCheck({...check, [button.name]: check[button.name as unknown as number] === 'none' ? 'yellow' : 'none'}); + if (check[button.name as unknown as number]==='none') { + // setSum(sum-ing[button.value as unknown as number].price); + } else { + // setSum(sum+ing[button.value as unknown as number].price); + } + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([]); + setSum(price[activeSize] as unknown as number); + }, [activeSize, activeType, heft, price]); + + 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' ? : }
      +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220617212201.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220617212201.tsx new file mode 100644 index 0000000..8602f4e --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220617212201.tsx @@ -0,0 +1,132 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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] as unknown as number); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + + const addBasket = () => { + console.log('add'); + } + + + 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(button); + setCheck({...check, [button]: check[button as unknown as number] === 'none' ? 'yellow' : 'none'}); + if (check[button as unknown as number]==='none') { + // setSum(sum-ing[button.value as unknown as number].price); + } else { + // setSum(sum+ing[button.value as unknown as number].price); + } + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([]); + setSum(price[activeSize] as unknown as number); + }, [activeSize, activeType, heft, price]); + + 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' ? : }
      +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220617212215.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220617212215.tsx new file mode 100644 index 0000000..7fd133b --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220617212215.tsx @@ -0,0 +1,132 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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] as unknown as number); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + + const addBasket = () => { + console.log('add'); + } + + + 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(button); + setCheck({...check, [button]: check[button as unknown as number] === 'none' ? 'yellow' : 'none'}); + if (check[button as unknown as number]==='none') { + setSum(sum-ing[button as unknown as number].price); + } else { + setSum(sum+ing[button as unknown as number].price); + } + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([]); + setSum(price[activeSize] as unknown as number); + }, [activeSize, activeType, heft, price]); + + 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' ? : }
      +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220618152151.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220618152151.tsx new file mode 100644 index 0000000..9338ad5 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220618152151.tsx @@ -0,0 +1,132 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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] as unknown as number); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + + const addBasket = () => { + console.log('add'); + } + + + 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(button); + setCheck({...check, [button]: check[button as unknown as number] === 'none' ? 'yellow' : 'none'}); + if (check[button as unknown as number]==='none') { + setSum(sum-ing[button as unknown as number].price); + } else { + setSum(sum+ing[button as unknown as number].price); + } + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([]); + setSum(price[activeSize] as unknown as number); + }, [activeSize, activeType, heft, price]); + + 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' ? : }
      +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220618152222.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220618152222.tsx new file mode 100644 index 0000000..3b893a1 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220618152222.tsx @@ -0,0 +1,132 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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] as unknown as number); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + + const addBasket = () => { + console.log('add'); + } + + + 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(button); + setCheck({...check, [button]: check[button as unknown as number] === 'none' ? 'yellow' : 'none'}); + if (check[button as unknown as number]==='none') { + setSum(sum-ing[button as unknown as number].price); + } else { + setSum(sum+ing[button as unknown as number].price); + } + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([]); + setSum(price[activeSize] as unknown as number); + }, [activeSize, activeType, heft, price]); + + 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' ? : }
      +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220618152251.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220618152251.tsx new file mode 100644 index 0000000..9afe21b --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220618152251.tsx @@ -0,0 +1,132 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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] as unknown as number); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + + const addBasket = () => { + console.log('add'); + } + + + 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(button); + setCheck({...check, [button]: check[button as unknown as number] === 'none' ? 'yellow' : 'none'}); + if (check[button as unknown as number]==='none') { + setSum(sum-ing[button as unknown as number].price); + } else { + setSum(sum+ing[button as unknown as number].price); + } + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([]); + setSum(price[activeSize] as unknown as number); + }, [activeSize, activeType, heft, price]); + + 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' ? : }
      +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220618152353.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220618152353.tsx new file mode 100644 index 0000000..9b1bd4c --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220618152353.tsx @@ -0,0 +1,132 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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] as unknown as number); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + + const addBasket = () => { + console.log('add'); + } + + + 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(button); + setCheck({...check, [button]: check[button as unknown as number] === 'none' ? 'yellow' : 'none'}); + if (check[button as unknown as number]==='none') { + setSum(sum-ing[button as unknown as number].price); + } else { + setSum(sum+ing[button as unknown as number].price); + } + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([]); + setSum(price[activeSize] as unknown as number); + }, [activeSize, activeType, heft, price]); + + 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' ? : }
      +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220618152412.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220618152412.tsx new file mode 100644 index 0000000..a0d528b --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220618152412.tsx @@ -0,0 +1,132 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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] as unknown as number); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + + const addBasket = () => { + console.log('add'); + } + + + 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(button); + setCheck({...check, [button]: check[button as unknown as number] === 'none' ? 'yellow' : 'none'}); + if (check[button as unknown as number]==='none') { + setSum(sum-ing[button as unknown as number].price); + } else { + setSum(sum+ing[button as unknown as number].price); + } + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([]); + setSum(price[activeSize] as unknown as number); + }, [activeSize, activeType, heft, price]); + + 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' ? : }
      +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220618152502.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220618152502.tsx new file mode 100644 index 0000000..98db1b9 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220618152502.tsx @@ -0,0 +1,132 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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] as unknown as number); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + + const addBasket = () => { + console.log('add'); + } + + + 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(button); + setCheck({...check, [button]: check[button as unknown as number] === 'none' ? 'yellow' : 'none'}); + if (check[button as unknown as number]==='none') { + setSum(sum-ing[button as unknown as number].price); + } else { + setSum(sum+ing[button as unknown as number].price); + } + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([]); + setSum(price[activeSize] as unknown as number); + }, [activeSize, activeType, heft, price]); + + 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' ? : }
      +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220618152528.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220618152528.tsx new file mode 100644 index 0000000..1ba1089 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220618152528.tsx @@ -0,0 +1,132 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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] as unknown as number); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + + const addBasket = () => { + console.log('add'); + } + + + 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(button); + setCheck({...check, [button]: check[button as unknown as number] === 'none' ? 'yellow' : 'none'}); + if (check[button as unknown as number]==='none') { + setSum(sum-ing[button as unknown as number].price); + } else { + setSum(sum+ing[button as unknown as number].price); + } + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([]); + setSum(price[activeSize] as unknown as number); + }, [activeSize, activeType, heft, price]); + + 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' ? : }
      +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220618153011.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220618153011.tsx new file mode 100644 index 0000000..2afa859 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220618153011.tsx @@ -0,0 +1,132 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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] as unknown as number); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + + const addBasket = () => { + console.log('add'); + } + + + 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(button); + setCheck({...check, [button]: check[button as unknown as number] === 'none' ? 'yellow' : 'none'}); + if (check[button as unknown as number]==='none') { + setSum(sum-ing[button as unknown as number].price); + } else { + setSum(sum+ing[button as unknown as number].price); + } + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([]); + setSum(price[activeSize] as unknown as number); + }, [activeSize, activeType, heft, price]); + + 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' ? : }
      +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220618153022.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220618153022.tsx new file mode 100644 index 0000000..dc2416b --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220618153022.tsx @@ -0,0 +1,132 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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] as unknown as number); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + + const addBasket = () => { + console.log('add'); + } + + + 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(button); + setCheck({...check, [button]: check[button as unknown as number] === 'none' ? 'yellow' : 'none'}); + if (check[button as unknown as number]==='none') { + setSum(sum-ing[button as unknown as number].price); + } else { + setSum(sum+ing[button as unknown as number].price); + } + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([]); + setSum(price[activeSize] as unknown as number); + }, [activeSize, activeType, heft, price]); + + 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' ? : }
      +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220618154531.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220618154531.tsx new file mode 100644 index 0000000..bf67448 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220618154531.tsx @@ -0,0 +1,132 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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] as unknown as number); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + + const addBasket = () => { + console.log('add'); + } + + + 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(button); + setCheck({...check, [button]: check[button as unknown as number] === 'none' ? 'yellow' : 'none'}); + if (check[button as unknown as number]==='none') { + setSum(sum-ing[button as unknown as number].price); + } else { + setSum(sum+ing[button as unknown as number].price); + } + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([]); + setSum(price[activeSize] as unknown as number); + }, [activeSize, activeType, heft, price]); + + 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' ? : }
      +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220618154545.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220618154545.tsx new file mode 100644 index 0000000..bf67448 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220618154545.tsx @@ -0,0 +1,132 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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] as unknown as number); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + + const addBasket = () => { + console.log('add'); + } + + + 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(button); + setCheck({...check, [button]: check[button as unknown as number] === 'none' ? 'yellow' : 'none'}); + if (check[button as unknown as number]==='none') { + setSum(sum-ing[button as unknown as number].price); + } else { + setSum(sum+ing[button as unknown as number].price); + } + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([]); + setSum(price[activeSize] as unknown as number); + }, [activeSize, activeType, heft, price]); + + 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' ? : }
      +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220618154555.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220618154555.tsx new file mode 100644 index 0000000..d0d830a --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220618154555.tsx @@ -0,0 +1,132 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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] as unknown as number); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + + const addBasket = () => { + console.log('add'); + } + + + 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(button); + setCheck({...check, [button]: check[button as unknown as number] === 'none' ? 'yellow' : 'none'}); + if (check[button as unknown as number]==='none') { + setSum(sum-ing[button as unknown as number].price); + } else { + setSum(sum+ing[button as unknown as number].price); + } + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([]); + setSum(price[activeSize] as unknown as number); + }, [activeSize, activeType, heft, price]); + + 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' ? : }
      +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220618154632.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220618154632.tsx new file mode 100644 index 0000000..ba405b9 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220618154632.tsx @@ -0,0 +1,132 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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] as unknown as number); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + + const addBasket = () => { + console.log('add'); + } + + + 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(button); + setCheck({...check, [button]: check[button as unknown as number] === 'none' ? 'yellow' : 'none'}); + if (check[button as unknown as number]==='none') { + setSum(sum-ing[button as unknown as number].price); + } else { + setSum(sum+ing[button as unknown as number].price); + } + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([]); + setSum(price[activeSize] as unknown as number); + }, [activeSize, activeType, heft, price]); + + 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' ? : }
      +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220618154648.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220618154648.tsx new file mode 100644 index 0000000..48684f1 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220618154648.tsx @@ -0,0 +1,132 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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] as unknown as number); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + + const addBasket = () => { + console.log('add'); + } + + + 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(button); + setCheck({...check, [button]: check[button as unknown as number] === 'none' ? 'yellow' : 'none'}); + if (check[button as unknown as number]==='none') { + setSum(sum-ing[button as unknown as number].price); + } else { + setSum(sum+ing[button as unknown as number].price); + } + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([]); + setSum(price[activeSize] as unknown as number); + }, [activeSize, activeType, heft, price]); + + 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' ? : }
      +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220618155038.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220618155038.tsx new file mode 100644 index 0000000..ba93a2a --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220618155038.tsx @@ -0,0 +1,132 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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] as unknown as number); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + + const addBasket = () => { + console.log('add'); + } + + + 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(button); + setCheck({...check, [button]: check[button as unknown as number] === 'none' ? 'yellow' : 'none'}); + if (check[button as unknown as number]==='none') { + setSum(sum-ing[button as unknown as number].price); + } else { + setSum(sum+ing[button as unknown as number].price); + } + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([]); + setSum(price[activeSize] as unknown as number); + }, [activeSize, activeType, heft, price]); + + 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' ? : }
      +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220618155852.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220618155852.tsx new file mode 100644 index 0000000..6358923 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220618155852.tsx @@ -0,0 +1,132 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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] as unknown as number); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + + const addBasket = () => { + console.log('add'); + } + + + 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(button); + setCheck({...check, [button]: check[button as unknown as number] === 'none' ? 'yellow' : 'none'}); + if (check[button as unknown as number]==='none') { + setSum(sum-ing[button as unknown as number].price); + } else { + setSum(sum+ing[button as unknown as number].price); + } + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([]); + setSum(price[activeSize] as unknown as number); + }, [activeSize, activeType, heft, price]); + + 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' ? : }
      +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220618155925.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220618155925.tsx new file mode 100644 index 0000000..96bed28 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220618155925.tsx @@ -0,0 +1,131 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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] as unknown as number); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + + const addBasket = () => { + console.log('add'); + } + + + 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(button); + setCheck({...check, [button]: check[button as unknown as number] === 'none' ? 'yellow' : 'none'}); + if (check[button as unknown as number]==='none') { + setSum(sum-ing[button as unknown as number].price); + } else { + setSum(sum+ing[button as unknown as number].price); + } + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([]); + setSum(price[activeSize] as unknown as number); + }, [activeSize, activeType, heft, price]); + + 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' ? : }
      +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220618160645.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220618160645.tsx new file mode 100644 index 0000000..60efe83 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220618160645.tsx @@ -0,0 +1,131 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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] as unknown as number); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + + const addBasket = () => { + console.log('add'); + } + + + 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(button); + setCheck({...check, [button]: check[button as unknown as number] === 'none' ? 'yellow' : 'none'}); + if (check[button as unknown as number]==='none') { + setSum(sum-ing[button as unknown as number].price); + } else { + setSum(sum+ing[button as unknown as number].price); + } + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([]); + setSum(price[activeSize] as unknown as number); + }, [activeSize, activeType, heft, price]); + + 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' ? : }
      +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220618160820.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220618160820.tsx new file mode 100644 index 0000000..0bf659a --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220618160820.tsx @@ -0,0 +1,131 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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] as unknown as number); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + + const addBasket = () => { + console.log('add'); + } + + + 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(button); + setCheck({...check, [button]: check[button as unknown as number] === 'none' ? 'yellow' : 'none'}); + if (check[button as unknown as number]==='none') { + setSum(sum-ing[button as unknown as number].price); + } else { + setSum(sum+ing[button as unknown as number].price); + } + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([]); + setSum(price[activeSize] as unknown as number); + }, [activeSize, activeType, heft, price]); + + 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' ? : }
      +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220618161353.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220618161353.tsx new file mode 100644 index 0000000..7d331db --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220618161353.tsx @@ -0,0 +1,131 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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] as unknown as number); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + + const addBasket = () => { + console.log('add'); + } + + + 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(button); + setCheck({...check, [button]: check[button as unknown as number] === 'none' ? 'yellow' : 'none'}); + if (check[button as unknown as number]==='none') { + setSum(sum-ing[button as unknown as number].price); + } else { + setSum(sum+ing[button as unknown as number].price); + } + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([]); + setSum(price[activeSize] as unknown as number); + }, [activeSize, activeType, heft, price]); + + 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' ? : }
      +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220618161823.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220618161823.tsx new file mode 100644 index 0000000..552d0a2 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220618161823.tsx @@ -0,0 +1,131 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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] as unknown as number); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + + const addBasket = () => { + console.log('add'); + } + + + 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(button); + setCheck({...check, [button]: check[button as unknown as number] === 'none' ? 'yellow' : 'none'}); + if (check[button as unknown as number]==='none') { + setSum(sum-ing[button as unknown as number].price); + } else { + setSum(sum+ing[button as unknown as number].price); + } + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([]); + setSum(price[activeSize] as unknown as number); + }, [activeSize, activeType, heft, price]); + + 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' ? : }
      +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220618162529.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220618162529.tsx new file mode 100644 index 0000000..b958336 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220618162529.tsx @@ -0,0 +1,131 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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] as unknown as number); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + + const addBasket = () => { + console.log('add'); + } + + + 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(button); + setCheck({...check, [button]: check[button as unknown as number] === 'none' ? 'yellow' : 'none'}); + if (check[button as unknown as number]==='none') { + setSum(sum-ing[button as unknown as number].price); + } else { + setSum(sum+ing[button as unknown as number].price); + } + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([]); + setSum(price[activeSize] as unknown as number); + }, [activeSize, activeType, heft, price]); + + 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' ? : }
      +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220618162730.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220618162730.tsx new file mode 100644 index 0000000..aa6f234 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220618162730.tsx @@ -0,0 +1,131 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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] as unknown as number); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + + const addBasket = () => { + console.log('add'); + } + + + 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(button); + setCheck({...check, [button]: check[button as unknown as number] === 'none' ? 'yellow' : 'none'}); + if (check[button as unknown as number]==='none') { + setSum(sum-ing[button as unknown as number].price); + } else { + setSum(sum+ing[button as unknown as number].price); + } + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([]); + setSum(price[activeSize] as unknown as number); + }, [activeSize, activeType, heft, price]); + + 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' ? : }
      +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220618202323.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220618202323.tsx new file mode 100644 index 0000000..196d630 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220618202323.tsx @@ -0,0 +1,131 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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] as unknown as number); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + + const addBasket = () => { + console.log('add'); + } + + + 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(button); + setCheck({...check, [button]: check[button as unknown as number] === 'none' ? 'yellow' : 'none'}); + if (check[button as unknown as number]==='none') { + setSum(sum-ing[button as unknown as number].price); + } else { + setSum(sum+ing[button as unknown as number].price); + } + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([]); + setSum(price[activeSize] as unknown as number); + }, [activeSize, activeType, heft, price]); + + 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' ? : }
      +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220618202436.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220618202436.tsx new file mode 100644 index 0000000..8f8eed5 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220618202436.tsx @@ -0,0 +1,131 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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] as unknown as number); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + + const addBasket = () => { + console.log('add'); + } + + + 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(button); + setCheck({...check, [button]: check[button as unknown as number] === 'none_ing' ? 'yellow_ing' : 'none_ing'}); + if (check[button as unknown as number]==='none') { + setSum(sum-ing[button as unknown as number].price); + } else { + setSum(sum+ing[button as unknown as number].price); + } + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([]); + setSum(price[activeSize] as unknown as number); + }, [activeSize, activeType, heft, price]); + + 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' ? : }
      +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/content_20220618202448.tsx b/.history/components/customer/pages/index/modals/pizza/content_20220618202448.tsx new file mode 100644 index 0000000..c13d6c8 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/content_20220618202448.tsx @@ -0,0 +1,131 @@ +import React, { useState, useEffect } from 'react'; +import Image from 'next/image'; +import Link from "next/link"; +import classNames from 'classnames'; +import { HiMinus, HiPlus } from "react-icons/hi"; + +type PizzaProps = { + id: number; + 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 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] as unknown as number); + const [feature, setFeature] = useState(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + + const addBasket = () => { + console.log('add'); + } + + + 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(button); + setCheck({...check, [button]: check[button as unknown as number] === 'none_ing' ? 'yellow_ing' : 'none_ing'}); + if (check[button as unknown as number]==='none') { + setSum(sum-ing[button as unknown as number].price); + } else { + setSum(sum+ing[button as unknown as number].price); + } + } + + useEffect(() => { + setFeature(sizes[activeSize]+' см, '+ typeNames[activeType] +" "+ heft[activeSize]+' г'); + setCheck([]); + setSum(price[activeSize] as unknown as number); + }, [activeSize, activeType, heft, price]); + + 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_ing' ? : }
      +
      +
      • )} +
    +
    +
    + + + + +
    +
    +
    + + ); +}; + + diff --git a/.history/components/customer/pages/index/modals/pizza/index_20220601085616.ts b/.history/components/customer/pages/index/modals/pizza/index_20220601085616.ts new file mode 100644 index 0000000..e69de29 diff --git a/.history/components/customer/pages/index/modals/pizza/index_20220601085628.ts b/.history/components/customer/pages/index/modals/pizza/index_20220601085628.ts new file mode 100644 index 0000000..26cda92 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/index_20220601085628.ts @@ -0,0 +1 @@ +export * from './RadioButton' \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/index_20220601090324.ts b/.history/components/customer/pages/index/modals/pizza/index_20220601090324.ts new file mode 100644 index 0000000..74e078b --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/index_20220601090324.ts @@ -0,0 +1,2 @@ +export * from './RadioButton' +export * from './pizzaCard' \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/index_20220615163354.ts b/.history/components/customer/pages/index/modals/pizza/index_20220615163354.ts new file mode 100644 index 0000000..055a5be --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/index_20220615163354.ts @@ -0,0 +1,2 @@ +export * from './content' +export * from './pizzaCard' \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/index_20220616133007.ts b/.history/components/customer/pages/index/modals/pizza/index_20220616133007.ts new file mode 100644 index 0000000..0fb93b3 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/index_20220616133007.ts @@ -0,0 +1,3 @@ +export * from './content' +export * from './pizzaCard' +export * from './Ingredients' \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/index_20220617162939.ts b/.history/components/customer/pages/index/modals/pizza/index_20220617162939.ts new file mode 100644 index 0000000..055a5be --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/index_20220617162939.ts @@ -0,0 +1,2 @@ +export * from './content' +export * from './pizzaCard' \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531162610.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531162610.tsx new file mode 100644 index 0000000..e69de29 diff --git a/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531162625.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531162625.tsx new file mode 100644 index 0000000..fefaaff --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531162625.tsx @@ -0,0 +1,18 @@ +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 new file mode 100644 index 0000000..82339c6 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531163128.tsx @@ -0,0 +1,17 @@ +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 new file mode 100644 index 0000000..6b89223 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531163133.tsx @@ -0,0 +1,12 @@ +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 new file mode 100644 index 0000000..c3fee5c --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531163150.tsx @@ -0,0 +1,12 @@ +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 new file mode 100644 index 0000000..f49a101 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531163151.tsx @@ -0,0 +1,12 @@ +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 new file mode 100644 index 0000000..749b4f1 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531163155.tsx @@ -0,0 +1,12 @@ +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 new file mode 100644 index 0000000..749b4f1 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531163157.tsx @@ -0,0 +1,12 @@ +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 new file mode 100644 index 0000000..0b591ec --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215502.tsx @@ -0,0 +1,39 @@ +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 new file mode 100644 index 0000000..edbb930 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215615.tsx @@ -0,0 +1,39 @@ +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 new file mode 100644 index 0000000..d409a5a --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215634.tsx @@ -0,0 +1,39 @@ +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 new file mode 100644 index 0000000..ca98e16 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215641.tsx @@ -0,0 +1,39 @@ +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 new file mode 100644 index 0000000..9222d6a --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215645.tsx @@ -0,0 +1,39 @@ +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 new file mode 100644 index 0000000..870f8ce --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215648.tsx @@ -0,0 +1,39 @@ +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 new file mode 100644 index 0000000..3b3d656 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215655.tsx @@ -0,0 +1,39 @@ +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 new file mode 100644 index 0000000..5144b1e --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215658.tsx @@ -0,0 +1,39 @@ +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 new file mode 100644 index 0000000..9222d6a --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215703.tsx @@ -0,0 +1,39 @@ +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 new file mode 100644 index 0000000..412a40c --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215707.tsx @@ -0,0 +1,39 @@ +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 new file mode 100644 index 0000000..eec775e --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215708.tsx @@ -0,0 +1,39 @@ +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 new file mode 100644 index 0000000..8ec99e0 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215710.tsx @@ -0,0 +1,39 @@ +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 new file mode 100644 index 0000000..dfca073 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215720.tsx @@ -0,0 +1,39 @@ +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 new file mode 100644 index 0000000..870f8ce --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215724.tsx @@ -0,0 +1,39 @@ +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 new file mode 100644 index 0000000..e6fb61f --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215726.tsx @@ -0,0 +1,39 @@ +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 new file mode 100644 index 0000000..8ec99e0 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215733.tsx @@ -0,0 +1,39 @@ +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 new file mode 100644 index 0000000..9202600 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215736.tsx @@ -0,0 +1,39 @@ +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 new file mode 100644 index 0000000..fe48e9f --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215737.tsx @@ -0,0 +1,39 @@ +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 new file mode 100644 index 0000000..fe48e9f --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215738.tsx @@ -0,0 +1,39 @@ +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 new file mode 100644 index 0000000..b38aeaa --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215823.tsx @@ -0,0 +1,39 @@ +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 new file mode 100644 index 0000000..a10f107 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215826.tsx @@ -0,0 +1,39 @@ +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 new file mode 100644 index 0000000..9a4bcb8 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531215858.tsx @@ -0,0 +1,40 @@ +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 new file mode 100644 index 0000000..37bfd2a --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531221147.tsx @@ -0,0 +1,42 @@ +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 new file mode 100644 index 0000000..f5ba48e --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531221151.tsx @@ -0,0 +1,43 @@ +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 new file mode 100644 index 0000000..3bbdbdb --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531221845.tsx @@ -0,0 +1,40 @@ +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 new file mode 100644 index 0000000..9a4bcb8 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220531221847.tsx @@ -0,0 +1,40 @@ +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 new file mode 100644 index 0000000..bbe37a7 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220601085821.tsx @@ -0,0 +1,24 @@ +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 new file mode 100644 index 0000000..d92d096 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220601085945.tsx @@ -0,0 +1,23 @@ +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 new file mode 100644 index 0000000..2251ccb --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220601090104.tsx @@ -0,0 +1,23 @@ +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 new file mode 100644 index 0000000..a798ec2 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220601090857.tsx @@ -0,0 +1,23 @@ +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 new file mode 100644 index 0000000..3ee6d46 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220603174529.tsx @@ -0,0 +1,23 @@ +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 new file mode 100644 index 0000000..17bff88 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220603174551.tsx @@ -0,0 +1,23 @@ +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 new file mode 100644 index 0000000..3424567 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220603174612.tsx @@ -0,0 +1,23 @@ +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 new file mode 100644 index 0000000..e205441 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220603175317.tsx @@ -0,0 +1,23 @@ +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 new file mode 100644 index 0000000..9cf9ba5 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220603175724.tsx @@ -0,0 +1,29 @@ +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 new file mode 100644 index 0000000..1eed077 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220603175745.tsx @@ -0,0 +1,29 @@ +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 new file mode 100644 index 0000000..6deebe6 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220604082614.tsx @@ -0,0 +1,29 @@ +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 new file mode 100644 index 0000000..4319736 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220604083212.tsx @@ -0,0 +1,37 @@ +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 new file mode 100644 index 0000000..c824229 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220604083327.tsx @@ -0,0 +1,36 @@ +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 new file mode 100644 index 0000000..1fa9f0c --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220604083453.tsx @@ -0,0 +1,37 @@ +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 new file mode 100644 index 0000000..cd97f3b --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220604083500.tsx @@ -0,0 +1,37 @@ +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 new file mode 100644 index 0000000..b499183 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220604083527.tsx @@ -0,0 +1,37 @@ +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 new file mode 100644 index 0000000..b499183 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220604083650.tsx @@ -0,0 +1,37 @@ +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 new file mode 100644 index 0000000..6c8b822 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220604131550.tsx @@ -0,0 +1,37 @@ +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 new file mode 100644 index 0000000..b9e0aed --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220604131602.tsx @@ -0,0 +1,37 @@ +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 new file mode 100644 index 0000000..6a09628 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220604131652.tsx @@ -0,0 +1,37 @@ +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 new file mode 100644 index 0000000..d16b407 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220604131757.tsx @@ -0,0 +1,38 @@ +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 new file mode 100644 index 0000000..0b9ab32 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220604171330.tsx @@ -0,0 +1,37 @@ +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 new file mode 100644 index 0000000..368a00a --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615043046.tsx @@ -0,0 +1,64 @@ +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 new file mode 100644 index 0000000..8a126a4 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615043356.tsx @@ -0,0 +1,66 @@ +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 new file mode 100644 index 0000000..81f448b --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615043417.tsx @@ -0,0 +1,66 @@ +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 new file mode 100644 index 0000000..4a71690 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615043448.tsx @@ -0,0 +1,66 @@ +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 new file mode 100644 index 0000000..4098297 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615043502.tsx @@ -0,0 +1,66 @@ +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 new file mode 100644 index 0000000..25c9763 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615043527.tsx @@ -0,0 +1,66 @@ +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 new file mode 100644 index 0000000..47e7830 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615052903.tsx @@ -0,0 +1,66 @@ +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 new file mode 100644 index 0000000..95d0208 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615053406.tsx @@ -0,0 +1,66 @@ +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 new file mode 100644 index 0000000..a0cd946 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615054825.tsx @@ -0,0 +1,70 @@ +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 new file mode 100644 index 0000000..78c8849 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615054902.tsx @@ -0,0 +1,70 @@ +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 new file mode 100644 index 0000000..22c40ec --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615055133.tsx @@ -0,0 +1,76 @@ +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 new file mode 100644 index 0000000..4e78c7b --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615055327.tsx @@ -0,0 +1,76 @@ +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 new file mode 100644 index 0000000..1b67563 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615055433.tsx @@ -0,0 +1,76 @@ +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 new file mode 100644 index 0000000..0c905aa --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615055441.tsx @@ -0,0 +1,76 @@ +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 new file mode 100644 index 0000000..5ae52f2 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615055444.tsx @@ -0,0 +1,76 @@ +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 new file mode 100644 index 0000000..33ea87a --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615055454.tsx @@ -0,0 +1,76 @@ +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 new file mode 100644 index 0000000..4355921 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615055502.tsx @@ -0,0 +1,75 @@ +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 new file mode 100644 index 0000000..4a17d51 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615055604.tsx @@ -0,0 +1,75 @@ +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 new file mode 100644 index 0000000..867ba88 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615060013.tsx @@ -0,0 +1,74 @@ +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 new file mode 100644 index 0000000..867ba88 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615060020.tsx @@ -0,0 +1,74 @@ +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 new file mode 100644 index 0000000..31de09b --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615062834.tsx @@ -0,0 +1,95 @@ +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 new file mode 100644 index 0000000..59ae0bf --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615062851.tsx @@ -0,0 +1,96 @@ +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 new file mode 100644 index 0000000..53fbb71 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615063125.tsx @@ -0,0 +1,97 @@ +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 new file mode 100644 index 0000000..51234cf --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615064426.tsx @@ -0,0 +1,85 @@ +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 new file mode 100644 index 0000000..4199fdb --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615064445.tsx @@ -0,0 +1,86 @@ +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 new file mode 100644 index 0000000..61333ea --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615160218.tsx @@ -0,0 +1,79 @@ +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 new file mode 100644 index 0000000..e62ad92 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615160433.tsx @@ -0,0 +1,86 @@ +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 new file mode 100644 index 0000000..c65f359 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615160611.tsx @@ -0,0 +1,89 @@ +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 new file mode 100644 index 0000000..8429e0d --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615160632.tsx @@ -0,0 +1,91 @@ +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 new file mode 100644 index 0000000..b4678d2 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615160645.tsx @@ -0,0 +1,90 @@ +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 new file mode 100644 index 0000000..835d167 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615162022.tsx @@ -0,0 +1,90 @@ +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 new file mode 100644 index 0000000..d283b42 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615162403.tsx @@ -0,0 +1,90 @@ +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 new file mode 100644 index 0000000..23c29ab --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615162842.tsx @@ -0,0 +1,90 @@ +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 new file mode 100644 index 0000000..283a752 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615162900.tsx @@ -0,0 +1,90 @@ +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 new file mode 100644 index 0000000..020f7e9 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615162915.tsx @@ -0,0 +1,90 @@ +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 new file mode 100644 index 0000000..3643d20 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615162952.tsx @@ -0,0 +1,90 @@ +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 new file mode 100644 index 0000000..721dc33 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615164006.tsx @@ -0,0 +1,31 @@ +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 new file mode 100644 index 0000000..b934237 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220615164206.tsx @@ -0,0 +1,31 @@ +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 new file mode 100644 index 0000000..b934237 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220616123755.tsx @@ -0,0 +1,31 @@ +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 new file mode 100644 index 0000000..6b8a1f1 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220616125926.tsx @@ -0,0 +1,32 @@ +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 new file mode 100644 index 0000000..6b8a1f1 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220616125948.tsx @@ -0,0 +1,32 @@ +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 new file mode 100644 index 0000000..ae2951e --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220616132026.tsx @@ -0,0 +1,30 @@ +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 new file mode 100644 index 0000000..5d515bd --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220616132034.tsx @@ -0,0 +1,30 @@ +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 new file mode 100644 index 0000000..e68bb04 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220617162344.tsx @@ -0,0 +1,30 @@ +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 new file mode 100644 index 0000000..c6c669c --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220617162450.tsx @@ -0,0 +1,30 @@ +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 new file mode 100644 index 0000000..9473162 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220617190746.tsx @@ -0,0 +1,30 @@ +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 new file mode 100644 index 0000000..4872ebe --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220617191214.tsx @@ -0,0 +1,30 @@ +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 new file mode 100644 index 0000000..9473162 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220617191230.tsx @@ -0,0 +1,30 @@ +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 new file mode 100644 index 0000000..3384472 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220618150953.tsx @@ -0,0 +1,36 @@ +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 new file mode 100644 index 0000000..adb67c3 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220618151147.tsx @@ -0,0 +1,36 @@ +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_20220618151400.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220618151400.tsx new file mode 100644 index 0000000..e00b73e --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220618151400.tsx @@ -0,0 +1,36 @@ +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_20220618151408.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220618151408.tsx new file mode 100644 index 0000000..931e811 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220618151408.tsx @@ -0,0 +1,36 @@ +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_20220618151454.tsx new file mode 100644 index 0000000..51f50f7 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220618151454.tsx @@ -0,0 +1,36 @@ +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_20220619081333.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220619081333.tsx new file mode 100644 index 0000000..817b551 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220619081333.tsx @@ -0,0 +1,36 @@ +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 new file mode 100644 index 0000000..6de7672 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220619081810.tsx @@ -0,0 +1,36 @@ +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 new file mode 100644 index 0000000..0b5f8f4 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220619082020.tsx @@ -0,0 +1,36 @@ +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 new file mode 100644 index 0000000..817b551 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220619082124.tsx @@ -0,0 +1,36 @@ +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_20220619082141.tsx b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220619082141.tsx new file mode 100644 index 0000000..51f50f7 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/pizzaCard_20220619082141.tsx @@ -0,0 +1,36 @@ +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/styles/_ingredients_20220617111701.scss b/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220617111701.scss new file mode 100644 index 0000000..cbc3864 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220617111701.scss @@ -0,0 +1,103 @@ +$color_yellow: #FED11E; + +.ingredients_box{ + text-align: center; + width: 82px; + height: 128px; + margin: 4px 1% 4px 10px; + + .onion{ + background: url('/assets/img/onion.png') 100% 100% no-repeat; + } + + .bacon{ + background: url('/assets/img/bacon.png') 100% 100% no-repeat; + } + + .cheese{ + background: url('/assets/img/cheese.png') 100% 100% no-repeat; + } + + .jalapeno{ + background: url('/assets/img/jalapeno.png') 100% 100% no-repeat; + } + + .mushroom{ + background: url('/assets/img/mushroom.png') 100% 100% no-repeat; + } + + .pickles{ + background: url('/assets/img/pickles.png') 100% 100% no-repeat; + } + + .pineapple{ + background: url('/assets/img/pineapple.png') 100% 100% no-repeat; + } + + .tomato{ + background: url('/assets/img/tomato.png') 100% 100% no-repeat; + } + + .ingredients_img{ + color: rgb(0, 0, 0); + height: 52px; + width: 52px; + margin: 0 auto; + border-radius: 50%; + background-color: #fff; + } + + .ingredients_text_box{ + border-radius: 30%; + height: 128px; + } + + .ingredients_name{ + color: rgb(0, 0, 0); + font-size: 12px; + } + + .ingredients_price{ + color: rgb(0, 0, 0); + font-size: 12px; + } + + .ingredients_button{ + display: inline-block; + -webkit-border-radius: 12px; + -moz-border-radius: 50%; + border-radius: 50%; + -khtml-border-radius: 50%;; + width: 28px; + height: 25px; + margin-top: 10px; + border: aliceblue; + } + + .yellow{ + background-color: $color_yellow; + } + + .none{ + background-color: #F5F1E1; + } + + .buttonCheck{ + font-size: 24px; + } +} + +.IngredientsBox{ + overflow-y: scroll; + height: 250px; +} + +.plus{ + background: url('/assets/img/plus.png') 100% 100% no-repeat; + } + + .minus{ + background: url('/assets/img/minus.png') 0% no-repeat; + margin-right: auto !important; + margin-left: auto !important; + } \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618154354.scss b/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618154354.scss new file mode 100644 index 0000000..474637a --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618154354.scss @@ -0,0 +1,103 @@ +$color_yellow: #FED11E; + +.ingredients_box{ + text-align: center; + width: 82px; + height: 128px; + margin: 4px 1% 4px 10px; + + .onion{ + background: url('/assets/img/onion.png') 100% 100% no-repeat; + } + + .bacon{ + background: url('/assets/img/bacon.png') 100% 100% no-repeat; + } + + .cheese{ + background: url('/assets/img/cheese.png') 100% 100% no-repeat; + } + + .jalapeno{ + background: url('/assets/img/jalapeno.png') 100% 100% no-repeat; + } + + .mushroom{ + background: url('/assets/img/mushroom.png') 100% 100% no-repeat; + } + + .pickles{ + background: url('/assets/img/pickles.png') 100% 100% no-repeat; + } + + .pineapple{ + background: url('/assets/img/pineapple.png') 100% 100% no-repeat; + } + + .tomato{ + background: url('/assets/img/tomato.png') 100% 100% no-repeat; + } + + .ingredients_img{ + color: rgb(0, 0, 0); + height: 52px; + width: 52px; + margin: 0 auto; + border-radius: 50%; + background-color: #fff; + } + + .ingredients_text_box{ + border-radius: 30%; + height: 128px; + } + + .ingredients_name{ + color: rgb(0, 0, 0); + font-size: 12px; + } + + .ingredients_price{ + color: rgb(0, 0, 0); + font-size: 12px; + } + + .ingredients_button{ + display: inline-block; + -webkit-border-radius: 12px; + -moz-border-radius: 50%; + border-radius: 50%; + -khtml-border-radius: 50%;; + width: 28px; + height: 25px; + margin-top: 10px; + border: aliceblue; + } + + .yellow{ + background-color: $color_yellow; + } + + .none{ + background-color: #F5F1E1; + } + + .buttonCheck{ + font-size: 24px; + } +} + +.ingredients_box{ + overflow-y: scroll; + height: 250px; +} + +.plus{ + background: url('/assets/img/plus.png') 100% 100% no-repeat; + } + + .minus{ + background: url('/assets/img/minus.png') 0% no-repeat; + margin-right: auto !important; + margin-left: auto !important; + } \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618154636.scss b/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618154636.scss new file mode 100644 index 0000000..1037de0 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618154636.scss @@ -0,0 +1,103 @@ +$color_yellow: #FED11E; + +.ingredients{ + text-align: center; + width: 82px; + height: 128px; + margin: 4px 1% 4px 10px; + + .onion{ + background: url('/assets/img/onion.png') 100% 100% no-repeat; + } + + .bacon{ + background: url('/assets/img/bacon.png') 100% 100% no-repeat; + } + + .cheese{ + background: url('/assets/img/cheese.png') 100% 100% no-repeat; + } + + .jalapeno{ + background: url('/assets/img/jalapeno.png') 100% 100% no-repeat; + } + + .mushroom{ + background: url('/assets/img/mushroom.png') 100% 100% no-repeat; + } + + .pickles{ + background: url('/assets/img/pickles.png') 100% 100% no-repeat; + } + + .pineapple{ + background: url('/assets/img/pineapple.png') 100% 100% no-repeat; + } + + .tomato{ + background: url('/assets/img/tomato.png') 100% 100% no-repeat; + } + + .ingredients_img{ + color: rgb(0, 0, 0); + height: 52px; + width: 52px; + margin: 0 auto; + border-radius: 50%; + background-color: #fff; + } + + .ingredients_text_box{ + border-radius: 30%; + height: 128px; + } + + .ingredients_name{ + color: rgb(0, 0, 0); + font-size: 12px; + } + + .ingredients_price{ + color: rgb(0, 0, 0); + font-size: 12px; + } + + .ingredients_button{ + display: inline-block; + -webkit-border-radius: 12px; + -moz-border-radius: 50%; + border-radius: 50%; + -khtml-border-radius: 50%;; + width: 28px; + height: 25px; + margin-top: 10px; + border: aliceblue; + } + + .yellow{ + background-color: $color_yellow; + } + + .none{ + background-color: #F5F1E1; + } + + .buttonCheck{ + font-size: 24px; + } +} + +.IngredientsBox{ + overflow-y: scroll; + height: 250px; +} + +.plus{ + background: url('/assets/img/plus.png') 100% 100% no-repeat; + } + + .minus{ + background: url('/assets/img/minus.png') 0% no-repeat; + margin-right: auto !important; + margin-left: auto !important; + } \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618154701.scss b/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618154701.scss new file mode 100644 index 0000000..0d94a81 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618154701.scss @@ -0,0 +1,105 @@ +$color_yellow: #FED11E; + +.ingredients{ + text-align: center; + width: 82px; + height: 128px; + margin: 4px 1% 4px 10px; + + .onion{ + background: url('/assets/img/onion.png') 100% 100% no-repeat; + } + + .bacon{ + background: url('/assets/img/bacon.png') 100% 100% no-repeat; + } + + .cheese{ + background: url('/assets/img/cheese.png') 100% 100% no-repeat; + } + + .jalapeno{ + background: url('/assets/img/jalapeno.png') 100% 100% no-repeat; + } + + .mushroom{ + background: url('/assets/img/mushroom.png') 100% 100% no-repeat; + } + + .pickles{ + background: url('/assets/img/pickles.png') 100% 100% no-repeat; + } + + .pineapple{ + background: url('/assets/img/pineapple.png') 100% 100% no-repeat; + } + + .tomato{ + background: url('/assets/img/tomato.png') 100% 100% no-repeat; + } + + .ingredients_img{ + color: rgb(0, 0, 0); + height: 52px; + width: 52px; + margin: 0 auto; + border-radius: 50%; + background-color: #fff; + } + + .ingredients_text_box{ + border-radius: 30%; + height: 128px; + } + + .ingredients_name{ + color: rgb(0, 0, 0); + font-size: 12px; + } + + .ingredients_price{ + color: rgb(0, 0, 0); + font-size: 12px; + } + + .ingredients_button{ + display: inline-block; + -webkit-border-radius: 12px; + -moz-border-radius: 50%; + border-radius: 50%; + -khtml-border-radius: 50%;; + width: 28px; + height: 25px; + margin-top: 10px; + border: aliceblue; + } + + .yellow{ + background-color: $color_yellow; + } + + .none{ + background-color: #F5F1E1; + } + + .buttonCheck{ + font-size: 24px; + } + + .box{ + overflow-y: scroll; + height: 250px; + } +} + + + +.plus{ + background: url('/assets/img/plus.png') 100% 100% no-repeat; + } + + .minus{ + background: url('/assets/img/minus.png') 0% no-repeat; + margin-right: auto !important; + margin-left: auto !important; + } \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618155338.scss b/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618155338.scss new file mode 100644 index 0000000..efe95a0 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618155338.scss @@ -0,0 +1,117 @@ +$color_yellow: #FED11E; + +.ingredients{ + text-align: center; + width: 82px; + height: 128px; + margin: 4px 1% 4px 10px; + .ul { + padding-top: 16px; + display: flex; + flex-wrap: wrap; + } + + @media (min-width: 640px) { + .ul { + padding-top: 8px; + flex-wrap: wrap; + } + } + + .onion{ + background: url('/assets/img/onion.png') 100% 100% no-repeat; + } + + .bacon{ + background: url('/assets/img/bacon.png') 100% 100% no-repeat; + } + + .cheese{ + background: url('/assets/img/cheese.png') 100% 100% no-repeat; + } + + .jalapeno{ + background: url('/assets/img/jalapeno.png') 100% 100% no-repeat; + } + + .mushroom{ + background: url('/assets/img/mushroom.png') 100% 100% no-repeat; + } + + .pickles{ + background: url('/assets/img/pickles.png') 100% 100% no-repeat; + } + + .pineapple{ + background: url('/assets/img/pineapple.png') 100% 100% no-repeat; + } + + .tomato{ + background: url('/assets/img/tomato.png') 100% 100% no-repeat; + } + + .ingredients_img{ + color: rgb(0, 0, 0); + height: 52px; + width: 52px; + margin: 0 auto; + border-radius: 50%; + background-color: #fff; + } + + .ingredients_text_box{ + border-radius: 30%; + height: 128px; + } + + .ingredients_name{ + color: rgb(0, 0, 0); + font-size: 12px; + } + + .ingredients_price{ + color: rgb(0, 0, 0); + font-size: 12px; + } + + .ingredients_button{ + display: inline-block; + -webkit-border-radius: 12px; + -moz-border-radius: 50%; + border-radius: 50%; + -khtml-border-radius: 50%;; + width: 28px; + height: 25px; + margin-top: 10px; + border: aliceblue; + } + + .yellow{ + background-color: $color_yellow; + } + + .none{ + background-color: #F5F1E1; + } + + .buttonCheck{ + font-size: 24px; + } + + .box{ + overflow-y: scroll; + height: 250px; + } +} + + + +.plus{ + background: url('/assets/img/plus.png') 100% 100% no-repeat; + } + + .minus{ + background: url('/assets/img/minus.png') 0% no-repeat; + margin-right: auto !important; + margin-left: auto !important; + } \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618155530.scss b/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618155530.scss new file mode 100644 index 0000000..d516d4d --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618155530.scss @@ -0,0 +1,118 @@ +$color_yellow: #FED11E; + +.ingredients{ + text-align: center; + width: 82px; + height: 128px; + margin: 4px 1% 4px 10px; +} + .ul { + padding-top: 16px; + display: flex; + flex-wrap: wrap; + } + + @media (min-width: 640px) { + .ul { + padding-top: 8px; + flex-wrap: wrap; + } + } + + .onion{ + background: url('/assets/img/onion.png') 100% 100% no-repeat; + } + + .bacon{ + background: url('/assets/img/bacon.png') 100% 100% no-repeat; + } + + .cheese{ + background: url('/assets/img/cheese.png') 100% 100% no-repeat; + } + + .jalapeno{ + background: url('/assets/img/jalapeno.png') 100% 100% no-repeat; + } + + .mushroom{ + background: url('/assets/img/mushroom.png') 100% 100% no-repeat; + } + + .pickles{ + background: url('/assets/img/pickles.png') 100% 100% no-repeat; + } + + .pineapple{ + background: url('/assets/img/pineapple.png') 100% 100% no-repeat; + } + + .tomato{ + background: url('/assets/img/tomato.png') 100% 100% no-repeat; + } + + .ingredients_img{ + color: rgb(0, 0, 0); + height: 52px; + width: 52px; + margin: 0 auto; + border-radius: 50%; + background-color: #fff; + } + + .ingredients_text_box{ + border-radius: 30%; + height: 128px; + } + + .ingredients_name{ + color: rgb(0, 0, 0); + font-size: 12px; + } + + .ingredients_price{ + color: rgb(0, 0, 0); + font-size: 12px; + } + + .ingredients_button{ + display: inline-block; + -webkit-border-radius: 12px; + -moz-border-radius: 50%; + border-radius: 50%; + -khtml-border-radius: 50%;; + width: 28px; + height: 25px; + margin-top: 10px; + border: aliceblue; + } + + .yellow{ + background-color: $color_yellow; + } + + .none{ + background-color: #F5F1E1; + } + + .buttonCheck{ + font-size: 24px; + } + + .box{ + overflow-y: scroll; + height: 250px; + } + + + + +.plus{ + background: url('/assets/img/plus.png') 100% 100% no-repeat; + } + + .minus{ + background: url('/assets/img/minus.png') 0% no-repeat; + margin-right: auto !important; + margin-left: auto !important; + } \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618155544.scss b/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618155544.scss new file mode 100644 index 0000000..da91201 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618155544.scss @@ -0,0 +1,118 @@ +$color_yellow: #FED11E; + +.ingredients{ + text-align: center; + width: 82px; + height: 128px; + margin: 4px 1% 4px 10px; + + .ul { + padding-top: 16px; + display: flex; + flex-wrap: wrap; + } + + @media (min-width: 640px) { + .ul { + padding-top: 8px; + flex-wrap: wrap; + } + } + + .onion{ + background: url('/assets/img/onion.png') 100% 100% no-repeat; + } + + .bacon{ + background: url('/assets/img/bacon.png') 100% 100% no-repeat; + } + + .cheese{ + background: url('/assets/img/cheese.png') 100% 100% no-repeat; + } + + .jalapeno{ + background: url('/assets/img/jalapeno.png') 100% 100% no-repeat; + } + + .mushroom{ + background: url('/assets/img/mushroom.png') 100% 100% no-repeat; + } + + .pickles{ + background: url('/assets/img/pickles.png') 100% 100% no-repeat; + } + + .pineapple{ + background: url('/assets/img/pineapple.png') 100% 100% no-repeat; + } + + .tomato{ + background: url('/assets/img/tomato.png') 100% 100% no-repeat; + } + + .ingredients_img{ + color: rgb(0, 0, 0); + height: 52px; + width: 52px; + margin: 0 auto; + border-radius: 50%; + background-color: #fff; + } + + .ingredients_text_box{ + border-radius: 30%; + height: 128px; + } + + .ingredients_name{ + color: rgb(0, 0, 0); + font-size: 12px; + } + + .ingredients_price{ + color: rgb(0, 0, 0); + font-size: 12px; + } + + .ingredients_button{ + display: inline-block; + -webkit-border-radius: 12px; + -moz-border-radius: 50%; + border-radius: 50%; + -khtml-border-radius: 50%;; + width: 28px; + height: 25px; + margin-top: 10px; + border: aliceblue; + } + + .yellow{ + background-color: $color_yellow; + } + + .none{ + background-color: #F5F1E1; + } + + .buttonCheck{ + font-size: 24px; + } + + .box{ + overflow-y: scroll; + height: 250px; + } +} + + + +.plus{ + background: url('/assets/img/plus.png') 100% 100% no-repeat; + } + + .minus{ + background: url('/assets/img/minus.png') 0% no-repeat; + margin-right: auto !important; + margin-left: auto !important; + } \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618155709.scss b/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618155709.scss new file mode 100644 index 0000000..795d545 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618155709.scss @@ -0,0 +1,117 @@ +$color_yellow: #FED11E; + +.ingredients{ + text-align: center; + height: 128px; + margin: 4px 1% 4px 10px; + + .ul { + padding-top: 16px; + display: flex; + flex-wrap: wrap; + } + + @media (min-width: 640px) { + .ul { + padding-top: 8px; + flex-wrap: wrap; + } + } + + .onion{ + background: url('/assets/img/onion.png') 100% 100% no-repeat; + } + + .bacon{ + background: url('/assets/img/bacon.png') 100% 100% no-repeat; + } + + .cheese{ + background: url('/assets/img/cheese.png') 100% 100% no-repeat; + } + + .jalapeno{ + background: url('/assets/img/jalapeno.png') 100% 100% no-repeat; + } + + .mushroom{ + background: url('/assets/img/mushroom.png') 100% 100% no-repeat; + } + + .pickles{ + background: url('/assets/img/pickles.png') 100% 100% no-repeat; + } + + .pineapple{ + background: url('/assets/img/pineapple.png') 100% 100% no-repeat; + } + + .tomato{ + background: url('/assets/img/tomato.png') 100% 100% no-repeat; + } + + .ingredients_img{ + color: rgb(0, 0, 0); + height: 52px; + width: 52px; + margin: 0 auto; + border-radius: 50%; + background-color: #fff; + } + + .ingredients_text_box{ + border-radius: 30%; + height: 128px; + } + + .ingredients_name{ + color: rgb(0, 0, 0); + font-size: 12px; + } + + .ingredients_price{ + color: rgb(0, 0, 0); + font-size: 12px; + } + + .ingredients_button{ + display: inline-block; + -webkit-border-radius: 12px; + -moz-border-radius: 50%; + border-radius: 50%; + -khtml-border-radius: 50%;; + width: 28px; + height: 25px; + margin-top: 10px; + border: aliceblue; + } + + .yellow{ + background-color: $color_yellow; + } + + .none{ + background-color: #F5F1E1; + } + + .buttonCheck{ + font-size: 24px; + } + + .box{ + overflow-y: scroll; + height: 250px; + } +} + + + +.plus{ + background: url('/assets/img/plus.png') 100% 100% no-repeat; + } + + .minus{ + background: url('/assets/img/minus.png') 0% no-repeat; + margin-right: auto !important; + margin-left: auto !important; + } \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618155830.scss b/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618155830.scss new file mode 100644 index 0000000..1947054 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618155830.scss @@ -0,0 +1,114 @@ +$color_yellow: #FED11E; + +.ingredients{ + text-align: center; + height: 128px; + margin: 4px 1% 4px 10px; + + ul { + padding-top: 16px; + display: flex; + flex-wrap: wrap; + } + + @media (min-width: 640px) { + .ul { + padding-top: 8px; + flex-wrap: wrap; + } + } + + .onion{ + background: url('/assets/img/onion.png') 100% 100% no-repeat; + } + + .bacon{ + background: url('/assets/img/bacon.png') 100% 100% no-repeat; + } + + .cheese{ + background: url('/assets/img/cheese.png') 100% 100% no-repeat; + } + + .jalapeno{ + background: url('/assets/img/jalapeno.png') 100% 100% no-repeat; + } + + .mushroom{ + background: url('/assets/img/mushroom.png') 100% 100% no-repeat; + } + + .pickles{ + background: url('/assets/img/pickles.png') 100% 100% no-repeat; + } + + .pineapple{ + background: url('/assets/img/pineapple.png') 100% 100% no-repeat; + } + + .tomato{ + background: url('/assets/img/tomato.png') 100% 100% no-repeat; + } + + .ingredients_img{ + color: rgb(0, 0, 0); + height: 52px; + width: 52px; + margin: 0 auto; + border-radius: 50%; + background-color: #fff; + } + + .ingredients_text_box{ + border-radius: 30%; + height: 128px; + } + + .ingredients_name{ + color: rgb(0, 0, 0); + font-size: 12px; + } + + .ingredients_price{ + color: rgb(0, 0, 0); + font-size: 12px; + } + + .ingredients_button{ + display: inline-block; + -webkit-border-radius: 12px; + -moz-border-radius: 50%; + border-radius: 50%; + -khtml-border-radius: 50%;; + width: 28px; + height: 25px; + margin-top: 10px; + border: aliceblue; + } + + .yellow{ + background-color: $color_yellow; + } + + .none{ + background-color: #F5F1E1; + } + + .buttonCheck{ + font-size: 24px; + } + + +} + + + +.plus{ + background: url('/assets/img/plus.png') 100% 100% no-repeat; + } + + .minus{ + background: url('/assets/img/minus.png') 0% no-repeat; + margin-right: auto !important; + margin-left: auto !important; + } \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618155843.scss b/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618155843.scss new file mode 100644 index 0000000..9da486a --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618155843.scss @@ -0,0 +1,119 @@ +$color_yellow: #FED11E; + +.ingredients{ + text-align: center; + height: 128px; + margin: 4px 1% 4px 10px; + + ul { + padding-top: 16px; + display: flex; + flex-wrap: wrap; + + li { + overflow-y: scroll; + height: 250px; + } + } + + @media (min-width: 640px) { + .ul { + padding-top: 8px; + flex-wrap: wrap; + } + } + + .onion{ + background: url('/assets/img/onion.png') 100% 100% no-repeat; + } + + .bacon{ + background: url('/assets/img/bacon.png') 100% 100% no-repeat; + } + + .cheese{ + background: url('/assets/img/cheese.png') 100% 100% no-repeat; + } + + .jalapeno{ + background: url('/assets/img/jalapeno.png') 100% 100% no-repeat; + } + + .mushroom{ + background: url('/assets/img/mushroom.png') 100% 100% no-repeat; + } + + .pickles{ + background: url('/assets/img/pickles.png') 100% 100% no-repeat; + } + + .pineapple{ + background: url('/assets/img/pineapple.png') 100% 100% no-repeat; + } + + .tomato{ + background: url('/assets/img/tomato.png') 100% 100% no-repeat; + } + + .ingredients_img{ + color: rgb(0, 0, 0); + height: 52px; + width: 52px; + margin: 0 auto; + border-radius: 50%; + background-color: #fff; + } + + .ingredients_text_box{ + border-radius: 30%; + height: 128px; + } + + .ingredients_name{ + color: rgb(0, 0, 0); + font-size: 12px; + } + + .ingredients_price{ + color: rgb(0, 0, 0); + font-size: 12px; + } + + .ingredients_button{ + display: inline-block; + -webkit-border-radius: 12px; + -moz-border-radius: 50%; + border-radius: 50%; + -khtml-border-radius: 50%;; + width: 28px; + height: 25px; + margin-top: 10px; + border: aliceblue; + } + + .yellow{ + background-color: $color_yellow; + } + + .none{ + background-color: #F5F1E1; + } + + .buttonCheck{ + font-size: 24px; + } + + +} + + + +.plus{ + background: url('/assets/img/plus.png') 100% 100% no-repeat; + } + + .minus{ + background: url('/assets/img/minus.png') 0% no-repeat; + margin-right: auto !important; + margin-left: auto !important; + } \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618160025.scss b/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618160025.scss new file mode 100644 index 0000000..e68deeb --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618160025.scss @@ -0,0 +1,120 @@ +$color_yellow: #FED11E; + +.ingredients{ + text-align: center; + height: 128px; + margin: 4px 1% 4px 10px; + height: 250px; + + ul { + padding-top: 16px; + display: flex; + flex-wrap: wrap; + + li { + overflow-y: scroll; + + } + } + + @media (min-width: 640px) { + ul { + padding-top: 8px; + flex-wrap: wrap; + } + } + + .onion{ + background: url('/assets/img/onion.png') 100% 100% no-repeat; + } + + .bacon{ + background: url('/assets/img/bacon.png') 100% 100% no-repeat; + } + + .cheese{ + background: url('/assets/img/cheese.png') 100% 100% no-repeat; + } + + .jalapeno{ + background: url('/assets/img/jalapeno.png') 100% 100% no-repeat; + } + + .mushroom{ + background: url('/assets/img/mushroom.png') 100% 100% no-repeat; + } + + .pickles{ + background: url('/assets/img/pickles.png') 100% 100% no-repeat; + } + + .pineapple{ + background: url('/assets/img/pineapple.png') 100% 100% no-repeat; + } + + .tomato{ + background: url('/assets/img/tomato.png') 100% 100% no-repeat; + } + + .ingredients_img{ + color: rgb(0, 0, 0); + height: 52px; + width: 52px; + margin: 0 auto; + border-radius: 50%; + background-color: #fff; + } + + .ingredients_text_box{ + border-radius: 30%; + height: 128px; + } + + .ingredients_name{ + color: rgb(0, 0, 0); + font-size: 12px; + } + + .ingredients_price{ + color: rgb(0, 0, 0); + font-size: 12px; + } + + .ingredients_button{ + display: inline-block; + -webkit-border-radius: 12px; + -moz-border-radius: 50%; + border-radius: 50%; + -khtml-border-radius: 50%;; + width: 28px; + height: 25px; + margin-top: 10px; + border: aliceblue; + } + + .yellow{ + background-color: $color_yellow; + } + + .none{ + background-color: #F5F1E1; + } + + .buttonCheck{ + font-size: 24px; + } + + +} + + + +.plus{ + background: url('/assets/img/plus.png') 100% 100% no-repeat; + } + + .minus{ + background: url('/assets/img/minus.png') 0% no-repeat; + margin-right: auto !important; + margin-left: auto !important; + } \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618160033.scss b/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618160033.scss new file mode 100644 index 0000000..07e47ba --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618160033.scss @@ -0,0 +1,121 @@ +$color_yellow: #FED11E; + +.ingredients{ + text-align: center; + height: 128px; + margin: 4px 1% 4px 10px; + height: 250px; + overflow-y: scroll; + + ul { + padding-top: 16px; + display: flex; + flex-wrap: wrap; + + li { + + + } + } + + @media (min-width: 640px) { + ul { + padding-top: 8px; + flex-wrap: wrap; + } + } + + .onion{ + background: url('/assets/img/onion.png') 100% 100% no-repeat; + } + + .bacon{ + background: url('/assets/img/bacon.png') 100% 100% no-repeat; + } + + .cheese{ + background: url('/assets/img/cheese.png') 100% 100% no-repeat; + } + + .jalapeno{ + background: url('/assets/img/jalapeno.png') 100% 100% no-repeat; + } + + .mushroom{ + background: url('/assets/img/mushroom.png') 100% 100% no-repeat; + } + + .pickles{ + background: url('/assets/img/pickles.png') 100% 100% no-repeat; + } + + .pineapple{ + background: url('/assets/img/pineapple.png') 100% 100% no-repeat; + } + + .tomato{ + background: url('/assets/img/tomato.png') 100% 100% no-repeat; + } + + .ingredients_img{ + color: rgb(0, 0, 0); + height: 52px; + width: 52px; + margin: 0 auto; + border-radius: 50%; + background-color: #fff; + } + + .ingredients_text_box{ + border-radius: 30%; + height: 128px; + } + + .ingredients_name{ + color: rgb(0, 0, 0); + font-size: 12px; + } + + .ingredients_price{ + color: rgb(0, 0, 0); + font-size: 12px; + } + + .ingredients_button{ + display: inline-block; + -webkit-border-radius: 12px; + -moz-border-radius: 50%; + border-radius: 50%; + -khtml-border-radius: 50%;; + width: 28px; + height: 25px; + margin-top: 10px; + border: aliceblue; + } + + .yellow{ + background-color: $color_yellow; + } + + .none{ + background-color: #F5F1E1; + } + + .buttonCheck{ + font-size: 24px; + } + + +} + + + +.plus{ + background: url('/assets/img/plus.png') 100% 100% no-repeat; + } + + .minus{ + background: url('/assets/img/minus.png') 0% no-repeat; + margin-right: auto !important; + margin-left: auto !important; + } \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618160127.scss b/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618160127.scss new file mode 100644 index 0000000..8918e45 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618160127.scss @@ -0,0 +1,116 @@ +$color_yellow: #FED11E; + +.ingredients{ + text-align: center; + height: 128px; + margin: 4px 1% 4px 10px; + height: 250px; + overflow-y: scroll; + + ul { + padding-top: 16px; + display: flex; + flex-wrap: wrap; + } + + @media (min-width: 640px) { + ul { + padding-top: 8px; + flex-wrap: wrap; + } + } + + .onion{ + background: url('/assets/img/onion.png') 100% 100% no-repeat; + } + + .bacon{ + background: url('/assets/img/bacon.png') 100% 100% no-repeat; + } + + .cheese{ + background: url('/assets/img/cheese.png') 100% 100% no-repeat; + } + + .jalapeno{ + background: url('/assets/img/jalapeno.png') 100% 100% no-repeat; + } + + .mushroom{ + background: url('/assets/img/mushroom.png') 100% 100% no-repeat; + } + + .pickles{ + background: url('/assets/img/pickles.png') 100% 100% no-repeat; + } + + .pineapple{ + background: url('/assets/img/pineapple.png') 100% 100% no-repeat; + } + + .tomato{ + background: url('/assets/img/tomato.png') 100% 100% no-repeat; + } + + .ingredients_img{ + color: rgb(0, 0, 0); + height: 52px; + width: 52px; + margin: 0 auto; + border-radius: 50%; + background-color: #fff; + } + + .ingredients_text_box{ + border-radius: 30%; + height: 128px; + } + + .ingredients_name{ + color: rgb(0, 0, 0); + font-size: 12px; + } + + .ingredients_price{ + color: rgb(0, 0, 0); + font-size: 12px; + } + + .ingredients_button{ + display: inline-block; + -webkit-border-radius: 12px; + -moz-border-radius: 50%; + border-radius: 50%; + -khtml-border-radius: 50%;; + width: 28px; + height: 25px; + margin-top: 10px; + border: aliceblue; + } + + .yellow{ + background-color: $color_yellow; + } + + .none{ + background-color: #F5F1E1; + } + + .buttonCheck{ + font-size: 24px; + } + + +} + + + +.plus{ + background: url('/assets/img/plus.png') 100% 100% no-repeat; + } + + .minus{ + background: url('/assets/img/minus.png') 0% no-repeat; + margin-right: auto !important; + margin-left: auto !important; + } \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618160228.scss b/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618160228.scss new file mode 100644 index 0000000..01e4677 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618160228.scss @@ -0,0 +1,117 @@ +$color_yellow: #FED11E; + +.ingredients{ + text-align: center; + height: 128px; + margin: 4px 1% 4px 10px; + height: 250px; + overflow-y: scroll; + list-style-type: none; + + ul { + padding-top: 16px; + display: flex; + flex-wrap: wrap; + } + + @media (min-width: 640px) { + ul { + padding-top: 8px; + flex-wrap: wrap; + } + } + + .onion{ + background: url('/assets/img/onion.png') 100% 100% no-repeat; + } + + .bacon{ + background: url('/assets/img/bacon.png') 100% 100% no-repeat; + } + + .cheese{ + background: url('/assets/img/cheese.png') 100% 100% no-repeat; + } + + .jalapeno{ + background: url('/assets/img/jalapeno.png') 100% 100% no-repeat; + } + + .mushroom{ + background: url('/assets/img/mushroom.png') 100% 100% no-repeat; + } + + .pickles{ + background: url('/assets/img/pickles.png') 100% 100% no-repeat; + } + + .pineapple{ + background: url('/assets/img/pineapple.png') 100% 100% no-repeat; + } + + .tomato{ + background: url('/assets/img/tomato.png') 100% 100% no-repeat; + } + + .ingredients_img{ + color: rgb(0, 0, 0); + height: 52px; + width: 52px; + margin: 0 auto; + border-radius: 50%; + background-color: #fff; + } + + .ingredients_text_box{ + border-radius: 30%; + height: 128px; + } + + .ingredients_name{ + color: rgb(0, 0, 0); + font-size: 12px; + } + + .ingredients_price{ + color: rgb(0, 0, 0); + font-size: 12px; + } + + .ingredients_button{ + display: inline-block; + -webkit-border-radius: 12px; + -moz-border-radius: 50%; + border-radius: 50%; + -khtml-border-radius: 50%;; + width: 28px; + height: 25px; + margin-top: 10px; + border: aliceblue; + } + + .yellow{ + background-color: $color_yellow; + } + + .none{ + background-color: #F5F1E1; + } + + .buttonCheck{ + font-size: 24px; + } + + +} + + + +.plus{ + background: url('/assets/img/plus.png') 100% 100% no-repeat; + } + + .minus{ + background: url('/assets/img/minus.png') 0% no-repeat; + margin-right: auto !important; + margin-left: auto !important; + } \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618160242.scss b/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618160242.scss new file mode 100644 index 0000000..bdc65f0 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618160242.scss @@ -0,0 +1,120 @@ +$color_yellow: #FED11E; + +.ingredients{ + text-align: center; + height: 128px; + margin: 4px 1% 4px 10px; + height: 250px; + overflow-y: scroll; + list-style-type: none; + + ul { + padding-top: 16px; + display: flex; + flex-wrap: wrap; + } + li { + list-style-type: none; + } + + @media (min-width: 640px) { + ul { + padding-top: 8px; + flex-wrap: wrap; + } + } + + .onion{ + background: url('/assets/img/onion.png') 100% 100% no-repeat; + } + + .bacon{ + background: url('/assets/img/bacon.png') 100% 100% no-repeat; + } + + .cheese{ + background: url('/assets/img/cheese.png') 100% 100% no-repeat; + } + + .jalapeno{ + background: url('/assets/img/jalapeno.png') 100% 100% no-repeat; + } + + .mushroom{ + background: url('/assets/img/mushroom.png') 100% 100% no-repeat; + } + + .pickles{ + background: url('/assets/img/pickles.png') 100% 100% no-repeat; + } + + .pineapple{ + background: url('/assets/img/pineapple.png') 100% 100% no-repeat; + } + + .tomato{ + background: url('/assets/img/tomato.png') 100% 100% no-repeat; + } + + .ingredients_img{ + color: rgb(0, 0, 0); + height: 52px; + width: 52px; + margin: 0 auto; + border-radius: 50%; + background-color: #fff; + } + + .ingredients_text_box{ + border-radius: 30%; + height: 128px; + } + + .ingredients_name{ + color: rgb(0, 0, 0); + font-size: 12px; + } + + .ingredients_price{ + color: rgb(0, 0, 0); + font-size: 12px; + } + + .ingredients_button{ + display: inline-block; + -webkit-border-radius: 12px; + -moz-border-radius: 50%; + border-radius: 50%; + -khtml-border-radius: 50%;; + width: 28px; + height: 25px; + margin-top: 10px; + border: aliceblue; + } + + .yellow{ + background-color: $color_yellow; + } + + .none{ + background-color: #F5F1E1; + } + + .buttonCheck{ + font-size: 24px; + } + + +} + + + +.plus{ + background: url('/assets/img/plus.png') 100% 100% no-repeat; + } + + .minus{ + background: url('/assets/img/minus.png') 0% no-repeat; + margin-right: auto !important; + margin-left: auto !important; + } \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618160302.scss b/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618160302.scss new file mode 100644 index 0000000..7dcf88d --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618160302.scss @@ -0,0 +1,120 @@ +$color_yellow: #FED11E; + +.ingredients{ + text-align: center; + height: 128px; + margin: 4px 1% 4px 10px; + height: 250px; + overflow-y: scroll; + + ul { + padding-top: 16px; + display: flex; + flex-wrap: wrap; + } + + li { + list-style-type: none; + } + + @media (min-width: 640px) { + ul { + padding-top: 8px; + flex-wrap: wrap; + } + } + + .onion{ + background: url('/assets/img/onion.png') 100% 100% no-repeat; + } + + .bacon{ + background: url('/assets/img/bacon.png') 100% 100% no-repeat; + } + + .cheese{ + background: url('/assets/img/cheese.png') 100% 100% no-repeat; + } + + .jalapeno{ + background: url('/assets/img/jalapeno.png') 100% 100% no-repeat; + } + + .mushroom{ + background: url('/assets/img/mushroom.png') 100% 100% no-repeat; + } + + .pickles{ + background: url('/assets/img/pickles.png') 100% 100% no-repeat; + } + + .pineapple{ + background: url('/assets/img/pineapple.png') 100% 100% no-repeat; + } + + .tomato{ + background: url('/assets/img/tomato.png') 100% 100% no-repeat; + } + + .ingredients_img{ + color: rgb(0, 0, 0); + height: 52px; + width: 52px; + margin: 0 auto; + border-radius: 50%; + background-color: #fff; + } + + .ingredients_text_box{ + border-radius: 30%; + height: 128px; + } + + .ingredients_name{ + color: rgb(0, 0, 0); + font-size: 12px; + } + + .ingredients_price{ + color: rgb(0, 0, 0); + font-size: 12px; + } + + .ingredients_button{ + display: inline-block; + -webkit-border-radius: 12px; + -moz-border-radius: 50%; + border-radius: 50%; + -khtml-border-radius: 50%;; + width: 28px; + height: 25px; + margin-top: 10px; + border: aliceblue; + } + + .yellow{ + background-color: $color_yellow; + } + + .none{ + background-color: #F5F1E1; + } + + .buttonCheck{ + font-size: 24px; + } + + +} + + + +.plus{ + background: url('/assets/img/plus.png') 100% 100% no-repeat; + } + + .minus{ + background: url('/assets/img/minus.png') 0% no-repeat; + margin-right: auto !important; + margin-left: auto !important; + } \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618160459.scss b/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618160459.scss new file mode 100644 index 0000000..6aecbf6 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618160459.scss @@ -0,0 +1,118 @@ +$color_yellow: #FED11E; + +.ingredients{ + text-align: center; + height: 250px; + overflow-y: scroll; + + ul { + padding-top: 16px; + display: flex; + flex-wrap: wrap; + } + + li { + list-style-type: none; + } + + @media (min-width: 640px) { + ul { + padding-top: 8px; + flex-wrap: wrap; + } + } + + .onion{ + background: url('/assets/img/onion.png') 100% 100% no-repeat; + } + + .bacon{ + background: url('/assets/img/bacon.png') 100% 100% no-repeat; + } + + .cheese{ + background: url('/assets/img/cheese.png') 100% 100% no-repeat; + } + + .jalapeno{ + background: url('/assets/img/jalapeno.png') 100% 100% no-repeat; + } + + .mushroom{ + background: url('/assets/img/mushroom.png') 100% 100% no-repeat; + } + + .pickles{ + background: url('/assets/img/pickles.png') 100% 100% no-repeat; + } + + .pineapple{ + background: url('/assets/img/pineapple.png') 100% 100% no-repeat; + } + + .tomato{ + background: url('/assets/img/tomato.png') 100% 100% no-repeat; + } + + .ingredients_img{ + color: rgb(0, 0, 0); + height: 52px; + width: 52px; + margin: 0 auto; + border-radius: 50%; + background-color: #fff; + } + + .ingredients_text_box{ + border-radius: 30%; + height: 128px; + } + + .ingredients_name{ + color: rgb(0, 0, 0); + font-size: 12px; + } + + .ingredients_price{ + color: rgb(0, 0, 0); + font-size: 12px; + } + + .ingredients_button{ + display: inline-block; + -webkit-border-radius: 12px; + -moz-border-radius: 50%; + border-radius: 50%; + -khtml-border-radius: 50%;; + width: 28px; + height: 25px; + margin-top: 10px; + border: aliceblue; + } + + .yellow{ + background-color: $color_yellow; + } + + .none{ + background-color: #F5F1E1; + } + + .buttonCheck{ + font-size: 24px; + } + + +} + + + +.plus{ + background: url('/assets/img/plus.png') 100% 100% no-repeat; + } + + .minus{ + background: url('/assets/img/minus.png') 0% no-repeat; + margin-right: auto !important; + margin-left: auto !important; + } \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618160509.scss b/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618160509.scss new file mode 100644 index 0000000..f1d8f8f --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618160509.scss @@ -0,0 +1,119 @@ +$color_yellow: #FED11E; + +.ingredients{ + text-align: center; + height: 250px; + overflow-y: scroll; + + ul { + padding-top: 16px; + display: flex; + flex-wrap: wrap; + } + + li { + list-style-type: none; + margin: 5px; + } + + @media (min-width: 640px) { + ul { + padding-top: 8px; + flex-wrap: wrap; + } + } + + .onion{ + background: url('/assets/img/onion.png') 100% 100% no-repeat; + } + + .bacon{ + background: url('/assets/img/bacon.png') 100% 100% no-repeat; + } + + .cheese{ + background: url('/assets/img/cheese.png') 100% 100% no-repeat; + } + + .jalapeno{ + background: url('/assets/img/jalapeno.png') 100% 100% no-repeat; + } + + .mushroom{ + background: url('/assets/img/mushroom.png') 100% 100% no-repeat; + } + + .pickles{ + background: url('/assets/img/pickles.png') 100% 100% no-repeat; + } + + .pineapple{ + background: url('/assets/img/pineapple.png') 100% 100% no-repeat; + } + + .tomato{ + background: url('/assets/img/tomato.png') 100% 100% no-repeat; + } + + .ingredients_img{ + color: rgb(0, 0, 0); + height: 52px; + width: 52px; + margin: 0 auto; + border-radius: 50%; + background-color: #fff; + } + + .ingredients_text_box{ + border-radius: 30%; + height: 128px; + } + + .ingredients_name{ + color: rgb(0, 0, 0); + font-size: 12px; + } + + .ingredients_price{ + color: rgb(0, 0, 0); + font-size: 12px; + } + + .ingredients_button{ + display: inline-block; + -webkit-border-radius: 12px; + -moz-border-radius: 50%; + border-radius: 50%; + -khtml-border-radius: 50%;; + width: 28px; + height: 25px; + margin-top: 10px; + border: aliceblue; + } + + .yellow{ + background-color: $color_yellow; + } + + .none{ + background-color: #F5F1E1; + } + + .buttonCheck{ + font-size: 24px; + } + + +} + + + +.plus{ + background: url('/assets/img/plus.png') 100% 100% no-repeat; + } + + .minus{ + background: url('/assets/img/minus.png') 0% no-repeat; + margin-right: auto !important; + margin-left: auto !important; + } \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618160623.scss b/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618160623.scss new file mode 100644 index 0000000..183e487 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618160623.scss @@ -0,0 +1,119 @@ +$color_yellow: #FED11E; + +.ingredients{ + text-align: center; + height: 250px; + overflow-y: scroll; + + .ul { + padding-top: 16px; + display: flex; + flex-wrap: wrap; + } + + .li { + list-style-type: none; + margin: 5px; + } + + @media (min-width: 640px) { + ul { + padding-top: 8px; + flex-wrap: wrap; + } + } + + .onion{ + background: url('/assets/img/onion.png') 100% 100% no-repeat; + } + + .bacon{ + background: url('/assets/img/bacon.png') 100% 100% no-repeat; + } + + .cheese{ + background: url('/assets/img/cheese.png') 100% 100% no-repeat; + } + + .jalapeno{ + background: url('/assets/img/jalapeno.png') 100% 100% no-repeat; + } + + .mushroom{ + background: url('/assets/img/mushroom.png') 100% 100% no-repeat; + } + + .pickles{ + background: url('/assets/img/pickles.png') 100% 100% no-repeat; + } + + .pineapple{ + background: url('/assets/img/pineapple.png') 100% 100% no-repeat; + } + + .tomato{ + background: url('/assets/img/tomato.png') 100% 100% no-repeat; + } + + .ingredients_img{ + color: rgb(0, 0, 0); + height: 52px; + width: 52px; + margin: 0 auto; + border-radius: 50%; + background-color: #fff; + } + + .ingredients_text_box{ + border-radius: 30%; + height: 128px; + } + + .ingredients_name{ + color: rgb(0, 0, 0); + font-size: 12px; + } + + .ingredients_price{ + color: rgb(0, 0, 0); + font-size: 12px; + } + + .ingredients_button{ + display: inline-block; + -webkit-border-radius: 12px; + -moz-border-radius: 50%; + border-radius: 50%; + -khtml-border-radius: 50%;; + width: 28px; + height: 25px; + margin-top: 10px; + border: aliceblue; + } + + .yellow{ + background-color: $color_yellow; + } + + .none{ + background-color: #F5F1E1; + } + + .buttonCheck{ + font-size: 24px; + } + + +} + + + +.plus{ + background: url('/assets/img/plus.png') 100% 100% no-repeat; + } + + .minus{ + background: url('/assets/img/minus.png') 0% no-repeat; + margin-right: auto !important; + margin-left: auto !important; + } \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618160815.scss b/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618160815.scss new file mode 100644 index 0000000..26e7394 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618160815.scss @@ -0,0 +1,123 @@ +$color_yellow: #FED11E; + +.ingredients{ + text-align: center; + height: 250px; + overflow-y: scroll; + + @media (min-width: 640px) { + ul { + padding-top: 8px; + flex-wrap: wrap; + } + } + + .ul { + padding-top: 16px; + display: flex; + flex-wrap: wrap; + } + + .li { + list-style-type: none; + margin: 5px; + + .text_box{ + border-radius: 30%; + height: 128px; + } + } + + + + .onion{ + background: url('/assets/img/onion.png') 100% 100% no-repeat; + } + + .bacon{ + background: url('/assets/img/bacon.png') 100% 100% no-repeat; + } + + .cheese{ + background: url('/assets/img/cheese.png') 100% 100% no-repeat; + } + + .jalapeno{ + background: url('/assets/img/jalapeno.png') 100% 100% no-repeat; + } + + .mushroom{ + background: url('/assets/img/mushroom.png') 100% 100% no-repeat; + } + + .pickles{ + background: url('/assets/img/pickles.png') 100% 100% no-repeat; + } + + .pineapple{ + background: url('/assets/img/pineapple.png') 100% 100% no-repeat; + } + + .tomato{ + background: url('/assets/img/tomato.png') 100% 100% no-repeat; + } + + .ingredients_img{ + color: rgb(0, 0, 0); + height: 52px; + width: 52px; + margin: 0 auto; + border-radius: 50%; + background-color: #fff; + } + + + + .ingredients_name{ + color: rgb(0, 0, 0); + font-size: 12px; + } + + .ingredients_price{ + color: rgb(0, 0, 0); + font-size: 12px; + } + + .ingredients_button{ + display: inline-block; + -webkit-border-radius: 12px; + -moz-border-radius: 50%; + border-radius: 50%; + -khtml-border-radius: 50%;; + width: 28px; + height: 25px; + margin-top: 10px; + border: aliceblue; + } + + .yellow{ + background-color: $color_yellow; + } + + .none{ + background-color: #F5F1E1; + } + + .buttonCheck{ + font-size: 24px; + } + + +} + + + +.plus{ + background: url('/assets/img/plus.png') 100% 100% no-repeat; + } + + .minus{ + background: url('/assets/img/minus.png') 0% no-repeat; + margin-right: auto !important; + margin-left: auto !important; + } \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618161039.scss b/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618161039.scss new file mode 100644 index 0000000..e6b5c50 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618161039.scss @@ -0,0 +1,130 @@ +$color_yellow: #FED11E; +$color_none: #dad9d8; + +.ingredients{ + text-align: center; + height: 250px; + overflow-y: scroll; + + @media (min-width: 640px) { + ul { + padding-top: 8px; + flex-wrap: wrap; + } + } + + .ul { + padding-top: 16px; + display: flex; + flex-wrap: wrap; + } + + .li { + list-style-type: none; + margin: 5px; + + .text_box{ + border-radius: 30%; + height: 128px; + } + + .none{ + background-color: $color_none; + height: 32px; + padding: 5px 15px 5px 15px; + } + } + + + + .onion{ + background: url('/assets/img/onion.png') 100% 100% no-repeat; + } + + .bacon{ + background: url('/assets/img/bacon.png') 100% 100% no-repeat; + } + + .cheese{ + background: url('/assets/img/cheese.png') 100% 100% no-repeat; + } + + .jalapeno{ + background: url('/assets/img/jalapeno.png') 100% 100% no-repeat; + } + + .mushroom{ + background: url('/assets/img/mushroom.png') 100% 100% no-repeat; + } + + .pickles{ + background: url('/assets/img/pickles.png') 100% 100% no-repeat; + } + + .pineapple{ + background: url('/assets/img/pineapple.png') 100% 100% no-repeat; + } + + .tomato{ + background: url('/assets/img/tomato.png') 100% 100% no-repeat; + } + + .ingredients_img{ + color: rgb(0, 0, 0); + height: 52px; + width: 52px; + margin: 0 auto; + border-radius: 50%; + background-color: #fff; + } + + + + .ingredients_name{ + color: rgb(0, 0, 0); + font-size: 12px; + } + + .ingredients_price{ + color: rgb(0, 0, 0); + font-size: 12px; + } + + .ingredients_button{ + display: inline-block; + -webkit-border-radius: 12px; + -moz-border-radius: 50%; + border-radius: 50%; + -khtml-border-radius: 50%;; + width: 28px; + height: 25px; + margin-top: 10px; + border: aliceblue; + } + + .yellow{ + background-color: $color_yellow; + } + + .none{ + background-color: #F5F1E1; + } + + .buttonCheck{ + font-size: 24px; + } + + +} + + + +.plus{ + background: url('/assets/img/plus.png') 100% 100% no-repeat; + } + + .minus{ + background: url('/assets/img/minus.png') 0% no-repeat; + margin-right: auto !important; + margin-left: auto !important; + } \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618161210.scss b/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618161210.scss new file mode 100644 index 0000000..9cca5be --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618161210.scss @@ -0,0 +1,128 @@ +$color_yellow: #FED11E; +$color_none: #dad9d8; + +.ingredients{ + text-align: center; + height: 250px; + overflow-y: scroll; + + @media (min-width: 640px) { + ul { + padding-top: 8px; + flex-wrap: wrap; + } + } + + .ul { + padding-top: 16px; + display: flex; + flex-wrap: wrap; + } + + .li { + list-style-type: none; + margin: 5px; + + .text_box{ + border-radius: 30%; + height: 128px; + } + + .none { + background-color: $color_none; + } + } + + + + .onion{ + background: url('/assets/img/onion.png') 100% 100% no-repeat; + } + + .bacon{ + background: url('/assets/img/bacon.png') 100% 100% no-repeat; + } + + .cheese{ + background: url('/assets/img/cheese.png') 100% 100% no-repeat; + } + + .jalapeno{ + background: url('/assets/img/jalapeno.png') 100% 100% no-repeat; + } + + .mushroom{ + background: url('/assets/img/mushroom.png') 100% 100% no-repeat; + } + + .pickles{ + background: url('/assets/img/pickles.png') 100% 100% no-repeat; + } + + .pineapple{ + background: url('/assets/img/pineapple.png') 100% 100% no-repeat; + } + + .tomato{ + background: url('/assets/img/tomato.png') 100% 100% no-repeat; + } + + .ingredients_img{ + color: rgb(0, 0, 0); + height: 52px; + width: 52px; + margin: 0 auto; + border-radius: 50%; + background-color: #fff; + } + + + + .ingredients_name{ + color: rgb(0, 0, 0); + font-size: 12px; + } + + .ingredients_price{ + color: rgb(0, 0, 0); + font-size: 12px; + } + + .ingredients_button{ + display: inline-block; + -webkit-border-radius: 12px; + -moz-border-radius: 50%; + border-radius: 50%; + -khtml-border-radius: 50%;; + width: 28px; + height: 25px; + margin-top: 10px; + border: aliceblue; + } + + .yellow{ + background-color: $color_yellow; + } + + .none{ + background-color: #F5F1E1; + } + + .buttonCheck{ + font-size: 24px; + } + + +} + + + +.plus{ + background: url('/assets/img/plus.png') 100% 100% no-repeat; + } + + .minus{ + background: url('/assets/img/minus.png') 0% no-repeat; + margin-right: auto !important; + margin-left: auto !important; + } \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618161253.scss b/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618161253.scss new file mode 100644 index 0000000..4cff740 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618161253.scss @@ -0,0 +1,134 @@ +$color_yellow: #FED11E; +$color_none: #dad9d8; + +.ingredients{ + text-align: center; + height: 250px; + overflow-y: scroll; + + @media (min-width: 640px) { + ul { + padding-top: 8px; + flex-wrap: wrap; + } + } + + .ul { + padding-top: 16px; + display: flex; + flex-wrap: wrap; + } + + .li { + list-style-type: none; + margin: 5px; + + .text_box{ + border-radius: 30%; + height: 128px; + } + + .none { + background-color: $color_none; + padding: 5px 15px 5px 15px; + } + + .yellow{ + background-color: $color_yellow; + padding: 5px 15px 5px 15px; + } + } + + + + .onion{ + background: url('/assets/img/onion.png') 100% 100% no-repeat; + } + + .bacon{ + background: url('/assets/img/bacon.png') 100% 100% no-repeat; + } + + .cheese{ + background: url('/assets/img/cheese.png') 100% 100% no-repeat; + } + + .jalapeno{ + background: url('/assets/img/jalapeno.png') 100% 100% no-repeat; + } + + .mushroom{ + background: url('/assets/img/mushroom.png') 100% 100% no-repeat; + } + + .pickles{ + background: url('/assets/img/pickles.png') 100% 100% no-repeat; + } + + .pineapple{ + background: url('/assets/img/pineapple.png') 100% 100% no-repeat; + } + + .tomato{ + background: url('/assets/img/tomato.png') 100% 100% no-repeat; + } + + .ingredients_img{ + color: rgb(0, 0, 0); + height: 52px; + width: 52px; + margin: 0 auto; + border-radius: 50%; + background-color: #fff; + } + + + + .ingredients_name{ + color: rgb(0, 0, 0); + font-size: 12px; + } + + .ingredients_price{ + color: rgb(0, 0, 0); + font-size: 12px; + } + + .ingredients_button{ + display: inline-block; + -webkit-border-radius: 12px; + -moz-border-radius: 50%; + border-radius: 50%; + -khtml-border-radius: 50%;; + width: 28px; + height: 25px; + margin-top: 10px; + border: aliceblue; + } + + .yellow{ + background-color: $color_yellow; + } + + .none{ + background-color: #F5F1E1; + } + + .buttonCheck{ + font-size: 24px; + } + + +} + + + +.plus{ + background: url('/assets/img/plus.png') 100% 100% no-repeat; + } + + .minus{ + background: url('/assets/img/minus.png') 0% no-repeat; + margin-right: auto !important; + margin-left: auto !important; + } \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618161334.scss b/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618161334.scss new file mode 100644 index 0000000..5f3bbda --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618161334.scss @@ -0,0 +1,136 @@ +$color_yellow: #FED11E; +$color_none: #dad9d8; + +.ingredients{ + text-align: center; + height: 250px; + overflow-y: scroll; + + @media (min-width: 640px) { + ul { + padding-top: 8px; + flex-wrap: wrap; + } + } + + .ul { + padding-top: 16px; + display: flex; + flex-wrap: wrap; + } + + .li { + list-style-type: none; + margin: 5px; + + .text_box{ + border-radius: 30%; + height: 128px; + } + + .none { + background-color: $color_none; + padding: 5px 15px 5px 15px; + } + + .yellow{ + background-color: $color_yellow; + padding: 5px 15px 5px 15px; + } + + .img { + color: rgb(0, 0, 0); + height: 52px; + width: 52px; + margin: 0 auto; + border-radius: 50%; + background-color: #fff; + } + } + + + + .onion{ + background: url('/assets/img/onion.png') 100% 100% no-repeat; + } + + .bacon{ + background: url('/assets/img/bacon.png') 100% 100% no-repeat; + } + + .cheese{ + background: url('/assets/img/cheese.png') 100% 100% no-repeat; + } + + .jalapeno{ + background: url('/assets/img/jalapeno.png') 100% 100% no-repeat; + } + + .mushroom{ + background: url('/assets/img/mushroom.png') 100% 100% no-repeat; + } + + .pickles{ + background: url('/assets/img/pickles.png') 100% 100% no-repeat; + } + + .pineapple{ + background: url('/assets/img/pineapple.png') 100% 100% no-repeat; + } + + .tomato{ + background: url('/assets/img/tomato.png') 100% 100% no-repeat; + } + + + + + + .ingredients_name{ + color: rgb(0, 0, 0); + font-size: 12px; + } + + .ingredients_price{ + color: rgb(0, 0, 0); + font-size: 12px; + } + + .ingredients_button{ + display: inline-block; + -webkit-border-radius: 12px; + -moz-border-radius: 50%; + border-radius: 50%; + -khtml-border-radius: 50%;; + width: 28px; + height: 25px; + margin-top: 10px; + border: aliceblue; + } + + .yellow{ + background-color: $color_yellow; + } + + .none{ + background-color: #F5F1E1; + } + + .buttonCheck{ + font-size: 24px; + } + + +} + + + +.plus{ + background: url('/assets/img/plus.png') 100% 100% no-repeat; + } + + .minus{ + background: url('/assets/img/minus.png') 0% no-repeat; + margin-right: auto !important; + margin-left: auto !important; + } \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618161600.scss b/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618161600.scss new file mode 100644 index 0000000..2c4eca6 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618161600.scss @@ -0,0 +1,136 @@ +$color_yellow: #FED11E; +$color_none: #dad9d8; + +.ingredients{ + text-align: center; + height: 250px; + overflow-y: scroll; + + @media (min-width: 640px) { + ul { + padding-top: 8px; + flex-wrap: wrap; + } + } + + .ul { + padding-top: 16px; + display: flex; + flex-wrap: wrap; + } + + .li { + list-style-type: none; + margin: 5px; + + .text_box{ + border-radius: 30%; + height: 128px; + } + + &.none { + background-color: $color_none; + padding: 5px 15px 5px 15px; + } + + &.yellow{ + background-color: $color_yellow; + padding: 5px 15px 5px 15px; + } + + .img { + color: rgb(0, 0, 0); + height: 52px; + width: 52px; + margin: 0 auto; + border-radius: 50%; + background-color: #fff; + } + } + + + + .onion{ + background: url('/assets/img/onion.png') 100% 100% no-repeat; + } + + .bacon{ + background: url('/assets/img/bacon.png') 100% 100% no-repeat; + } + + .cheese{ + background: url('/assets/img/cheese.png') 100% 100% no-repeat; + } + + .jalapeno{ + background: url('/assets/img/jalapeno.png') 100% 100% no-repeat; + } + + .mushroom{ + background: url('/assets/img/mushroom.png') 100% 100% no-repeat; + } + + .pickles{ + background: url('/assets/img/pickles.png') 100% 100% no-repeat; + } + + .pineapple{ + background: url('/assets/img/pineapple.png') 100% 100% no-repeat; + } + + .tomato{ + background: url('/assets/img/tomato.png') 100% 100% no-repeat; + } + + + + + + .ingredients_name{ + color: rgb(0, 0, 0); + font-size: 12px; + } + + .ingredients_price{ + color: rgb(0, 0, 0); + font-size: 12px; + } + + .ingredients_button{ + display: inline-block; + -webkit-border-radius: 12px; + -moz-border-radius: 50%; + border-radius: 50%; + -khtml-border-radius: 50%;; + width: 28px; + height: 25px; + margin-top: 10px; + border: aliceblue; + } + + .yellow{ + background-color: $color_yellow; + } + + .none{ + background-color: #F5F1E1; + } + + .buttonCheck{ + font-size: 24px; + } + + +} + + + +.plus{ + background: url('/assets/img/plus.png') 100% 100% no-repeat; + } + + .minus{ + background: url('/assets/img/minus.png') 0% no-repeat; + margin-right: auto !important; + margin-left: auto !important; + } \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618161655.scss b/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618161655.scss new file mode 100644 index 0000000..bae7628 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618161655.scss @@ -0,0 +1,136 @@ +$color_yellow: #FED11E; +$color_none: #dad9d8; + +.ingredients{ + text-align: center; + height: 250px; + overflow-y: scroll; + + @media (min-width: 640px) { + ul { + padding-top: 8px; + flex-wrap: wrap; + } + } + + .ul { + padding-top: 16px; + display: flex; + flex-wrap: wrap; + } + + .li { + list-style-type: none; + margin: 5px; + + .text_box{ + border-radius: 30%; + height: 128px; + } + + &.none { + background-color: $color_none; + padding: 5px 15px 5px 15px; + } + + &_yellow{ + background-color: $color_yellow; + padding: 5px 15px 5px 15px; + } + + .img { + color: rgb(0, 0, 0); + height: 52px; + width: 52px; + margin: 0 auto; + border-radius: 50%; + background-color: #fff; + } + } + + + + .onion{ + background: url('/assets/img/onion.png') 100% 100% no-repeat; + } + + .bacon{ + background: url('/assets/img/bacon.png') 100% 100% no-repeat; + } + + .cheese{ + background: url('/assets/img/cheese.png') 100% 100% no-repeat; + } + + .jalapeno{ + background: url('/assets/img/jalapeno.png') 100% 100% no-repeat; + } + + .mushroom{ + background: url('/assets/img/mushroom.png') 100% 100% no-repeat; + } + + .pickles{ + background: url('/assets/img/pickles.png') 100% 100% no-repeat; + } + + .pineapple{ + background: url('/assets/img/pineapple.png') 100% 100% no-repeat; + } + + .tomato{ + background: url('/assets/img/tomato.png') 100% 100% no-repeat; + } + + + + + + .ingredients_name{ + color: rgb(0, 0, 0); + font-size: 12px; + } + + .ingredients_price{ + color: rgb(0, 0, 0); + font-size: 12px; + } + + .ingredients_button{ + display: inline-block; + -webkit-border-radius: 12px; + -moz-border-radius: 50%; + border-radius: 50%; + -khtml-border-radius: 50%;; + width: 28px; + height: 25px; + margin-top: 10px; + border: aliceblue; + } + + .yellow{ + background-color: $color_yellow; + } + + .none{ + background-color: #F5F1E1; + } + + .buttonCheck{ + font-size: 24px; + } + + +} + + + +.plus{ + background: url('/assets/img/plus.png') 100% 100% no-repeat; + } + + .minus{ + background: url('/assets/img/minus.png') 0% no-repeat; + margin-right: auto !important; + margin-left: auto !important; + } \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618161714.scss b/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618161714.scss new file mode 100644 index 0000000..12e7c7e --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618161714.scss @@ -0,0 +1,136 @@ +$color_yellow: #FED11E; +$color_none: #dad9d8; + +.ingredients{ + text-align: center; + height: 250px; + overflow-y: scroll; + + @media (min-width: 640px) { + ul { + padding-top: 8px; + flex-wrap: wrap; + } + } + + .ul { + padding-top: 16px; + display: flex; + flex-wrap: wrap; + } + + .li { + list-style-type: none; + margin: 5px; + + .text_box{ + border-radius: 30%; + height: 128px; + } + + &_none { + background-color: $color_none; + padding: 5px 15px 5px 15px; + } + + &_yellow{ + background-color: $color_yellow; + padding: 5px 15px 5px 15px; + } + + .img { + color: rgb(0, 0, 0); + height: 52px; + width: 52px; + margin: 0 auto; + border-radius: 50%; + background-color: #fff; + } + } + + + + .onion{ + background: url('/assets/img/onion.png') 100% 100% no-repeat; + } + + .bacon{ + background: url('/assets/img/bacon.png') 100% 100% no-repeat; + } + + .cheese{ + background: url('/assets/img/cheese.png') 100% 100% no-repeat; + } + + .jalapeno{ + background: url('/assets/img/jalapeno.png') 100% 100% no-repeat; + } + + .mushroom{ + background: url('/assets/img/mushroom.png') 100% 100% no-repeat; + } + + .pickles{ + background: url('/assets/img/pickles.png') 100% 100% no-repeat; + } + + .pineapple{ + background: url('/assets/img/pineapple.png') 100% 100% no-repeat; + } + + .tomato{ + background: url('/assets/img/tomato.png') 100% 100% no-repeat; + } + + + + + + .ingredients_name{ + color: rgb(0, 0, 0); + font-size: 12px; + } + + .ingredients_price{ + color: rgb(0, 0, 0); + font-size: 12px; + } + + .ingredients_button{ + display: inline-block; + -webkit-border-radius: 12px; + -moz-border-radius: 50%; + border-radius: 50%; + -khtml-border-radius: 50%;; + width: 28px; + height: 25px; + margin-top: 10px; + border: aliceblue; + } + + .yellow{ + background-color: $color_yellow; + } + + .none{ + background-color: #F5F1E1; + } + + .buttonCheck{ + font-size: 24px; + } + + +} + + + +.plus{ + background: url('/assets/img/plus.png') 100% 100% no-repeat; + } + + .minus{ + background: url('/assets/img/minus.png') 0% no-repeat; + margin-right: auto !important; + margin-left: auto !important; + } \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618161811.scss b/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618161811.scss new file mode 100644 index 0000000..df9ede6 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618161811.scss @@ -0,0 +1,136 @@ +$color_yellow: #FED11E; +$color_none: #dad9d8; + +.ingredients{ + text-align: center; + height: 250px; + overflow-y: scroll; + + @media (min-width: 640px) { + ul { + padding-top: 8px; + flex-wrap: wrap; + } + } + + .ul { + padding-top: 16px; + display: flex; + flex-wrap: wrap; + } + + .li { + list-style-type: none; + margin: 5px; + + .text_box{ + border-radius: 30%; + height: 128px; + } + + .none_ing { + background-color: $color_none; + padding: 5px 15px 5px 15px; + } + + .yellow_ing{ + background-color: $color_yellow; + padding: 5px 15px 5px 15px; + } + + .img { + color: rgb(0, 0, 0); + height: 52px; + width: 52px; + margin: 0 auto; + border-radius: 50%; + background-color: #fff; + } + } + + + + .onion{ + background: url('/assets/img/onion.png') 100% 100% no-repeat; + } + + .bacon{ + background: url('/assets/img/bacon.png') 100% 100% no-repeat; + } + + .cheese{ + background: url('/assets/img/cheese.png') 100% 100% no-repeat; + } + + .jalapeno{ + background: url('/assets/img/jalapeno.png') 100% 100% no-repeat; + } + + .mushroom{ + background: url('/assets/img/mushroom.png') 100% 100% no-repeat; + } + + .pickles{ + background: url('/assets/img/pickles.png') 100% 100% no-repeat; + } + + .pineapple{ + background: url('/assets/img/pineapple.png') 100% 100% no-repeat; + } + + .tomato{ + background: url('/assets/img/tomato.png') 100% 100% no-repeat; + } + + + + + + .ingredients_name{ + color: rgb(0, 0, 0); + font-size: 12px; + } + + .ingredients_price{ + color: rgb(0, 0, 0); + font-size: 12px; + } + + .ingredients_button{ + display: inline-block; + -webkit-border-radius: 12px; + -moz-border-radius: 50%; + border-radius: 50%; + -khtml-border-radius: 50%;; + width: 28px; + height: 25px; + margin-top: 10px; + border: aliceblue; + } + + .yellow{ + background-color: $color_yellow; + } + + .none{ + background-color: #F5F1E1; + } + + .buttonCheck{ + font-size: 24px; + } + + +} + + + +.plus{ + background: url('/assets/img/plus.png') 100% 100% no-repeat; + } + + .minus{ + background: url('/assets/img/minus.png') 0% no-repeat; + margin-right: auto !important; + margin-left: auto !important; + } \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618162317.scss b/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618162317.scss new file mode 100644 index 0000000..c9f6fe4 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618162317.scss @@ -0,0 +1,137 @@ +$color_yellow: #FED11E; +$color_none: #dad9d8; + +.ingredients{ + text-align: center; + height: 250px; + overflow-y: scroll; + + @media (min-width: 640px) { + ul { + padding-top: 8px; + flex-wrap: wrap; + } + } + + .ul { + padding-top: 16px; + display: flex; + flex-wrap: wrap; + } + + .li { + list-style-type: none; + margin: 5px; + width: 83px; + + .text_box{ + border-radius: 30%; + height: 128px; + } + + .none_ing { + background-color: $color_none; + padding: 5px 5px 5px 5px; + } + + .yellow_ing{ + background-color: $color_yellow; + padding: 5px 5px 5px 5px; + } + + .img { + color: rgb(0, 0, 0); + height: 52px; + width: 52px; + margin: 0 auto; + border-radius: 50%; + background-color: #fff; + } + } + + + + .onion{ + background: url('/assets/img/onion.png') 100% 100% no-repeat; + } + + .bacon{ + background: url('/assets/img/bacon.png') 100% 100% no-repeat; + } + + .cheese{ + background: url('/assets/img/cheese.png') 100% 100% no-repeat; + } + + .jalapeno{ + background: url('/assets/img/jalapeno.png') 100% 100% no-repeat; + } + + .mushroom{ + background: url('/assets/img/mushroom.png') 100% 100% no-repeat; + } + + .pickles{ + background: url('/assets/img/pickles.png') 100% 100% no-repeat; + } + + .pineapple{ + background: url('/assets/img/pineapple.png') 100% 100% no-repeat; + } + + .tomato{ + background: url('/assets/img/tomato.png') 100% 100% no-repeat; + } + + + + + + .ingredients_name{ + color: rgb(0, 0, 0); + font-size: 12px; + } + + .ingredients_price{ + color: rgb(0, 0, 0); + font-size: 12px; + } + + .ingredients_button{ + display: inline-block; + -webkit-border-radius: 12px; + -moz-border-radius: 50%; + border-radius: 50%; + -khtml-border-radius: 50%;; + width: 28px; + height: 25px; + margin-top: 10px; + border: aliceblue; + } + + .yellow{ + background-color: $color_yellow; + } + + .none{ + background-color: #F5F1E1; + } + + .buttonCheck{ + font-size: 24px; + } + + +} + + + +.plus{ + background: url('/assets/img/plus.png') 100% 100% no-repeat; + } + + .minus{ + background: url('/assets/img/minus.png') 0% no-repeat; + margin-right: auto !important; + margin-left: auto !important; + } \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618162440.scss b/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618162440.scss new file mode 100644 index 0000000..77741cd --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618162440.scss @@ -0,0 +1,138 @@ +$color_yellow: #FED11E; +$color_none: #dad9d8; + +.ingredients{ + text-align: center; + height: 250px; + overflow-y: scroll; + margin-left: 10px; + + @media (min-width: 640px) { + ul { + padding-top: 8px; + flex-wrap: wrap; + } + } + + .ul { + padding-top: 16px; + display: flex; + flex-wrap: wrap; + } + + .li { + list-style-type: none; + margin: 5px; + width: 83px; + + .text_box{ + border-radius: 30%; + height: 128px; + } + + .none_ing { + background-color: $color_none; + padding: 5px 5px 5px 5px; + } + + .yellow_ing{ + background-color: $color_yellow; + padding: 5px 5px 5px 5px; + } + + .img { + color: rgb(0, 0, 0); + height: 52px; + width: 52px; + margin: 0 auto; + border-radius: 50%; + background-color: #fff; + } + } + + + + .onion{ + background: url('/assets/img/onion.png') 100% 100% no-repeat; + } + + .bacon{ + background: url('/assets/img/bacon.png') 100% 100% no-repeat; + } + + .cheese{ + background: url('/assets/img/cheese.png') 100% 100% no-repeat; + } + + .jalapeno{ + background: url('/assets/img/jalapeno.png') 100% 100% no-repeat; + } + + .mushroom{ + background: url('/assets/img/mushroom.png') 100% 100% no-repeat; + } + + .pickles{ + background: url('/assets/img/pickles.png') 100% 100% no-repeat; + } + + .pineapple{ + background: url('/assets/img/pineapple.png') 100% 100% no-repeat; + } + + .tomato{ + background: url('/assets/img/tomato.png') 100% 100% no-repeat; + } + + + + + + .ingredients_name{ + color: rgb(0, 0, 0); + font-size: 12px; + } + + .ingredients_price{ + color: rgb(0, 0, 0); + font-size: 12px; + } + + .ingredients_button{ + display: inline-block; + -webkit-border-radius: 12px; + -moz-border-radius: 50%; + border-radius: 50%; + -khtml-border-radius: 50%;; + width: 28px; + height: 25px; + margin-top: 10px; + border: aliceblue; + } + + .yellow{ + background-color: $color_yellow; + } + + .none{ + background-color: #F5F1E1; + } + + .buttonCheck{ + font-size: 24px; + } + + +} + + + +.plus{ + background: url('/assets/img/plus.png') 100% 100% no-repeat; + } + + .minus{ + background: url('/assets/img/minus.png') 0% no-repeat; + margin-right: auto !important; + margin-left: auto !important; + } \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618162535.scss b/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618162535.scss new file mode 100644 index 0000000..84798bb --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618162535.scss @@ -0,0 +1,138 @@ +$color_yellow: #FED11E; +$color_none: #dad9d8; + +.ingredients{ + text-align: center; + height: 250px; + overflow-y: scroll; + margin-left: 10px; + + @media (min-width: 640px) { + ul { + padding-top: 8px; + flex-wrap: wrap; + } + } + + .ul { + padding-top: 16px; + display: flex; + flex-wrap: wrap; + } + + .li { + list-style-type: none; + margin: 5px; + width: 83px; + + .text_box{ + border-radius: 30%; + height: 128px; + } + + .none_ing { + background-color: $color_none; + padding: 5px 5px 5px 5px; + } + + .yellow_ing{ + background-color: $color_yellow; + padding: 5px 5px 5px 5px; + } + + .img_ing { + color: rgb(0, 0, 0); + height: 52px; + width: 52px; + margin: 0 auto; + border-radius: 50%; + background-color: #fff; + } + } + + + + .onion{ + background: url('/assets/img/onion.png') 100% 100% no-repeat; + } + + .bacon{ + background: url('/assets/img/bacon.png') 100% 100% no-repeat; + } + + .cheese{ + background: url('/assets/img/cheese.png') 100% 100% no-repeat; + } + + .jalapeno{ + background: url('/assets/img/jalapeno.png') 100% 100% no-repeat; + } + + .mushroom{ + background: url('/assets/img/mushroom.png') 100% 100% no-repeat; + } + + .pickles{ + background: url('/assets/img/pickles.png') 100% 100% no-repeat; + } + + .pineapple{ + background: url('/assets/img/pineapple.png') 100% 100% no-repeat; + } + + .tomato{ + background: url('/assets/img/tomato.png') 100% 100% no-repeat; + } + + + + + + .ingredients_name{ + color: rgb(0, 0, 0); + font-size: 12px; + } + + .ingredients_price{ + color: rgb(0, 0, 0); + font-size: 12px; + } + + .ingredients_button{ + display: inline-block; + -webkit-border-radius: 12px; + -moz-border-radius: 50%; + border-radius: 50%; + -khtml-border-radius: 50%;; + width: 28px; + height: 25px; + margin-top: 10px; + border: aliceblue; + } + + .yellow{ + background-color: $color_yellow; + } + + .none{ + background-color: #F5F1E1; + } + + .buttonCheck{ + font-size: 24px; + } + + +} + + + +.plus{ + background: url('/assets/img/plus.png') 100% 100% no-repeat; + } + + .minus{ + background: url('/assets/img/minus.png') 0% no-repeat; + margin-right: auto !important; + margin-left: auto !important; + } \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618162750.scss b/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618162750.scss new file mode 100644 index 0000000..c053c63 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618162750.scss @@ -0,0 +1,142 @@ +$color_yellow: #FED11E; +$color_none: #dad9d8; + +.ingredients{ + text-align: center; + height: 250px; + overflow-y: scroll; + margin-left: 10px; + + @media (min-width: 640px) { + ul { + padding-top: 8px; + flex-wrap: wrap; + } + } + + .ul { + padding-top: 16px; + display: flex; + flex-wrap: wrap; + } + + .li { + list-style-type: none; + margin: 5px; + width: 83px; + + .text_box{ + border-radius: 30%; + height: 128px; + + .none_ing { + background-color: $color_none; + padding: 5px 5px 5px 5px; + } + + .yellow_ing{ + background-color: $color_yellow; + padding: 5px 5px 5px 5px; + } + + .img_ing { + color: rgb(0, 0, 0); + height: 52px; + width: 52px; + margin: 0 auto; + border-radius: 50%; + background-color: #fff; + } + + .title_ing{ + color: rgb(0, 0, 0); + font-size: 12px; + } + + .price_ing{ + color: rgb(0, 0, 0); + font-size: 12px; + } + + } + + + + .onion{ + background: url('/assets/img/onion.png') 100% 100% no-repeat; + } + + .bacon{ + background: url('/assets/img/bacon.png') 100% 100% no-repeat; + } + + .cheese{ + background: url('/assets/img/cheese.png') 100% 100% no-repeat; + } + + .jalapeno{ + background: url('/assets/img/jalapeno.png') 100% 100% no-repeat; + } + + .mushroom{ + background: url('/assets/img/mushroom.png') 100% 100% no-repeat; + } + + .pickles{ + background: url('/assets/img/pickles.png') 100% 100% no-repeat; + } + + .pineapple{ + background: url('/assets/img/pineapple.png') 100% 100% no-repeat; + } + + .tomato{ + background: url('/assets/img/tomato.png') 100% 100% no-repeat; + } + + + + + + + + + + .ingredients_button{ + display: inline-block; + -webkit-border-radius: 12px; + -moz-border-radius: 50%; + border-radius: 50%; + -khtml-border-radius: 50%;; + width: 28px; + height: 25px; + margin-top: 10px; + border: aliceblue; + } + + .yellow{ + background-color: $color_yellow; + } + + .none{ + background-color: #F5F1E1; + } + + .buttonCheck{ + font-size: 24px; + } + + +} + + + +.plus{ + background: url('/assets/img/plus.png') 100% 100% no-repeat; + } + + .minus{ + background: url('/assets/img/minus.png') 0% no-repeat; + margin-right: auto !important; + margin-left: auto !important; + } \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618162806.scss b/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618162806.scss new file mode 100644 index 0000000..80a70b0 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618162806.scss @@ -0,0 +1,142 @@ +$color_yellow: #FED11E; +$color_none: #dad9d8; + +.ingredients{ + text-align: center; + height: 250px; + overflow-y: scroll; + margin-left: 10px; + + @media (min-width: 640px) { + ul { + padding-top: 8px; + flex-wrap: wrap; + } + } + + .ul { + padding-top: 16px; + display: flex; + flex-wrap: wrap; + } + + .li { + list-style-type: none; + margin: 5px; + width: 83px; + + .text_box{ + border-radius: 30%; + height: 128px; + + .none_ing { + background-color: $color_none; + padding: 5px 5px 5px 5px; + } + + .yellow_ing{ + background-color: $color_yellow; + padding: 5px 5px 5px 5px; + } + + .img_ing { + color: rgb(0, 0, 0); + height: 52px; + width: 52px; + margin: 0 auto; + border-radius: 50%; + background-color: #fff; + } + + .title_ing{ + color: rgb(0, 0, 0); + font-size: 12px; + } + + .price_ing{ + color: rgb(0, 0, 0); + font-size: 12px; + } + } + } + + + + .onion{ + background: url('/assets/img/onion.png') 100% 100% no-repeat; + } + + .bacon{ + background: url('/assets/img/bacon.png') 100% 100% no-repeat; + } + + .cheese{ + background: url('/assets/img/cheese.png') 100% 100% no-repeat; + } + + .jalapeno{ + background: url('/assets/img/jalapeno.png') 100% 100% no-repeat; + } + + .mushroom{ + background: url('/assets/img/mushroom.png') 100% 100% no-repeat; + } + + .pickles{ + background: url('/assets/img/pickles.png') 100% 100% no-repeat; + } + + .pineapple{ + background: url('/assets/img/pineapple.png') 100% 100% no-repeat; + } + + .tomato{ + background: url('/assets/img/tomato.png') 100% 100% no-repeat; + } + + + + + + + + + + .ingredients_button{ + display: inline-block; + -webkit-border-radius: 12px; + -moz-border-radius: 50%; + border-radius: 50%; + -khtml-border-radius: 50%;; + width: 28px; + height: 25px; + margin-top: 10px; + border: aliceblue; + } + + .yellow{ + background-color: $color_yellow; + } + + .none{ + background-color: #F5F1E1; + } + + .buttonCheck{ + font-size: 24px; + } + + +} + + + +.plus{ + background: url('/assets/img/plus.png') 100% 100% no-repeat; + } + + .minus{ + background: url('/assets/img/minus.png') 0% no-repeat; + margin-right: auto !important; + margin-left: auto !important; + } \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618174653.scss b/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618174653.scss new file mode 100644 index 0000000..80a70b0 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618174653.scss @@ -0,0 +1,142 @@ +$color_yellow: #FED11E; +$color_none: #dad9d8; + +.ingredients{ + text-align: center; + height: 250px; + overflow-y: scroll; + margin-left: 10px; + + @media (min-width: 640px) { + ul { + padding-top: 8px; + flex-wrap: wrap; + } + } + + .ul { + padding-top: 16px; + display: flex; + flex-wrap: wrap; + } + + .li { + list-style-type: none; + margin: 5px; + width: 83px; + + .text_box{ + border-radius: 30%; + height: 128px; + + .none_ing { + background-color: $color_none; + padding: 5px 5px 5px 5px; + } + + .yellow_ing{ + background-color: $color_yellow; + padding: 5px 5px 5px 5px; + } + + .img_ing { + color: rgb(0, 0, 0); + height: 52px; + width: 52px; + margin: 0 auto; + border-radius: 50%; + background-color: #fff; + } + + .title_ing{ + color: rgb(0, 0, 0); + font-size: 12px; + } + + .price_ing{ + color: rgb(0, 0, 0); + font-size: 12px; + } + } + } + + + + .onion{ + background: url('/assets/img/onion.png') 100% 100% no-repeat; + } + + .bacon{ + background: url('/assets/img/bacon.png') 100% 100% no-repeat; + } + + .cheese{ + background: url('/assets/img/cheese.png') 100% 100% no-repeat; + } + + .jalapeno{ + background: url('/assets/img/jalapeno.png') 100% 100% no-repeat; + } + + .mushroom{ + background: url('/assets/img/mushroom.png') 100% 100% no-repeat; + } + + .pickles{ + background: url('/assets/img/pickles.png') 100% 100% no-repeat; + } + + .pineapple{ + background: url('/assets/img/pineapple.png') 100% 100% no-repeat; + } + + .tomato{ + background: url('/assets/img/tomato.png') 100% 100% no-repeat; + } + + + + + + + + + + .ingredients_button{ + display: inline-block; + -webkit-border-radius: 12px; + -moz-border-radius: 50%; + border-radius: 50%; + -khtml-border-radius: 50%;; + width: 28px; + height: 25px; + margin-top: 10px; + border: aliceblue; + } + + .yellow{ + background-color: $color_yellow; + } + + .none{ + background-color: #F5F1E1; + } + + .buttonCheck{ + font-size: 24px; + } + + +} + + + +.plus{ + background: url('/assets/img/plus.png') 100% 100% no-repeat; + } + + .minus{ + background: url('/assets/img/minus.png') 0% no-repeat; + margin-right: auto !important; + margin-left: auto !important; + } \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618202242.scss b/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618202242.scss new file mode 100644 index 0000000..3927d12 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618202242.scss @@ -0,0 +1,136 @@ +$color_yellow: #FED11E; +$color_none: #dad9d8; + +.ingredients{ + text-align: center; + height: 250px; + overflow-y: scroll; + margin-left: 10px; + + @media (min-width: 640px) { + ul { + padding-top: 8px; + flex-wrap: wrap; + } + } + + .ul { + padding-top: 16px; + display: flex; + flex-wrap: wrap; + } + + .li { + list-style-type: none; + margin: 5px; + width: 83px; + + .text_box{ + border-radius: 30%; + height: 128px; + + .none_ing { + background-color: $color_none; + padding: 5px 5px 5px 5px; + } + + .yellow_ing{ + background-color: $color_yellow; + padding: 5px 5px 5px 5px; + } + + .img_ing { + color: rgb(0, 0, 0); + height: 52px; + width: 52px; + margin: 0 auto; + border-radius: 50%; + background-color: #fff; + } + + .title_ing{ + color: rgb(0, 0, 0); + font-size: 12px; + } + + .price_ing{ + color: rgb(0, 0, 0); + font-size: 12px; + } + + .button_ing{ + display: inline-block; + -webkit-border-radius: 12px; + -moz-border-radius: 50%; + border-radius: 50%; + -khtml-border-radius: 50%;; + width: 28px; + height: 25px; + margin-top: 10px; + border: aliceblue; + } + } + } + + + + .onion{ + background: url('/assets/img/onion.png') 100% 100% no-repeat; + } + + .bacon{ + background: url('/assets/img/bacon.png') 100% 100% no-repeat; + } + + .cheese{ + background: url('/assets/img/cheese.png') 100% 100% no-repeat; + } + + .jalapeno{ + background: url('/assets/img/jalapeno.png') 100% 100% no-repeat; + } + + .mushroom{ + background: url('/assets/img/mushroom.png') 100% 100% no-repeat; + } + + .pickles{ + background: url('/assets/img/pickles.png') 100% 100% no-repeat; + } + + .pineapple{ + background: url('/assets/img/pineapple.png') 100% 100% no-repeat; + } + + .tomato{ + background: url('/assets/img/tomato.png') 100% 100% no-repeat; + } + + + + .yellow{ + background-color: $color_yellow; + } + + .none{ + background-color: #F5F1E1; + } + + .buttonCheck{ + font-size: 24px; + } + + +} + + + +.plus{ + background: url('/assets/img/plus.png') 100% 100% no-repeat; + } + + .minus{ + background: url('/assets/img/minus.png') 0% no-repeat; + margin-right: auto !important; + margin-left: auto !important; + } \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618202320.scss b/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618202320.scss new file mode 100644 index 0000000..5af5a5f --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618202320.scss @@ -0,0 +1,130 @@ +$color_yellow: #FED11E; +$color_none: #dad9d8; + +.ingredients{ + text-align: center; + height: 250px; + overflow-y: scroll; + margin-left: 10px; + + @media (min-width: 640px) { + ul { + padding-top: 8px; + flex-wrap: wrap; + } + } + + .ul { + padding-top: 16px; + display: flex; + flex-wrap: wrap; + } + + .li { + list-style-type: none; + margin: 5px; + width: 83px; + + .text_box{ + border-radius: 30%; + height: 128px; + + .none_ing { + background-color: $color_none; + padding: 5px 5px 5px 5px; + } + + .yellow_ing{ + background-color: $color_yellow; + padding: 5px 5px 5px 5px; + } + + .img_ing { + color: rgb(0, 0, 0); + height: 52px; + width: 52px; + margin: 0 auto; + border-radius: 50%; + background-color: #fff; + } + + .title_ing{ + color: rgb(0, 0, 0); + font-size: 12px; + } + + .price_ing{ + color: rgb(0, 0, 0); + font-size: 12px; + } + + .button_ing{ + display: inline-block; + -webkit-border-radius: 12px; + -moz-border-radius: 50%; + border-radius: 50%; + -khtml-border-radius: 50%;; + width: 28px; + height: 25px; + margin-top: 10px; + border: aliceblue; + } + } + } + + + + .onion{ + background: url('/assets/img/onion.png') 100% 100% no-repeat; + } + + .bacon{ + background: url('/assets/img/bacon.png') 100% 100% no-repeat; + } + + .cheese{ + background: url('/assets/img/cheese.png') 100% 100% no-repeat; + } + + .jalapeno{ + background: url('/assets/img/jalapeno.png') 100% 100% no-repeat; + } + + .mushroom{ + background: url('/assets/img/mushroom.png') 100% 100% no-repeat; + } + + .pickles{ + background: url('/assets/img/pickles.png') 100% 100% no-repeat; + } + + .pineapple{ + background: url('/assets/img/pineapple.png') 100% 100% no-repeat; + } + + .tomato{ + background: url('/assets/img/tomato.png') 100% 100% no-repeat; + } + + + + + + .buttonCheck{ + font-size: 24px; + } + + +} + + + +.plus{ + background: url('/assets/img/plus.png') 100% 100% no-repeat; + } + + .minus{ + background: url('/assets/img/minus.png') 0% no-repeat; + margin-right: auto !important; + margin-left: auto !important; + } \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618202402.scss b/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618202402.scss new file mode 100644 index 0000000..397bf2f --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618202402.scss @@ -0,0 +1,130 @@ +$color_yellow: #FED11E; +$color_none: #dad9d8; + +.ingredients{ + text-align: center; + height: 250px; + overflow-y: scroll; + margin-left: 10px; + + @media (min-width: 640px) { + ul { + padding-top: 8px; + flex-wrap: wrap; + } + } + + .ul { + padding-top: 16px; + display: flex; + flex-wrap: wrap; + } + + .li { + list-style-type: none; + margin: 5px; + width: 83px; + + .text_box{ + border-radius: 30%; + height: 128px; + + .none_ing { + background-color: $color_none; + padding: 5px 5px 5px 5px; + } + + .yellow_ing { + background-color: $color_yellow; + padding: 5px 5px 5px 5px; + } + + .img_ing { + color: rgb(0, 0, 0); + height: 52px; + width: 52px; + margin: 0 auto; + border-radius: 50%; + background-color: #fff; + } + + .title_ing{ + color: rgb(0, 0, 0); + font-size: 12px; + } + + .price_ing{ + color: rgb(0, 0, 0); + font-size: 12px; + } + + .button_ing{ + display: inline-block; + -webkit-border-radius: 12px; + -moz-border-radius: 50%; + border-radius: 50%; + -khtml-border-radius: 50%;; + width: 28px; + height: 25px; + margin-top: 10px; + border: aliceblue; + } + } + } + + + + .onion{ + background: url('/assets/img/onion.png') 100% 100% no-repeat; + } + + .bacon{ + background: url('/assets/img/bacon.png') 100% 100% no-repeat; + } + + .cheese{ + background: url('/assets/img/cheese.png') 100% 100% no-repeat; + } + + .jalapeno{ + background: url('/assets/img/jalapeno.png') 100% 100% no-repeat; + } + + .mushroom{ + background: url('/assets/img/mushroom.png') 100% 100% no-repeat; + } + + .pickles{ + background: url('/assets/img/pickles.png') 100% 100% no-repeat; + } + + .pineapple{ + background: url('/assets/img/pineapple.png') 100% 100% no-repeat; + } + + .tomato{ + background: url('/assets/img/tomato.png') 100% 100% no-repeat; + } + + + + + + .buttonCheck{ + font-size: 24px; + } + + +} + + + +.plus{ + background: url('/assets/img/plus.png') 100% 100% no-repeat; + } + + .minus{ + background: url('/assets/img/minus.png') 0% no-repeat; + margin-right: auto !important; + margin-left: auto !important; + } \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618202504.scss b/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618202504.scss new file mode 100644 index 0000000..6c667bd --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618202504.scss @@ -0,0 +1,130 @@ +$color_yellow: #FED11E; +$color_none: #dad9d8; + +.ingredients{ + text-align: center; + height: 250px; + overflow-y: scroll; + margin-left: 10px; + + @media (min-width: 640px) { + ul { + padding-top: 8px; + flex-wrap: wrap; + } + } + + .ul { + padding-top: 16px; + display: flex; + flex-wrap: wrap; + } + + .li { + list-style-type: none; + margin: 5px; + width: 83px; + + .text_box { + border-radius: 30%; + height: 128px; + + .none_ing { + background-color: $color_none; + padding: 5px 5px 5px 5px; + } + + .yellow_ing { + background-color: $color_yellow; + padding: 5px 5px 5px 5px; + } + + .img_ing { + color: rgb(0, 0, 0); + height: 52px; + width: 52px; + margin: 0 auto; + border-radius: 50%; + background-color: #fff; + } + + .title_ing{ + color: rgb(0, 0, 0); + font-size: 12px; + } + + .price_ing{ + color: rgb(0, 0, 0); + font-size: 12px; + } + + .button_ing{ + display: inline-block; + -webkit-border-radius: 12px; + -moz-border-radius: 50%; + border-radius: 50%; + -khtml-border-radius: 50%;; + width: 28px; + height: 25px; + margin-top: 10px; + border: aliceblue; + } + } + } + + + + .onion{ + background: url('/assets/img/onion.png') 100% 100% no-repeat; + } + + .bacon{ + background: url('/assets/img/bacon.png') 100% 100% no-repeat; + } + + .cheese{ + background: url('/assets/img/cheese.png') 100% 100% no-repeat; + } + + .jalapeno{ + background: url('/assets/img/jalapeno.png') 100% 100% no-repeat; + } + + .mushroom{ + background: url('/assets/img/mushroom.png') 100% 100% no-repeat; + } + + .pickles{ + background: url('/assets/img/pickles.png') 100% 100% no-repeat; + } + + .pineapple{ + background: url('/assets/img/pineapple.png') 100% 100% no-repeat; + } + + .tomato{ + background: url('/assets/img/tomato.png') 100% 100% no-repeat; + } + + + + + + .buttonCheck{ + font-size: 24px; + } + + +} + + + +.plus{ + background: url('/assets/img/plus.png') 100% 100% no-repeat; + } + + .minus{ + background: url('/assets/img/minus.png') 0% no-repeat; + margin-right: auto !important; + margin-left: auto !important; + } \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618202631.scss b/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618202631.scss new file mode 100644 index 0000000..fc5ed0b --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618202631.scss @@ -0,0 +1,130 @@ +$color_yellow: #FED11E; +$color_none: #dad9d8; + +.ingredients{ + text-align: center; + height: 250px; + overflow-y: scroll; + margin-left: 10px; + + @media (min-width: 640px) { + ul { + padding-top: 8px; + flex-wrap: wrap; + } + } + + .ul { + padding-top: 16px; + display: flex; + flex-wrap: wrap; + } + + .li { + list-style-type: none; + margin: 5px; + width: 83px; + + .text_box { + border-radius: 30%; + height: 128px; + + &.none_ing { + background-color: $color_none; + padding: 5px 5px 5px 5px; + } + + &.yellow_ing { + background-color: $color_yellow; + padding: 5px 5px 5px 5px; + } + + .img_ing { + color: rgb(0, 0, 0); + height: 52px; + width: 52px; + margin: 0 auto; + border-radius: 50%; + background-color: #fff; + } + + .title_ing{ + color: rgb(0, 0, 0); + font-size: 12px; + } + + .price_ing{ + color: rgb(0, 0, 0); + font-size: 12px; + } + + .button_ing{ + display: inline-block; + -webkit-border-radius: 12px; + -moz-border-radius: 50%; + border-radius: 50%; + -khtml-border-radius: 50%;; + width: 28px; + height: 25px; + margin-top: 10px; + border: aliceblue; + } + } + } + + + + .onion{ + background: url('/assets/img/onion.png') 100% 100% no-repeat; + } + + .bacon{ + background: url('/assets/img/bacon.png') 100% 100% no-repeat; + } + + .cheese{ + background: url('/assets/img/cheese.png') 100% 100% no-repeat; + } + + .jalapeno{ + background: url('/assets/img/jalapeno.png') 100% 100% no-repeat; + } + + .mushroom{ + background: url('/assets/img/mushroom.png') 100% 100% no-repeat; + } + + .pickles{ + background: url('/assets/img/pickles.png') 100% 100% no-repeat; + } + + .pineapple{ + background: url('/assets/img/pineapple.png') 100% 100% no-repeat; + } + + .tomato{ + background: url('/assets/img/tomato.png') 100% 100% no-repeat; + } + + + + + + .buttonCheck{ + font-size: 24px; + } + + +} + + + +.plus{ + background: url('/assets/img/plus.png') 100% 100% no-repeat; + } + + .minus{ + background: url('/assets/img/minus.png') 0% no-repeat; + margin-right: auto !important; + margin-left: auto !important; + } \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618202656.scss b/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618202656.scss new file mode 100644 index 0000000..fc80af2 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618202656.scss @@ -0,0 +1,130 @@ +$color_yellow: #FED11E; +$color_none: #dad9d8; + +.ingredients{ + text-align: center; + height: 250px; + overflow-y: scroll; + margin-left: 10px; + + @media (min-width: 640px) { + ul { + padding-top: 8px; + flex-wrap: wrap; + } + } + + .ul { + padding-top: 16px; + display: flex; + flex-wrap: wrap; + } + + .li { + list-style-type: none; + margin: 5px; + width: 83px; + + .text_box { + border-radius: 30%; + height: 128px; + + &.none_ing { + background-color: $color_none; + padding: 5px 5px 5px 5px; + } + + &.yellow_ing { + background-color: $color_yellow; + padding: 5px 5px 5px 5px; + } + + &.img_ing { + color: rgb(0, 0, 0); + height: 52px; + width: 52px; + margin: 0 auto; + border-radius: 50%; + background-color: #fff; + } + + &.title_ing{ + color: rgb(0, 0, 0); + font-size: 12px; + } + + &.price_ing{ + color: rgb(0, 0, 0); + font-size: 12px; + } + + &.button_ing{ + display: inline-block; + -webkit-border-radius: 12px; + -moz-border-radius: 50%; + border-radius: 50%; + -khtml-border-radius: 50%;; + width: 28px; + height: 25px; + margin-top: 10px; + border: aliceblue; + } + } + } + + + + .onion{ + background: url('/assets/img/onion.png') 100% 100% no-repeat; + } + + .bacon{ + background: url('/assets/img/bacon.png') 100% 100% no-repeat; + } + + .cheese{ + background: url('/assets/img/cheese.png') 100% 100% no-repeat; + } + + .jalapeno{ + background: url('/assets/img/jalapeno.png') 100% 100% no-repeat; + } + + .mushroom{ + background: url('/assets/img/mushroom.png') 100% 100% no-repeat; + } + + .pickles{ + background: url('/assets/img/pickles.png') 100% 100% no-repeat; + } + + .pineapple{ + background: url('/assets/img/pineapple.png') 100% 100% no-repeat; + } + + .tomato{ + background: url('/assets/img/tomato.png') 100% 100% no-repeat; + } + + + + + + .buttonCheck{ + font-size: 24px; + } + + +} + + + +.plus{ + background: url('/assets/img/plus.png') 100% 100% no-repeat; + } + + .minus{ + background: url('/assets/img/minus.png') 0% no-repeat; + margin-right: auto !important; + margin-left: auto !important; + } \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618202707.scss b/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618202707.scss new file mode 100644 index 0000000..8f0facf --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618202707.scss @@ -0,0 +1,130 @@ +$color_yellow: #FED11E; +$color_none: #dad9d8; + +.ingredients{ + text-align: center; + height: 250px; + overflow-y: scroll; + margin-left: 10px; + + @media (min-width: 640px) { + ul { + padding-top: 8px; + flex-wrap: wrap; + } + } + + .ul { + padding-top: 16px; + display: flex; + flex-wrap: wrap; + } + + .li { + list-style-type: none; + margin: 5px; + width: 83px; + + .text_box { + border-radius: 30%; + height: 128px; + + &.none_ing { + background-color: $color_none; + padding: 5px 5px 5px 5px; + } + + &.yellow_ing { + background-color: $color_yellow; + padding: 5px 5px 5px 5px; + } + + &.img_ing { + color: rgb(0, 0, 0); + height: 52px; + width: 52px; + margin: 0 auto; + border-radius: 50%; + background-color: #fff; + } + + .title_ing{ + color: rgb(0, 0, 0); + font-size: 12px; + } + + .price_ing{ + color: rgb(0, 0, 0); + font-size: 12px; + } + + .button_ing{ + display: inline-block; + -webkit-border-radius: 12px; + -moz-border-radius: 50%; + border-radius: 50%; + -khtml-border-radius: 50%;; + width: 28px; + height: 25px; + margin-top: 10px; + border: aliceblue; + } + } + } + + + + .onion{ + background: url('/assets/img/onion.png') 100% 100% no-repeat; + } + + .bacon{ + background: url('/assets/img/bacon.png') 100% 100% no-repeat; + } + + .cheese{ + background: url('/assets/img/cheese.png') 100% 100% no-repeat; + } + + .jalapeno{ + background: url('/assets/img/jalapeno.png') 100% 100% no-repeat; + } + + .mushroom{ + background: url('/assets/img/mushroom.png') 100% 100% no-repeat; + } + + .pickles{ + background: url('/assets/img/pickles.png') 100% 100% no-repeat; + } + + .pineapple{ + background: url('/assets/img/pineapple.png') 100% 100% no-repeat; + } + + .tomato{ + background: url('/assets/img/tomato.png') 100% 100% no-repeat; + } + + + + + + .buttonCheck{ + font-size: 24px; + } + + +} + + + +.plus{ + background: url('/assets/img/plus.png') 100% 100% no-repeat; + } + + .minus{ + background: url('/assets/img/minus.png') 0% no-repeat; + margin-right: auto !important; + margin-left: auto !important; + } \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618202711.scss b/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618202711.scss new file mode 100644 index 0000000..fc5ed0b --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618202711.scss @@ -0,0 +1,130 @@ +$color_yellow: #FED11E; +$color_none: #dad9d8; + +.ingredients{ + text-align: center; + height: 250px; + overflow-y: scroll; + margin-left: 10px; + + @media (min-width: 640px) { + ul { + padding-top: 8px; + flex-wrap: wrap; + } + } + + .ul { + padding-top: 16px; + display: flex; + flex-wrap: wrap; + } + + .li { + list-style-type: none; + margin: 5px; + width: 83px; + + .text_box { + border-radius: 30%; + height: 128px; + + &.none_ing { + background-color: $color_none; + padding: 5px 5px 5px 5px; + } + + &.yellow_ing { + background-color: $color_yellow; + padding: 5px 5px 5px 5px; + } + + .img_ing { + color: rgb(0, 0, 0); + height: 52px; + width: 52px; + margin: 0 auto; + border-radius: 50%; + background-color: #fff; + } + + .title_ing{ + color: rgb(0, 0, 0); + font-size: 12px; + } + + .price_ing{ + color: rgb(0, 0, 0); + font-size: 12px; + } + + .button_ing{ + display: inline-block; + -webkit-border-radius: 12px; + -moz-border-radius: 50%; + border-radius: 50%; + -khtml-border-radius: 50%;; + width: 28px; + height: 25px; + margin-top: 10px; + border: aliceblue; + } + } + } + + + + .onion{ + background: url('/assets/img/onion.png') 100% 100% no-repeat; + } + + .bacon{ + background: url('/assets/img/bacon.png') 100% 100% no-repeat; + } + + .cheese{ + background: url('/assets/img/cheese.png') 100% 100% no-repeat; + } + + .jalapeno{ + background: url('/assets/img/jalapeno.png') 100% 100% no-repeat; + } + + .mushroom{ + background: url('/assets/img/mushroom.png') 100% 100% no-repeat; + } + + .pickles{ + background: url('/assets/img/pickles.png') 100% 100% no-repeat; + } + + .pineapple{ + background: url('/assets/img/pineapple.png') 100% 100% no-repeat; + } + + .tomato{ + background: url('/assets/img/tomato.png') 100% 100% no-repeat; + } + + + + + + .buttonCheck{ + font-size: 24px; + } + + +} + + + +.plus{ + background: url('/assets/img/plus.png') 100% 100% no-repeat; + } + + .minus{ + background: url('/assets/img/minus.png') 0% no-repeat; + margin-right: auto !important; + margin-left: auto !important; + } \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618202929.scss b/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618202929.scss new file mode 100644 index 0000000..a662637 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/styles/_ingredients_20220618202929.scss @@ -0,0 +1,102 @@ +$color_yellow: #FED11E; +$color_none: #dad9d8; + +.ingredients{ + text-align: center; + height: 250px; + overflow-y: scroll; + margin-left: 10px; + + @media (min-width: 640px) { + ul { + padding-top: 8px; + flex-wrap: wrap; + } + } + + .ul { + padding-top: 16px; + display: flex; + flex-wrap: wrap; + } + + .li { + list-style-type: none; + margin: 5px; + width: 83px; + + .text_box { + border-radius: 30%; + height: 128px; + + &.none_ing { + background-color: $color_none; + padding: 5px 5px 5px 5px; + } + + &.yellow_ing { + background-color: $color_yellow; + padding: 5px 5px 5px 5px; + } + + .img_ing { + color: rgb(0, 0, 0); + height: 52px; + width: 52px; + margin: 0 auto; + border-radius: 50%; + background-color: #fff; + } + + .title_ing{ + color: rgb(0, 0, 0); + font-size: 12px; + } + + .price_ing{ + color: rgb(0, 0, 0); + font-size: 12px; + } + + .button_ing{ + display: inline-block; + -webkit-border-radius: 12px; + -moz-border-radius: 50%; + border-radius: 50%; + -khtml-border-radius: 50%;; + width: 28px; + height: 25px; + margin-top: 10px; + border: aliceblue; + } + + @import 'products'; + } + } + + + + + + + + + + .buttonCheck{ + font-size: 24px; + } + + +} + + + +.plus{ + background: url('/assets/img/plus.png') 100% 100% no-repeat; + } + + .minus{ + background: url('/assets/img/minus.png') 0% no-repeat; + margin-right: auto !important; + margin-left: auto !important; + } \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/styles/_products_20220618202831.scss b/.history/components/customer/pages/index/modals/pizza/styles/_products_20220618202831.scss new file mode 100644 index 0000000..e69de29 diff --git a/.history/components/customer/pages/index/modals/pizza/styles/_products_20220618202848.scss b/.history/components/customer/pages/index/modals/pizza/styles/_products_20220618202848.scss new file mode 100644 index 0000000..b491855 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/styles/_products_20220618202848.scss @@ -0,0 +1,31 @@ +.onion{ + background: url('/assets/img/onion.png') 100% 100% no-repeat; +} + +.bacon{ + background: url('/assets/img/bacon.png') 100% 100% no-repeat; +} + +.cheese{ + background: url('/assets/img/cheese.png') 100% 100% no-repeat; +} + +.jalapeno{ + background: url('/assets/img/jalapeno.png') 100% 100% no-repeat; +} + +.mushroom{ + background: url('/assets/img/mushroom.png') 100% 100% no-repeat; +} + +.pickles{ + background: url('/assets/img/pickles.png') 100% 100% no-repeat; +} + +.pineapple{ + background: url('/assets/img/pineapple.png') 100% 100% no-repeat; +} + +.tomato{ + background: url('/assets/img/tomato.png') 100% 100% no-repeat; +} \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/styles/block_selector_20220618153310.scss b/.history/components/customer/pages/index/modals/pizza/styles/block_selector_20220618153310.scss new file mode 100644 index 0000000..e69de29 diff --git a/.history/components/customer/pages/index/modals/pizza/styles/block_selector_20220618153802.scss b/.history/components/customer/pages/index/modals/pizza/styles/block_selector_20220618153802.scss new file mode 100644 index 0000000..e30c5d1 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/styles/block_selector_20220618153802.scss @@ -0,0 +1,58 @@ +.block { + display: block ruby; + margin-bottom: 15px; + margin-left: 15px; + border-spacing: 0; + border-collapse: separate; + + &_selector { + -moz-transition: border 250ms, color 250ms; + -o-transition: border 250ms, color 250ms; + -webkit-transition: border 250ms, color 250ms; + transition: border 250ms, color 250ms; + cursor: pointer; + + ul { + margin-left: -25px; + + &:first-of-type { + margin-bottom: 6px; + } + li { + padding: 5px; + cursor: pointer; + font-size: 14px; + display: table-cell; + height: 24px; + vertical-align: middle; + text-align: center; + position: relative; + padding-left: 8px; + padding-right: 8px; + border-radius: 32px; + + &.active { + background: #FED11E; + box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.04); + cursor: auto; + } + + &.size{ + width: 60px; + height: 32px; + border-radius: 8px; + } + + &.type{ + width: 178px; + height: 24px; + border-radius: 12px; + -webkit-border-radius: 12px; + -moz-border-radius: 12px; + -ms-border-radius: 12px; + -o-border-radius: 12px; + } + } + } + } + } \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/styles/index_20220618153323.scss b/.history/components/customer/pages/index/modals/pizza/styles/index_20220618153323.scss new file mode 100644 index 0000000..e69de29 diff --git a/.history/components/customer/pages/index/modals/pizza/styles/index_20220618154205.scss b/.history/components/customer/pages/index/modals/pizza/styles/index_20220618154205.scss new file mode 100644 index 0000000..38f7d45 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/styles/index_20220618154205.scss @@ -0,0 +1,154 @@ +.pizza_modal_card { + display: block; /* Hidden by default */ + position: fixed; /* Stay in place */ + z-index: 100; /* Sit on top */ + left: 0; + top: 0; + width: 100%; /* Full width */ + height: 100%; /* Full height */ + overflow: auto; /* Enable scroll if needed */ + background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ + font-family: 'Rubik'; + font-style: normal; + font-weight: 400; + + .dialog { + margin: 0 auto; + height: 533px; + width: 900px; + /* Modal Content */ + .content { + background-color: #fefefe; + margin: auto; + /*border: 1px solid #888;*/ + .body{ + height: 100%; + flex-wrap: wrap; + display: flex; + + .left{ + margin: 0 auto; + float: left; + position: static; + display: flex; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + width: 400px; + + .img{ + text-align: center; + height: 100%; + display: grid;; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + } + } + + .right{ + background: #F7F7F7; + width: 450px; + display: table; + float: left; + position: static; + + .header{ + height: 450px; + letter-spacing: 0.02em; + + .title{ + font-size: 20px; + line-height: 24px; + color: #252A48; + margin: 10px 10px 10px 15px; + } + .feature{ + font-size: 13px; + line-height: 15px; + margin: 10px 10px 10px 15px; + color: #8E8E93; + } + + .description{ + font-size: 13px; + line-height: 15px; + color: #252A48; + margin: 10px 10px 10px 15px; + } + + @import './block_selector'; + + } + } + } + } + } + + + + + + .modal_footer{ + display: table; + margin: 0 auto; + margin-top: 15px; + } + + + + + + + /* The Close Button */ + .close { + color: #aaaaaa; + float: right; + font-size: 28px; + font-weight: bold; + } + + .close:hover, + .close:focus { + color: #000; + text-decoration: none; + cursor: pointer; + } + } + + + + + + + + .position_product{ + padding-top: 100px; + /* padding-top: 100px; + right: 0; + left: unset !important; + position: absolute;*/ + } + + + @media (max-width: 940px) { + .modal_product { + height: 1010px; + width: 100vw; + max-width: 400px; + } + .position_product{ + padding-top: 5px; + } + } + + .vendor-list_ul_modal { + padding-top: 16px; + display: flex; + flex-wrap: wrap; + } + + @media (min-width: 640px) { + .vendor-list_ul_modal { + padding-top: 8px; + flex-wrap: wrap; + } + } \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/styles/index_20220618154302.scss b/.history/components/customer/pages/index/modals/pizza/styles/index_20220618154302.scss new file mode 100644 index 0000000..939f570 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/styles/index_20220618154302.scss @@ -0,0 +1,154 @@ +.pizza_modal_card { + display: block; /* Hidden by default */ + position: fixed; /* Stay in place */ + z-index: 100; /* Sit on top */ + left: 0; + top: 0; + width: 100%; /* Full width */ + height: 100%; /* Full height */ + overflow: auto; /* Enable scroll if needed */ + background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ + font-family: 'Rubik'; + font-style: normal; + font-weight: 400; + + .dialog { + margin: 0 auto; + height: 533px; + width: 900px; + /* Modal Content */ + .content { + background-color: #fefefe; + margin: auto; + /*border: 1px solid #888;*/ + .body{ + height: 100%; + flex-wrap: wrap; + display: flex; + + .left{ + margin: 0 auto; + float: left; + position: static; + display: flex; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + width: 400px; + + .img{ + text-align: center; + height: 100%; + display: grid;; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + } + } + + .right{ + background: #F7F7F7; + width: 450px; + display: table; + float: left; + position: static; + + .header{ + height: 450px; + letter-spacing: 0.02em; + + .title{ + font-size: 20px; + line-height: 24px; + color: #252A48; + margin: 10px 10px 10px 15px; + } + .feature{ + font-size: 13px; + line-height: 15px; + margin: 10px 10px 10px 15px; + color: #8E8E93; + } + + .description{ + font-size: 13px; + line-height: 15px; + color: #252A48; + margin: 10px 10px 10px 15px; + } + /* Блок переключения */ + @import './block_selector'; + + } + } + } + } + } + + + + + + .modal_footer{ + display: table; + margin: 0 auto; + margin-top: 15px; + } + + + + + + + /* The Close Button */ + .close { + color: #aaaaaa; + float: right; + font-size: 28px; + font-weight: bold; + } + + .close:hover, + .close:focus { + color: #000; + text-decoration: none; + cursor: pointer; + } + } + + + + + + + + .position_product{ + padding-top: 100px; + /* padding-top: 100px; + right: 0; + left: unset !important; + position: absolute;*/ + } + + + @media (max-width: 940px) { + .modal_product { + height: 1010px; + width: 100vw; + max-width: 400px; + } + .position_product{ + padding-top: 5px; + } + } + + .vendor-list_ul_modal { + padding-top: 16px; + display: flex; + flex-wrap: wrap; + } + + @media (min-width: 640px) { + .vendor-list_ul_modal { + padding-top: 8px; + flex-wrap: wrap; + } + } \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/styles/index_20220618154455.scss b/.history/components/customer/pages/index/modals/pizza/styles/index_20220618154455.scss new file mode 100644 index 0000000..2821f99 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/styles/index_20220618154455.scss @@ -0,0 +1,154 @@ +.pizza_modal_card { + display: block; /* Hidden by default */ + position: fixed; /* Stay in place */ + z-index: 100; /* Sit on top */ + left: 0; + top: 0; + width: 100%; /* Full width */ + height: 100%; /* Full height */ + overflow: auto; /* Enable scroll if needed */ + background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ + font-family: 'Rubik'; + font-style: normal; + font-weight: 400; + + .dialog { + margin: 0 auto; + height: 533px; + width: 900px; + /* Modal Content */ + .content { + background-color: #fefefe; + margin: auto; + /*border: 1px solid #888;*/ + .body{ + height: 100%; + flex-wrap: wrap; + display: flex; + + .left{ + margin: 0 auto; + float: left; + position: static; + display: flex; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + width: 400px; + + .img{ + text-align: center; + height: 100%; + display: grid;; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + } + } + + .right{ + background: #F7F7F7; + width: 450px; + display: table; + float: left; + position: static; + + .header{ + height: 450px; + letter-spacing: 0.02em; + + .title{ + font-size: 20px; + line-height: 24px; + color: #252A48; + margin: 10px 10px 10px 15px; + } + .feature{ + font-size: 13px; + line-height: 15px; + margin: 10px 10px 10px 15px; + color: #8E8E93; + } + + .description{ + font-size: 13px; + line-height: 15px; + color: #252A48; + margin: 10px 10px 10px 15px; + } + /* Блок переключения */ + @import './block_selector'; + @import './ingredients'; + } + } + } + } + } + + + + + + .modal_footer{ + display: table; + margin: 0 auto; + margin-top: 15px; + } + + + + + + + /* The Close Button */ + .close { + color: #aaaaaa; + float: right; + font-size: 28px; + font-weight: bold; + } + + .close:hover, + .close:focus { + color: #000; + text-decoration: none; + cursor: pointer; + } + } + + + + + + + + .position_product{ + padding-top: 100px; + /* padding-top: 100px; + right: 0; + left: unset !important; + position: absolute;*/ + } + + + @media (max-width: 940px) { + .modal_product { + height: 1010px; + width: 100vw; + max-width: 400px; + } + .position_product{ + padding-top: 5px; + } + } + + .vendor-list_ul_modal { + padding-top: 16px; + display: flex; + flex-wrap: wrap; + } + + @media (min-width: 640px) { + .vendor-list_ul_modal { + padding-top: 8px; + flex-wrap: wrap; + } + } \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/styles/index_20220618155352.scss b/.history/components/customer/pages/index/modals/pizza/styles/index_20220618155352.scss new file mode 100644 index 0000000..6a72167 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/styles/index_20220618155352.scss @@ -0,0 +1,143 @@ +.pizza_modal_card { + display: block; /* Hidden by default */ + position: fixed; /* Stay in place */ + z-index: 100; /* Sit on top */ + left: 0; + top: 0; + width: 100%; /* Full width */ + height: 100%; /* Full height */ + overflow: auto; /* Enable scroll if needed */ + background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ + font-family: 'Rubik'; + font-style: normal; + font-weight: 400; + + .dialog { + margin: 0 auto; + height: 533px; + width: 900px; + /* Modal Content */ + .content { + background-color: #fefefe; + margin: auto; + /*border: 1px solid #888;*/ + .body{ + height: 100%; + flex-wrap: wrap; + display: flex; + + .left{ + margin: 0 auto; + float: left; + position: static; + display: flex; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + width: 400px; + + .img{ + text-align: center; + height: 100%; + display: grid;; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + } + } + + .right{ + background: #F7F7F7; + width: 450px; + display: table; + float: left; + position: static; + + .header{ + height: 450px; + letter-spacing: 0.02em; + + .title{ + font-size: 20px; + line-height: 24px; + color: #252A48; + margin: 10px 10px 10px 15px; + } + .feature{ + font-size: 13px; + line-height: 15px; + margin: 10px 10px 10px 15px; + color: #8E8E93; + } + + .description{ + font-size: 13px; + line-height: 15px; + color: #252A48; + margin: 10px 10px 10px 15px; + } + /* Блок переключения */ + @import './block_selector'; + @import './ingredients'; + } + } + } + } + } + + + + + + .modal_footer{ + display: table; + margin: 0 auto; + margin-top: 15px; + } + + + + + + + /* The Close Button */ + .close { + color: #aaaaaa; + float: right; + font-size: 28px; + font-weight: bold; + } + + .close:hover, + .close:focus { + color: #000; + text-decoration: none; + cursor: pointer; + } + } + + + + + + + + .position_product{ + padding-top: 100px; + /* padding-top: 100px; + right: 0; + left: unset !important; + position: absolute;*/ + } + + + @media (max-width: 940px) { + .modal_product { + height: 1010px; + width: 100vw; + max-width: 400px; + } + .position_product{ + padding-top: 5px; + } + } + + \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/styles/index_20220618155504.scss b/.history/components/customer/pages/index/modals/pizza/styles/index_20220618155504.scss new file mode 100644 index 0000000..ce6f0cd --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/styles/index_20220618155504.scss @@ -0,0 +1,144 @@ +.pizza_modal_card { + display: block; /* Hidden by default */ + position: fixed; /* Stay in place */ + z-index: 100; /* Sit on top */ + left: 0; + top: 0; + width: 100%; /* Full width */ + height: 100%; /* Full height */ + overflow: auto; /* Enable scroll if needed */ + background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ + font-family: 'Rubik'; + font-style: normal; + font-weight: 400; + + .dialog { + margin: 0 auto; + height: 533px; + width: 900px; + /* Modal Content */ + .content { + background-color: #fefefe; + margin: auto; + /*border: 1px solid #888;*/ + .body{ + height: 100%; + flex-wrap: wrap; + display: flex; + + .left{ + margin: 0 auto; + float: left; + position: static; + display: flex; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + width: 400px; + + .img{ + text-align: center; + height: 100%; + display: grid;; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + } + } + + .right{ + background: #F7F7F7; + width: 450px; + display: table; + float: left; + position: static; + + .header{ + height: 450px; + letter-spacing: 0.02em; + + .title{ + font-size: 20px; + line-height: 24px; + color: #252A48; + margin: 10px 10px 10px 15px; + } + .feature{ + font-size: 13px; + line-height: 15px; + margin: 10px 10px 10px 15px; + color: #8E8E93; + } + + .description{ + font-size: 13px; + line-height: 15px; + color: #252A48; + margin: 10px 10px 10px 15px; + } + /* Блок переключения */ + @import './block_selector'; + + } + @import './ingredients'; + } + } + } + } + + + + + + .modal_footer{ + display: table; + margin: 0 auto; + margin-top: 15px; + } + + + + + + + /* The Close Button */ + .close { + color: #aaaaaa; + float: right; + font-size: 28px; + font-weight: bold; + } + + .close:hover, + .close:focus { + color: #000; + text-decoration: none; + cursor: pointer; + } + } + + + + + + + + .position_product{ + padding-top: 100px; + /* padding-top: 100px; + right: 0; + left: unset !important; + position: absolute;*/ + } + + + @media (max-width: 940px) { + .modal_product { + height: 1010px; + width: 100vw; + max-width: 400px; + } + .position_product{ + padding-top: 5px; + } + } + + \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/styles/index_20220618155509.scss b/.history/components/customer/pages/index/modals/pizza/styles/index_20220618155509.scss new file mode 100644 index 0000000..ff093f2 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/styles/index_20220618155509.scss @@ -0,0 +1,144 @@ +.pizza_modal_card { + display: block; /* Hidden by default */ + position: fixed; /* Stay in place */ + z-index: 100; /* Sit on top */ + left: 0; + top: 0; + width: 100%; /* Full width */ + height: 100%; /* Full height */ + overflow: auto; /* Enable scroll if needed */ + background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ + font-family: 'Rubik'; + font-style: normal; + font-weight: 400; + + .dialog { + margin: 0 auto; + height: 533px; + width: 900px; + /* Modal Content */ + .content { + background-color: #fefefe; + margin: auto; + /*border: 1px solid #888;*/ + .body{ + height: 100%; + flex-wrap: wrap; + display: flex; + + .left{ + margin: 0 auto; + float: left; + position: static; + display: flex; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + width: 400px; + + .img{ + text-align: center; + height: 100%; + display: grid;; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + } + } + + .right{ + background: #F7F7F7; + width: 450px; + display: table; + float: left; + position: static; + + .header{ + height: 450px; + letter-spacing: 0.02em; + + .title{ + font-size: 20px; + line-height: 24px; + color: #252A48; + margin: 10px 10px 10px 15px; + } + .feature{ + font-size: 13px; + line-height: 15px; + margin: 10px 10px 10px 15px; + color: #8E8E93; + } + + .description{ + font-size: 13px; + line-height: 15px; + color: #252A48; + margin: 10px 10px 10px 15px; + } + /* Блок переключения */ + @import './block_selector'; + + } + + } + } + } + } + @import './ingredients'; + + + + + .modal_footer{ + display: table; + margin: 0 auto; + margin-top: 15px; + } + + + + + + + /* The Close Button */ + .close { + color: #aaaaaa; + float: right; + font-size: 28px; + font-weight: bold; + } + + .close:hover, + .close:focus { + color: #000; + text-decoration: none; + cursor: pointer; + } + } + + + + + + + + .position_product{ + padding-top: 100px; + /* padding-top: 100px; + right: 0; + left: unset !important; + position: absolute;*/ + } + + + @media (max-width: 940px) { + .modal_product { + height: 1010px; + width: 100vw; + max-width: 400px; + } + .position_product{ + padding-top: 5px; + } + } + + \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/styles/index_20220618155512.scss b/.history/components/customer/pages/index/modals/pizza/styles/index_20220618155512.scss new file mode 100644 index 0000000..caa5548 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/styles/index_20220618155512.scss @@ -0,0 +1,144 @@ +.pizza_modal_card { + display: block; /* Hidden by default */ + position: fixed; /* Stay in place */ + z-index: 100; /* Sit on top */ + left: 0; + top: 0; + width: 100%; /* Full width */ + height: 100%; /* Full height */ + overflow: auto; /* Enable scroll if needed */ + background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ + font-family: 'Rubik'; + font-style: normal; + font-weight: 400; + + .dialog { + margin: 0 auto; + height: 533px; + width: 900px; + /* Modal Content */ + .content { + background-color: #fefefe; + margin: auto; + /*border: 1px solid #888;*/ + .body{ + height: 100%; + flex-wrap: wrap; + display: flex; + + .left{ + margin: 0 auto; + float: left; + position: static; + display: flex; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + width: 400px; + + .img{ + text-align: center; + height: 100%; + display: grid;; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + } + } + + .right{ + background: #F7F7F7; + width: 450px; + display: table; + float: left; + position: static; + + .header{ + height: 450px; + letter-spacing: 0.02em; + + .title{ + font-size: 20px; + line-height: 24px; + color: #252A48; + margin: 10px 10px 10px 15px; + } + .feature{ + font-size: 13px; + line-height: 15px; + margin: 10px 10px 10px 15px; + color: #8E8E93; + } + + .description{ + font-size: 13px; + line-height: 15px; + color: #252A48; + margin: 10px 10px 10px 15px; + } + /* Блок переключения */ + @import './block_selector'; + + } + + } + } + } + } + + + + + + .modal_footer{ + display: table; + margin: 0 auto; + margin-top: 15px; + } + + + + + + + /* The Close Button */ + .close { + color: #aaaaaa; + float: right; + font-size: 28px; + font-weight: bold; + } + + .close:hover, + .close:focus { + color: #000; + text-decoration: none; + cursor: pointer; + } + } + + + + + + + + .position_product{ + padding-top: 100px; + /* padding-top: 100px; + right: 0; + left: unset !important; + position: absolute;*/ + } + + + @media (max-width: 940px) { + .modal_product { + height: 1010px; + width: 100vw; + max-width: 400px; + } + .position_product{ + padding-top: 5px; + } + } + + \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/styles/index_20220618155515.scss b/.history/components/customer/pages/index/modals/pizza/styles/index_20220618155515.scss new file mode 100644 index 0000000..ff093f2 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/styles/index_20220618155515.scss @@ -0,0 +1,144 @@ +.pizza_modal_card { + display: block; /* Hidden by default */ + position: fixed; /* Stay in place */ + z-index: 100; /* Sit on top */ + left: 0; + top: 0; + width: 100%; /* Full width */ + height: 100%; /* Full height */ + overflow: auto; /* Enable scroll if needed */ + background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ + font-family: 'Rubik'; + font-style: normal; + font-weight: 400; + + .dialog { + margin: 0 auto; + height: 533px; + width: 900px; + /* Modal Content */ + .content { + background-color: #fefefe; + margin: auto; + /*border: 1px solid #888;*/ + .body{ + height: 100%; + flex-wrap: wrap; + display: flex; + + .left{ + margin: 0 auto; + float: left; + position: static; + display: flex; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + width: 400px; + + .img{ + text-align: center; + height: 100%; + display: grid;; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + } + } + + .right{ + background: #F7F7F7; + width: 450px; + display: table; + float: left; + position: static; + + .header{ + height: 450px; + letter-spacing: 0.02em; + + .title{ + font-size: 20px; + line-height: 24px; + color: #252A48; + margin: 10px 10px 10px 15px; + } + .feature{ + font-size: 13px; + line-height: 15px; + margin: 10px 10px 10px 15px; + color: #8E8E93; + } + + .description{ + font-size: 13px; + line-height: 15px; + color: #252A48; + margin: 10px 10px 10px 15px; + } + /* Блок переключения */ + @import './block_selector'; + + } + + } + } + } + } + @import './ingredients'; + + + + + .modal_footer{ + display: table; + margin: 0 auto; + margin-top: 15px; + } + + + + + + + /* The Close Button */ + .close { + color: #aaaaaa; + float: right; + font-size: 28px; + font-weight: bold; + } + + .close:hover, + .close:focus { + color: #000; + text-decoration: none; + cursor: pointer; + } + } + + + + + + + + .position_product{ + padding-top: 100px; + /* padding-top: 100px; + right: 0; + left: unset !important; + position: absolute;*/ + } + + + @media (max-width: 940px) { + .modal_product { + height: 1010px; + width: 100vw; + max-width: 400px; + } + .position_product{ + padding-top: 5px; + } + } + + \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/styles/index_20220618155548.scss b/.history/components/customer/pages/index/modals/pizza/styles/index_20220618155548.scss new file mode 100644 index 0000000..6a72167 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/styles/index_20220618155548.scss @@ -0,0 +1,143 @@ +.pizza_modal_card { + display: block; /* Hidden by default */ + position: fixed; /* Stay in place */ + z-index: 100; /* Sit on top */ + left: 0; + top: 0; + width: 100%; /* Full width */ + height: 100%; /* Full height */ + overflow: auto; /* Enable scroll if needed */ + background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ + font-family: 'Rubik'; + font-style: normal; + font-weight: 400; + + .dialog { + margin: 0 auto; + height: 533px; + width: 900px; + /* Modal Content */ + .content { + background-color: #fefefe; + margin: auto; + /*border: 1px solid #888;*/ + .body{ + height: 100%; + flex-wrap: wrap; + display: flex; + + .left{ + margin: 0 auto; + float: left; + position: static; + display: flex; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + width: 400px; + + .img{ + text-align: center; + height: 100%; + display: grid;; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + } + } + + .right{ + background: #F7F7F7; + width: 450px; + display: table; + float: left; + position: static; + + .header{ + height: 450px; + letter-spacing: 0.02em; + + .title{ + font-size: 20px; + line-height: 24px; + color: #252A48; + margin: 10px 10px 10px 15px; + } + .feature{ + font-size: 13px; + line-height: 15px; + margin: 10px 10px 10px 15px; + color: #8E8E93; + } + + .description{ + font-size: 13px; + line-height: 15px; + color: #252A48; + margin: 10px 10px 10px 15px; + } + /* Блок переключения */ + @import './block_selector'; + @import './ingredients'; + } + } + } + } + } + + + + + + .modal_footer{ + display: table; + margin: 0 auto; + margin-top: 15px; + } + + + + + + + /* The Close Button */ + .close { + color: #aaaaaa; + float: right; + font-size: 28px; + font-weight: bold; + } + + .close:hover, + .close:focus { + color: #000; + text-decoration: none; + cursor: pointer; + } + } + + + + + + + + .position_product{ + padding-top: 100px; + /* padding-top: 100px; + right: 0; + left: unset !important; + position: absolute;*/ + } + + + @media (max-width: 940px) { + .modal_product { + height: 1010px; + width: 100vw; + max-width: 400px; + } + .position_product{ + padding-top: 5px; + } + } + + \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/styles/index_20220618155554.scss b/.history/components/customer/pages/index/modals/pizza/styles/index_20220618155554.scss new file mode 100644 index 0000000..a5b55a1 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/styles/index_20220618155554.scss @@ -0,0 +1,143 @@ +.pizza_modal_card { + display: block; /* Hidden by default */ + position: fixed; /* Stay in place */ + z-index: 100; /* Sit on top */ + left: 0; + top: 0; + width: 100%; /* Full width */ + height: 100%; /* Full height */ + overflow: auto; /* Enable scroll if needed */ + background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ + font-family: 'Rubik'; + font-style: normal; + font-weight: 400; + + .dialog { + margin: 0 auto; + height: 533px; + width: 900px; + /* Modal Content */ + .content { + background-color: #fefefe; + margin: auto; + /*border: 1px solid #888;*/ + .body{ + height: 100%; + flex-wrap: wrap; + display: flex; + + .left{ + margin: 0 auto; + float: left; + position: static; + display: flex; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + width: 400px; + + .img{ + text-align: center; + height: 100%; + display: grid;; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + } + } + + .right{ + background: #F7F7F7; + width: 450px; + display: table; + float: left; + position: static; + + .header{ + height: 450px; + letter-spacing: 0.02em; + + .title{ + font-size: 20px; + line-height: 24px; + color: #252A48; + margin: 10px 10px 10px 15px; + } + .feature{ + font-size: 13px; + line-height: 15px; + margin: 10px 10px 10px 15px; + color: #8E8E93; + } + + .description{ + font-size: 13px; + line-height: 15px; + color: #252A48; + margin: 10px 10px 10px 15px; + } + /* Блок переключения */ + @import './block_selector'; + @import 'ingredients'; + } + } + } + } + } + + + + + + .modal_footer{ + display: table; + margin: 0 auto; + margin-top: 15px; + } + + + + + + + /* The Close Button */ + .close { + color: #aaaaaa; + float: right; + font-size: 28px; + font-weight: bold; + } + + .close:hover, + .close:focus { + color: #000; + text-decoration: none; + cursor: pointer; + } + } + + + + + + + + .position_product{ + padding-top: 100px; + /* padding-top: 100px; + right: 0; + left: unset !important; + position: absolute;*/ + } + + + @media (max-width: 940px) { + .modal_product { + height: 1010px; + width: 100vw; + max-width: 400px; + } + .position_product{ + padding-top: 5px; + } + } + + \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/styles/index_20220618155557.scss b/.history/components/customer/pages/index/modals/pizza/styles/index_20220618155557.scss new file mode 100644 index 0000000..bfaa5c5 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/styles/index_20220618155557.scss @@ -0,0 +1,143 @@ +.pizza_modal_card { + display: block; /* Hidden by default */ + position: fixed; /* Stay in place */ + z-index: 100; /* Sit on top */ + left: 0; + top: 0; + width: 100%; /* Full width */ + height: 100%; /* Full height */ + overflow: auto; /* Enable scroll if needed */ + background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ + font-family: 'Rubik'; + font-style: normal; + font-weight: 400; + + .dialog { + margin: 0 auto; + height: 533px; + width: 900px; + /* Modal Content */ + .content { + background-color: #fefefe; + margin: auto; + /*border: 1px solid #888;*/ + .body{ + height: 100%; + flex-wrap: wrap; + display: flex; + + .left{ + margin: 0 auto; + float: left; + position: static; + display: flex; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + width: 400px; + + .img{ + text-align: center; + height: 100%; + display: grid;; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + } + } + + .right{ + background: #F7F7F7; + width: 450px; + display: table; + float: left; + position: static; + + .header{ + height: 450px; + letter-spacing: 0.02em; + + .title{ + font-size: 20px; + line-height: 24px; + color: #252A48; + margin: 10px 10px 10px 15px; + } + .feature{ + font-size: 13px; + line-height: 15px; + margin: 10px 10px 10px 15px; + color: #8E8E93; + } + + .description{ + font-size: 13px; + line-height: 15px; + color: #252A48; + margin: 10px 10px 10px 15px; + } + /* Блок переключения */ + @import 'block_selector'; + @import 'ingredients'; + } + } + } + } + } + + + + + + .modal_footer{ + display: table; + margin: 0 auto; + margin-top: 15px; + } + + + + + + + /* The Close Button */ + .close { + color: #aaaaaa; + float: right; + font-size: 28px; + font-weight: bold; + } + + .close:hover, + .close:focus { + color: #000; + text-decoration: none; + cursor: pointer; + } + } + + + + + + + + .position_product{ + padding-top: 100px; + /* padding-top: 100px; + right: 0; + left: unset !important; + position: absolute;*/ + } + + + @media (max-width: 940px) { + .modal_product { + height: 1010px; + width: 100vw; + max-width: 400px; + } + .position_product{ + padding-top: 5px; + } + } + + \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/styles/index_20220618202354.scss b/.history/components/customer/pages/index/modals/pizza/styles/index_20220618202354.scss new file mode 100644 index 0000000..b4a2bf3 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/styles/index_20220618202354.scss @@ -0,0 +1,139 @@ +.pizza_modal_card { + display: block; /* Hidden by default */ + position: fixed; /* Stay in place */ + z-index: 100; /* Sit on top */ + left: 0; + top: 0; + width: 100%; /* Full width */ + height: 100%; /* Full height */ + overflow: auto; /* Enable scroll if needed */ + background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ + font-family: 'Rubik'; + font-style: normal; + font-weight: 400; + + .dialog { + margin: 0 auto; + height: 533px; + width: 900px; + /* Modal Content */ + .content { + background-color: #fefefe; + margin: auto; + /*border: 1px solid #888;*/ + .body{ + height: 100%; + flex-wrap: wrap; + display: flex; + + .left{ + margin: 0 auto; + float: left; + position: static; + display: flex; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + width: 400px; + + .img{ + text-align: center; + height: 100%; + display: grid;; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + } + } + + .right{ + background: #F7F7F7; + width: 450px; + display: table; + float: left; + position: static; + + .header{ + height: 450px; + letter-spacing: 0.02em; + + .title{ + font-size: 20px; + line-height: 24px; + color: #252A48; + margin: 10px 10px 10px 15px; + } + .feature{ + font-size: 13px; + line-height: 15px; + margin: 10px 10px 10px 15px; + color: #8E8E93; + } + + .description{ + font-size: 13px; + line-height: 15px; + color: #252A48; + margin: 10px 10px 10px 15px; + } + /* Блок переключения */ + @import 'block_selector'; + @import 'ingredients'; + } + } + } + } + } + + .modal_footer{ + display: table; + margin: 0 auto; + margin-top: 15px; + } + + + + + + + /* The Close Button */ + .close { + color: #aaaaaa; + float: right; + font-size: 28px; + font-weight: bold; + } + + .close:hover, + .close:focus { + color: #000; + text-decoration: none; + cursor: pointer; + } + } + + + + + + + + .position_product{ + padding-top: 100px; + /* padding-top: 100px; + right: 0; + left: unset !important; + position: absolute;*/ + } + + + @media (max-width: 940px) { + .modal_product { + height: 1010px; + width: 100vw; + max-width: 400px; + } + .position_product{ + padding-top: 5px; + } + } + + \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/styles/index_20220619080717.scss b/.history/components/customer/pages/index/modals/pizza/styles/index_20220619080717.scss new file mode 100644 index 0000000..a6e42a8 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/styles/index_20220619080717.scss @@ -0,0 +1,135 @@ +.pizza_modal_card { + display: block; /* Hidden by default */ + position: fixed; /* Stay in place */ + z-index: 100; /* Sit on top */ + left: 0; + top: 0; + width: 100%; /* Full width */ + height: 100%; /* Full height */ + overflow: auto; /* Enable scroll if needed */ + + .dialog { + margin: 0 auto; + height: 533px; + width: 900px; + /* Modal Content */ + .content { + background-color: #fefefe; + margin: auto; + /*border: 1px solid #888;*/ + .body{ + height: 100%; + flex-wrap: wrap; + display: flex; + + .left{ + margin: 0 auto; + float: left; + position: static; + display: flex; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + width: 400px; + + .img{ + text-align: center; + height: 100%; + display: grid;; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + } + } + + .right{ + background: #F7F7F7; + width: 450px; + display: table; + float: left; + position: static; + + .header{ + height: 450px; + letter-spacing: 0.02em; + + .title{ + font-size: 20px; + line-height: 24px; + color: #252A48; + margin: 10px 10px 10px 15px; + } + .feature{ + font-size: 13px; + line-height: 15px; + margin: 10px 10px 10px 15px; + color: #8E8E93; + } + + .description{ + font-size: 13px; + line-height: 15px; + color: #252A48; + margin: 10px 10px 10px 15px; + } + /* Блок переключения */ + @import 'block_selector'; + @import 'ingredients'; + } + } + } + } + } + + .modal_footer{ + display: table; + margin: 0 auto; + margin-top: 15px; + } + + + + + + + /* The Close Button */ + .close { + color: #aaaaaa; + float: right; + font-size: 28px; + font-weight: bold; + } + + .close:hover, + .close:focus { + color: #000; + text-decoration: none; + cursor: pointer; + } + } + + + + + + + + .position_product{ + padding-top: 100px; + /* padding-top: 100px; + right: 0; + left: unset !important; + position: absolute;*/ + } + + + @media (max-width: 940px) { + .modal_product { + height: 1010px; + width: 100vw; + max-width: 400px; + } + .position_product{ + padding-top: 5px; + } + } + + \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/styles/index_20220619080724.scss b/.history/components/customer/pages/index/modals/pizza/styles/index_20220619080724.scss new file mode 100644 index 0000000..7459c88 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/styles/index_20220619080724.scss @@ -0,0 +1,136 @@ +.pizza_modal_card { + display: block; /* Hidden by default */ + position: fixed; /* Stay in place */ + z-index: 100; /* Sit on top */ + left: 0; + top: 0; + width: 100%; /* Full width */ + height: 100%; /* Full height */ + overflow: auto; /* Enable scroll if needed */ + background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ + + .dialog { + margin: 0 auto; + height: 533px; + width: 900px; + /* Modal Content */ + .content { + background-color: #fefefe; + margin: auto; + /*border: 1px solid #888;*/ + .body{ + height: 100%; + flex-wrap: wrap; + display: flex; + + .left{ + margin: 0 auto; + float: left; + position: static; + display: flex; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + width: 400px; + + .img{ + text-align: center; + height: 100%; + display: grid;; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + } + } + + .right{ + background: #F7F7F7; + width: 450px; + display: table; + float: left; + position: static; + + .header{ + height: 450px; + letter-spacing: 0.02em; + + .title{ + font-size: 20px; + line-height: 24px; + color: #252A48; + margin: 10px 10px 10px 15px; + } + .feature{ + font-size: 13px; + line-height: 15px; + margin: 10px 10px 10px 15px; + color: #8E8E93; + } + + .description{ + font-size: 13px; + line-height: 15px; + color: #252A48; + margin: 10px 10px 10px 15px; + } + /* Блок переключения */ + @import 'block_selector'; + @import 'ingredients'; + } + } + } + } + } + + .modal_footer{ + display: table; + margin: 0 auto; + margin-top: 15px; + } + + + + + + + /* The Close Button */ + .close { + color: #aaaaaa; + float: right; + font-size: 28px; + font-weight: bold; + } + + .close:hover, + .close:focus { + color: #000; + text-decoration: none; + cursor: pointer; + } + } + + + + + + + + .position_product{ + padding-top: 100px; + /* padding-top: 100px; + right: 0; + left: unset !important; + position: absolute;*/ + } + + + @media (max-width: 940px) { + .modal_product { + height: 1010px; + width: 100vw; + max-width: 400px; + } + .position_product{ + padding-top: 5px; + } + } + + \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/styles/index_20220619080813.scss b/.history/components/customer/pages/index/modals/pizza/styles/index_20220619080813.scss new file mode 100644 index 0000000..02656a8 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/styles/index_20220619080813.scss @@ -0,0 +1,137 @@ +.pizza_modal_card { + display: block; /* Hidden by default */ + position: fixed; /* Stay in place */ + z-index: 100; /* Sit on top */ + left: 0; + top: 0; + width: 100%; /* Full width */ + height: 100%; /* Full height */ + overflow: auto; /* Enable scroll if needed */ + background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ + + .dialog { + margin: 0 auto; + margin-top: 20px; + height: 533px; + width: 900px; + /* Modal Content */ + .content { + background-color: #fefefe; + margin: auto; + /*border: 1px solid #888;*/ + .body{ + height: 100%; + flex-wrap: wrap; + display: flex; + + .left{ + margin: 0 auto; + float: left; + position: static; + display: flex; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + width: 400px; + + .img{ + text-align: center; + height: 100%; + display: grid;; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + } + } + + .right{ + background: #F7F7F7; + width: 450px; + display: table; + float: left; + position: static; + + .header{ + height: 450px; + letter-spacing: 0.02em; + + .title{ + font-size: 20px; + line-height: 24px; + color: #252A48; + margin: 10px 10px 10px 15px; + } + .feature{ + font-size: 13px; + line-height: 15px; + margin: 10px 10px 10px 15px; + color: #8E8E93; + } + + .description{ + font-size: 13px; + line-height: 15px; + color: #252A48; + margin: 10px 10px 10px 15px; + } + /* Блок переключения */ + @import 'block_selector'; + @import 'ingredients'; + } + } + } + } + } + + .modal_footer{ + display: table; + margin: 0 auto; + margin-top: 15px; + } + + + + + + + /* The Close Button */ + .close { + color: #aaaaaa; + float: right; + font-size: 28px; + font-weight: bold; + } + + .close:hover, + .close:focus { + color: #000; + text-decoration: none; + cursor: pointer; + } + } + + + + + + + + .position_product{ + padding-top: 100px; + /* padding-top: 100px; + right: 0; + left: unset !important; + position: absolute;*/ + } + + + @media (max-width: 940px) { + .modal_product { + height: 1010px; + width: 100vw; + max-width: 400px; + } + .position_product{ + padding-top: 5px; + } + } + + \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/styles/index_20220619081302.scss b/.history/components/customer/pages/index/modals/pizza/styles/index_20220619081302.scss new file mode 100644 index 0000000..75f4a9d --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/styles/index_20220619081302.scss @@ -0,0 +1,165 @@ +.fixed-overlay__modal { + text-align: center; + white-space: nowrap; +} + +.fixed-overlay__modal::after { + display: inline-block; + vertical-align: middle; + width: 0; + height: 100%; + content: ''; +} + +.modal { + display: inline-block; + vertical-align: middle; +} + +.modal_container { + margin: 50px; + padding: 20px; + min-width: 200px; + text-align: left; + white-space: normal; + background-color: #fff; + color: #000; +} + +.pizza_modal_card { + display: block; /* Hidden by default */ + position: fixed; /* Stay in place */ + z-index: 100; /* Sit on top */ + left: 0; + top: 0; + width: 100%; /* Full width */ + height: 100%; /* Full height */ + overflow: auto; /* Enable scroll if needed */ + background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ + + .dialog { + margin: 0 auto; + margin-top: 20px; + height: 533px; + width: 900px; + /* Modal Content */ + .content { + background-color: #fefefe; + margin: auto; + /*border: 1px solid #888;*/ + .body{ + height: 100%; + flex-wrap: wrap; + display: flex; + + .left{ + margin: 0 auto; + float: left; + position: static; + display: flex; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + width: 400px; + + .img{ + text-align: center; + height: 100%; + display: grid;; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + } + } + + .right{ + background: #F7F7F7; + width: 450px; + display: table; + float: left; + position: static; + + .header{ + height: 450px; + letter-spacing: 0.02em; + + .title{ + font-size: 20px; + line-height: 24px; + color: #252A48; + margin: 10px 10px 10px 15px; + } + .feature{ + font-size: 13px; + line-height: 15px; + margin: 10px 10px 10px 15px; + color: #8E8E93; + } + + .description{ + font-size: 13px; + line-height: 15px; + color: #252A48; + margin: 10px 10px 10px 15px; + } + /* Блок переключения */ + @import 'block_selector'; + @import 'ingredients'; + } + } + } + } + } + + .modal_footer{ + display: table; + margin: 0 auto; + margin-top: 15px; + } + + + + + + + /* The Close Button */ + .close { + color: #aaaaaa; + float: right; + font-size: 28px; + font-weight: bold; + } + + .close:hover, + .close:focus { + color: #000; + text-decoration: none; + cursor: pointer; + } + } + + + + + + + + .position_product{ + padding-top: 100px; + /* padding-top: 100px; + right: 0; + left: unset !important; + position: absolute;*/ + } + + + @media (max-width: 940px) { + .modal_product { + height: 1010px; + width: 100vw; + max-width: 400px; + } + .position_product{ + padding-top: 5px; + } + } + + \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/styles/index_20220619081915.scss b/.history/components/customer/pages/index/modals/pizza/styles/index_20220619081915.scss new file mode 100644 index 0000000..cffb76a --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/styles/index_20220619081915.scss @@ -0,0 +1,309 @@ +/* Стили модального окна и содержания +-------------------------------------------------------------------------------*/ + +/* слой затемнения */ + +.dm-overlay { + position: fixed; + top: 0; + left: 0; + background: rgba(0, 0, 0, 0.65); + display: none; + overflow: auto; + width: 100%; + height: 100%; + z-index: 1000; +} +/* активируем модальное окно */ + +.dm-overlay:target { + display: block; + -webkit-animation: fade .6s; + -moz-animation: fade .6s; + animation: fade .6s; +} +/* блочная таблица */ + +.dm-table { + display: table; + width: 100%; + height: 100%; +} +/* ячейка блочной таблицы */ + +.dm-cell { + display: table-cell; + padding: 0 1em; + vertical-align: middle; + text-align: center; +} +/* модальный блок */ + +.dm-modal { + display: inline-block; + padding: 20px; + max-width: 50em; + background: #607d8b; + -webkit-box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.22), 0px 19px 60px rgba(0, 0, 0, 0.3); + -moz-box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.22), 0px 19px 60px rgba(0, 0, 0, 0.3); + box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.22), 0px 19px 60px rgba(0, 0, 0, 0.3); + color: #cfd8dc; + text-align: left; +} +/* изображения в модальном окне */ + +.dm-modal img { + width: 100%; + height: auto; +} +/* миниатюры изображений */ + +.pl-left, +.pl-right { + width: 25%; + height: auto; +} +/* миниатюра справа */ + +.pl-right { + float: right; + margin: 5px 0 5px 15px; +} +/* миниатюра слева */ + +.pl-left { + float: left; + margin: 5px 15px 5px 0; +} +/* встраиваемое видео в модальном окне */ + +.video { + position: relative; + overflow: hidden; + padding-bottom: 56.25%; + height: 0; +} +.video iframe, +.video object, +.video embed { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} +/* рисуем кнопарь закрытия */ + +.close { + z-index: 9999; + float: right; + width: 30px; + height: 30px; + color: #cfd8dc; + text-align: center; + text-decoration: none; + line-height: 26px; + cursor: pointer; +} +.close:after { + display: block; + border: 2px solid #cfd8dc; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + border-radius: 50%; + content: 'X'; + -webkit-transition: all 0.6s; + -moz-transition: all 0.6s; + transition: all 0.6s; + -webkit-transform: scale(0.85); + -moz-transform: scale(0.85); + -ms-transform: scale(0.85); + transform: scale(0.85); +} +/* кнопка закрытия при наведении */ + +.close:hover:after { + border-color: #fff; + color: #fff; + -webkit-transform: scale(1); + -moz-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); +} +/* варианты фонвой заливки модального блока */ + +.green { + background: #388e3c!important; +} +.cyan { + background: #0097a7!important; +} +.teal { + background: #00796b!important; +} +/* движуха при появлении блоков с содержанием */ + +@-moz-keyframes fade { + from { + opacity: 0; + } + to { + opacity: 1 + } +} +@-webkit-keyframes fade { + from { + opacity: 0; + } + to { + opacity: 1 + } +} +@keyframes fade { + from { + opacity: 0; + } + to { + opacity: 1 + } +} + + + +.pizza_modal_card { + display: block; /* Hidden by default */ + position: fixed; /* Stay in place */ + z-index: 100; /* Sit on top */ + left: 0; + top: 0; + width: 100%; /* Full width */ + height: 100%; /* Full height */ + overflow: auto; /* Enable scroll if needed */ + background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ + + .dialog { + margin: 0 auto; + margin-top: 20px; + height: 533px; + width: 900px; + /* Modal Content */ + .content { + background-color: #fefefe; + margin: auto; + /*border: 1px solid #888;*/ + .body{ + height: 100%; + flex-wrap: wrap; + display: flex; + + .left{ + margin: 0 auto; + float: left; + position: static; + display: flex; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + width: 400px; + + .img{ + text-align: center; + height: 100%; + display: grid;; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + } + } + + .right{ + background: #F7F7F7; + width: 450px; + display: table; + float: left; + position: static; + + .header{ + height: 450px; + letter-spacing: 0.02em; + + .title{ + font-size: 20px; + line-height: 24px; + color: #252A48; + margin: 10px 10px 10px 15px; + } + .feature{ + font-size: 13px; + line-height: 15px; + margin: 10px 10px 10px 15px; + color: #8E8E93; + } + + .description{ + font-size: 13px; + line-height: 15px; + color: #252A48; + margin: 10px 10px 10px 15px; + } + /* Блок переключения */ + @import 'block_selector'; + @import 'ingredients'; + } + } + } + } + } + + .modal_footer{ + display: table; + margin: 0 auto; + margin-top: 15px; + } + + + + + + + /* The Close Button */ + .close { + color: #aaaaaa; + float: right; + font-size: 28px; + font-weight: bold; + } + + .close:hover, + .close:focus { + color: #000; + text-decoration: none; + cursor: pointer; + } + } + + + + + + + + .position_product{ + padding-top: 100px; + /* padding-top: 100px; + right: 0; + left: unset !important; + position: absolute;*/ + } + + + @media (max-width: 940px) { + .modal_product { + height: 1010px; + width: 100vw; + max-width: 400px; + } + .position_product{ + padding-top: 5px; + } + } + + \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/styles/index_20220619082111.scss b/.history/components/customer/pages/index/modals/pizza/styles/index_20220619082111.scss new file mode 100644 index 0000000..02656a8 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/styles/index_20220619082111.scss @@ -0,0 +1,137 @@ +.pizza_modal_card { + display: block; /* Hidden by default */ + position: fixed; /* Stay in place */ + z-index: 100; /* Sit on top */ + left: 0; + top: 0; + width: 100%; /* Full width */ + height: 100%; /* Full height */ + overflow: auto; /* Enable scroll if needed */ + background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ + + .dialog { + margin: 0 auto; + margin-top: 20px; + height: 533px; + width: 900px; + /* Modal Content */ + .content { + background-color: #fefefe; + margin: auto; + /*border: 1px solid #888;*/ + .body{ + height: 100%; + flex-wrap: wrap; + display: flex; + + .left{ + margin: 0 auto; + float: left; + position: static; + display: flex; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + width: 400px; + + .img{ + text-align: center; + height: 100%; + display: grid;; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + } + } + + .right{ + background: #F7F7F7; + width: 450px; + display: table; + float: left; + position: static; + + .header{ + height: 450px; + letter-spacing: 0.02em; + + .title{ + font-size: 20px; + line-height: 24px; + color: #252A48; + margin: 10px 10px 10px 15px; + } + .feature{ + font-size: 13px; + line-height: 15px; + margin: 10px 10px 10px 15px; + color: #8E8E93; + } + + .description{ + font-size: 13px; + line-height: 15px; + color: #252A48; + margin: 10px 10px 10px 15px; + } + /* Блок переключения */ + @import 'block_selector'; + @import 'ingredients'; + } + } + } + } + } + + .modal_footer{ + display: table; + margin: 0 auto; + margin-top: 15px; + } + + + + + + + /* The Close Button */ + .close { + color: #aaaaaa; + float: right; + font-size: 28px; + font-weight: bold; + } + + .close:hover, + .close:focus { + color: #000; + text-decoration: none; + cursor: pointer; + } + } + + + + + + + + .position_product{ + padding-top: 100px; + /* padding-top: 100px; + right: 0; + left: unset !important; + position: absolute;*/ + } + + + @media (max-width: 940px) { + .modal_product { + height: 1010px; + width: 100vw; + max-width: 400px; + } + .position_product{ + padding-top: 5px; + } + } + + \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/styles/index_20220619082249.scss b/.history/components/customer/pages/index/modals/pizza/styles/index_20220619082249.scss new file mode 100644 index 0000000..4cb7629 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/styles/index_20220619082249.scss @@ -0,0 +1,147 @@ +.pizza_modal_card { + display: block; /* Hidden by default */ + position: fixed; /* Stay in place */ + z-index: 100; /* Sit on top */ + left: 0; + top: 0; + width: 100%; /* Full width */ + height: 100%; /* Full height */ + overflow: auto; /* Enable scroll if needed */ + background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ + + .dialog { + margin: 0 auto; + margin-top: 20px; + height: 533px; + width: 900px; + + display: inline-block; + padding: 20px; + max-width: 50em; + background: #607d8b; + -webkit-box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.22), 0px 19px 60px rgba(0, 0, 0, 0.3); + -moz-box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.22), 0px 19px 60px rgba(0, 0, 0, 0.3); + box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.22), 0px 19px 60px rgba(0, 0, 0, 0.3); + color: #cfd8dc; + text-align: left; + /* Modal Content */ + .content { + background-color: #fefefe; + margin: auto; + /*border: 1px solid #888;*/ + .body{ + height: 100%; + flex-wrap: wrap; + display: flex; + + .left{ + margin: 0 auto; + float: left; + position: static; + display: flex; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + width: 400px; + + .img{ + text-align: center; + height: 100%; + display: grid;; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + } + } + + .right{ + background: #F7F7F7; + width: 450px; + display: table; + float: left; + position: static; + + .header{ + height: 450px; + letter-spacing: 0.02em; + + .title{ + font-size: 20px; + line-height: 24px; + color: #252A48; + margin: 10px 10px 10px 15px; + } + .feature{ + font-size: 13px; + line-height: 15px; + margin: 10px 10px 10px 15px; + color: #8E8E93; + } + + .description{ + font-size: 13px; + line-height: 15px; + color: #252A48; + margin: 10px 10px 10px 15px; + } + /* Блок переключения */ + @import 'block_selector'; + @import 'ingredients'; + } + } + } + } + } + + .modal_footer{ + display: table; + margin: 0 auto; + margin-top: 15px; + } + + + + + + + /* The Close Button */ + .close { + color: #aaaaaa; + float: right; + font-size: 28px; + font-weight: bold; + } + + .close:hover, + .close:focus { + color: #000; + text-decoration: none; + cursor: pointer; + } + } + + + + + + + + .position_product{ + padding-top: 100px; + /* padding-top: 100px; + right: 0; + left: unset !important; + position: absolute;*/ + } + + + @media (max-width: 940px) { + .modal_product { + height: 1010px; + width: 100vw; + max-width: 400px; + } + .position_product{ + padding-top: 5px; + } + } + + \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/styles/index_20220619082301.scss b/.history/components/customer/pages/index/modals/pizza/styles/index_20220619082301.scss new file mode 100644 index 0000000..c884023 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/styles/index_20220619082301.scss @@ -0,0 +1,138 @@ +.pizza_modal_card { + display: block; /* Hidden by default */ + position: fixed; /* Stay in place */ + z-index: 100; /* Sit on top */ + left: 0; + top: 0; + width: 100%; /* Full width */ + height: 100%; /* Full height */ + overflow: auto; /* Enable scroll if needed */ + background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ + + .dialog { + margin: 0 auto; + margin-top: 20px; + height: 533px; + width: 900px; + + /* Modal Content */ + .content { + background-color: #fefefe; + margin: auto; + /*border: 1px solid #888;*/ + .body{ + height: 100%; + flex-wrap: wrap; + display: flex; + + .left{ + margin: 0 auto; + float: left; + position: static; + display: flex; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + width: 400px; + + .img{ + text-align: center; + height: 100%; + display: grid;; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + } + } + + .right{ + background: #F7F7F7; + width: 450px; + display: table; + float: left; + position: static; + + .header{ + height: 450px; + letter-spacing: 0.02em; + + .title{ + font-size: 20px; + line-height: 24px; + color: #252A48; + margin: 10px 10px 10px 15px; + } + .feature{ + font-size: 13px; + line-height: 15px; + margin: 10px 10px 10px 15px; + color: #8E8E93; + } + + .description{ + font-size: 13px; + line-height: 15px; + color: #252A48; + margin: 10px 10px 10px 15px; + } + /* Блок переключения */ + @import 'block_selector'; + @import 'ingredients'; + } + } + } + } + } + + .modal_footer{ + display: table; + margin: 0 auto; + margin-top: 15px; + } + + + + + + + /* The Close Button */ + .close { + color: #aaaaaa; + float: right; + font-size: 28px; + font-weight: bold; + } + + .close:hover, + .close:focus { + color: #000; + text-decoration: none; + cursor: pointer; + } + } + + + + + + + + .position_product{ + padding-top: 100px; + /* padding-top: 100px; + right: 0; + left: unset !important; + position: absolute;*/ + } + + + @media (max-width: 940px) { + .modal_product { + height: 1010px; + width: 100vw; + max-width: 400px; + } + .position_product{ + padding-top: 5px; + } + } + + \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/styles/index_20220619082507.scss b/.history/components/customer/pages/index/modals/pizza/styles/index_20220619082507.scss new file mode 100644 index 0000000..0fb1a7c --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/styles/index_20220619082507.scss @@ -0,0 +1,138 @@ +.pizza_modal_card { + display: block; /* Hidden by default */ + position: fixed; /* Stay in place */ + z-index: 100; /* Sit on top */ + left: 0; + top: 0; + width: 100%; /* Full width */ + height: 100%; /* Full height */ + overflow: auto; /* Enable scroll if needed */ + background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ + + .dialog { + margin: 0 auto; + margin-top: 20px; + height: 533px; + width: 900px; + + /* Modal Content */ + .content { + background-color: #fefefe; + margin: auto; + /*border: 1px solid #888;*/ + .body{ + height: 100%; + flex-wrap: wrap; + display: flex; + + .left{ + margin: 0 auto; + float: left; + position: static; + display: flex; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + width: 400px; + + .img{ + text-align: center; + height: 100%; + display: grid;; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + } + } + + .right{ + background: #F7F7F7; + width: 450px; + display: table; + float: left; + position: static; + + .header{ + height: 450px; + letter-spacing: 0.02em; + + .title{ + font-size: 20px; + line-height: 24px; + color: #252A48; + margin: 10px 10px 10px 15px; + } + .feature{ + font-size: 13px; + line-height: 15px; + margin: 10px 10px 10px 15px; + color: #8E8E93; + } + + .description{ + font-size: 13px; + line-height: 15px; + color: #252A48; + margin: 10px 10px 10px 15px; + } + /* Блок переключения */ + @import 'block_selector'; + @import 'ingredients'; + } + } + } + } + } + + .modal_footer{ + display: table; + margin: 0 auto; + margin-top: 15px; + } + + + + + + + /* The Close Button */ + .close { + color: #aaaaaa; + float: right; + font-size: 28px; + font-weight: bold; + } + + .close:hover, + .close:focus { + color: #000; + text-decoration: none; + cursor: pointer; + } + } + + + + + + + + .position_product{ + padding-top: 100px; + /* padding-top: 100px; + right: 0; + left: unset !important; + position: absolute;*/ + } + + + @media (max-width: 940px) { + .pizza_modal_card { + height: 1010px; + width: 100vw; + max-width: 400px; + } + .pizza_modal_card{ + padding-top: 5px; + } + } + + \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/styles/index_20220619082619.scss b/.history/components/customer/pages/index/modals/pizza/styles/index_20220619082619.scss new file mode 100644 index 0000000..5b085ee --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/styles/index_20220619082619.scss @@ -0,0 +1,140 @@ +.pizza_modal_card { + display: block; /* Hidden by default */ + position: fixed; /* Stay in place */ + z-index: 100; /* Sit on top */ + left: 0; + top: 0; + width: 100%; /* Full width */ + height: 100%; /* Full height */ + overflow: auto; /* Enable scroll if needed */ + background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ + + .dialog { + position: fixed; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + height: 533px; + width: 900px; + + /* Modal Content */ + .content { + background-color: #fefefe; + margin: auto; + /*border: 1px solid #888;*/ + .body{ + height: 100%; + flex-wrap: wrap; + display: flex; + + .left{ + margin: 0 auto; + float: left; + position: static; + display: flex; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + width: 400px; + + .img{ + text-align: center; + height: 100%; + display: grid;; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + } + } + + .right{ + background: #F7F7F7; + width: 450px; + display: table; + float: left; + position: static; + + .header{ + height: 450px; + letter-spacing: 0.02em; + + .title{ + font-size: 20px; + line-height: 24px; + color: #252A48; + margin: 10px 10px 10px 15px; + } + .feature{ + font-size: 13px; + line-height: 15px; + margin: 10px 10px 10px 15px; + color: #8E8E93; + } + + .description{ + font-size: 13px; + line-height: 15px; + color: #252A48; + margin: 10px 10px 10px 15px; + } + /* Блок переключения */ + @import 'block_selector'; + @import 'ingredients'; + } + } + } + } + } + + .modal_footer{ + display: table; + margin: 0 auto; + margin-top: 15px; + } + + + + + + + /* The Close Button */ + .close { + color: #aaaaaa; + float: right; + font-size: 28px; + font-weight: bold; + } + + .close:hover, + .close:focus { + color: #000; + text-decoration: none; + cursor: pointer; + } + } + + + + + + + + .position_product{ + padding-top: 100px; + /* padding-top: 100px; + right: 0; + left: unset !important; + position: absolute;*/ + } + + + @media (max-width: 940px) { + .pizza_modal_card { + height: 1010px; + width: 100vw; + max-width: 400px; + } + .pizza_modal_card{ + padding-top: 5px; + } + } + + \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/styles/index_20220619082822.scss b/.history/components/customer/pages/index/modals/pizza/styles/index_20220619082822.scss new file mode 100644 index 0000000..dd3667d --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/styles/index_20220619082822.scss @@ -0,0 +1,141 @@ +.pizza_modal_card { + display: block; /* Hidden by default */ + position: fixed; /* Stay in place */ + z-index: 100; /* Sit on top */ + left: 0; + top: 0; + width: 100%; /* Full width */ + height: 100%; /* Full height */ + overflow: auto; /* Enable scroll if needed */ + background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ + + .dialog { + position: fixed; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + height: 533px; + width: 900px; + border-radius: 20px; + + /* Modal Content */ + .content { + background-color: #fefefe; + margin: auto; + /*border: 1px solid #888;*/ + .body{ + height: 100%; + flex-wrap: wrap; + display: flex; + + .left{ + margin: 0 auto; + float: left; + position: static; + display: flex; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + width: 400px; + + .img{ + text-align: center; + height: 100%; + display: grid;; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + } + } + + .right{ + background: #F7F7F7; + width: 450px; + display: table; + float: left; + position: static; + + .header{ + height: 450px; + letter-spacing: 0.02em; + + .title{ + font-size: 20px; + line-height: 24px; + color: #252A48; + margin: 10px 10px 10px 15px; + } + .feature{ + font-size: 13px; + line-height: 15px; + margin: 10px 10px 10px 15px; + color: #8E8E93; + } + + .description{ + font-size: 13px; + line-height: 15px; + color: #252A48; + margin: 10px 10px 10px 15px; + } + /* Блок переключения */ + @import 'block_selector'; + @import 'ingredients'; + } + } + } + } + } + + .modal_footer{ + display: table; + margin: 0 auto; + margin-top: 15px; + } + + + + + + + /* The Close Button */ + .close { + color: #aaaaaa; + float: right; + font-size: 28px; + font-weight: bold; + } + + .close:hover, + .close:focus { + color: #000; + text-decoration: none; + cursor: pointer; + } + } + + + + + + + + .position_product{ + padding-top: 100px; + /* padding-top: 100px; + right: 0; + left: unset !important; + position: absolute;*/ + } + + + @media (max-width: 940px) { + .pizza_modal_card { + height: 1010px; + width: 100vw; + max-width: 400px; + } + .pizza_modal_card{ + padding-top: 5px; + } + } + + \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/styles/index_20220619082939.scss b/.history/components/customer/pages/index/modals/pizza/styles/index_20220619082939.scss new file mode 100644 index 0000000..2276fc1 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/styles/index_20220619082939.scss @@ -0,0 +1,141 @@ +.pizza_modal_card { + display: block; /* Hidden by default */ + position: fixed; /* Stay in place */ + z-index: 100; /* Sit on top */ + left: 0; + top: 0; + width: 100%; /* Full width */ + height: 100%; /* Full height */ + overflow: auto; /* Enable scroll if needed */ + background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ + + .dialog { + position: fixed; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + height: 533px; + width: 900px; + + /* Modal Content */ + .content { + background-color: #fefefe; + margin: auto; + border-radius: 20px; + /*border: 1px solid #888;*/ + .body{ + height: 100%; + flex-wrap: wrap; + display: flex; + + .left{ + margin: 0 auto; + float: left; + position: static; + display: flex; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + width: 400px; + + .img{ + text-align: center; + height: 100%; + display: grid;; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + } + } + + .right{ + background: #F7F7F7; + width: 450px; + display: table; + float: left; + position: static; + + .header{ + height: 450px; + letter-spacing: 0.02em; + + .title{ + font-size: 20px; + line-height: 24px; + color: #252A48; + margin: 10px 10px 10px 15px; + } + .feature{ + font-size: 13px; + line-height: 15px; + margin: 10px 10px 10px 15px; + color: #8E8E93; + } + + .description{ + font-size: 13px; + line-height: 15px; + color: #252A48; + margin: 10px 10px 10px 15px; + } + /* Блок переключения */ + @import 'block_selector'; + @import 'ingredients'; + } + } + } + } + } + + .modal_footer{ + display: table; + margin: 0 auto; + margin-top: 15px; + } + + + + + + + /* The Close Button */ + .close { + color: #aaaaaa; + float: right; + font-size: 28px; + font-weight: bold; + } + + .close:hover, + .close:focus { + color: #000; + text-decoration: none; + cursor: pointer; + } + } + + + + + + + + .position_product{ + padding-top: 100px; + /* padding-top: 100px; + right: 0; + left: unset !important; + position: absolute;*/ + } + + + @media (max-width: 940px) { + .pizza_modal_card { + height: 1010px; + width: 100vw; + max-width: 400px; + } + .pizza_modal_card{ + padding-top: 5px; + } + } + + \ No newline at end of file diff --git a/.history/components/customer/pages/index/modals/pizza/styles/index_20220619083157.scss b/.history/components/customer/pages/index/modals/pizza/styles/index_20220619083157.scss new file mode 100644 index 0000000..e6d62b0 --- /dev/null +++ b/.history/components/customer/pages/index/modals/pizza/styles/index_20220619083157.scss @@ -0,0 +1,141 @@ +.pizza_modal_card { + display: block; /* Hidden by default */ + position: fixed; /* Stay in place */ + z-index: 100; /* Sit on top */ + left: 0; + top: 0; + width: 100%; /* Full width */ + height: 100%; /* Full height */ + overflow: auto; /* Enable scroll if needed */ + background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ + + .dialog { + position: fixed; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + height: 533px; + width: 900px; + + /* Modal Content */ + .content { + background-color: #fefefe; + margin: auto; + border-radius: 20px; + /*border: 1px solid #888;*/ + .body{ + height: 100%; + flex-wrap: wrap; + display: flex; + + .left{ + /* margin: 0 auto;*/ + float: left; + position: static; + display: flex; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + width: 400px; + + .img{ + text-align: center; + height: 100%; + display: grid;; + justify-content: center; /*Центрирование по горизонтали*/ + align-items: center; /*Центрирование по вертикали */ + } + } + + .right{ + background: #F7F7F7; + width: 450px; + display: table; + float: left; + position: static; + + .header{ + height: 450px; + letter-spacing: 0.02em; + + .title{ + font-size: 20px; + line-height: 24px; + color: #252A48; + margin: 10px 10px 10px 15px; + } + .feature{ + font-size: 13px; + line-height: 15px; + margin: 10px 10px 10px 15px; + color: #8E8E93; + } + + .description{ + font-size: 13px; + line-height: 15px; + color: #252A48; + margin: 10px 10px 10px 15px; + } + /* Блок переключения */ + @import 'block_selector'; + @import 'ingredients'; + } + } + } + } + } + + .modal_footer{ + display: table; + margin: 0 auto; + margin-top: 15px; + } + + + + + + + /* The Close Button */ + .close { + color: #aaaaaa; + float: right; + font-size: 28px; + font-weight: bold; + } + + .close:hover, + .close:focus { + color: #000; + text-decoration: none; + cursor: pointer; + } + } + + + + + + + + .position_product{ + padding-top: 100px; + /* padding-top: 100px; + right: 0; + left: unset !important; + position: absolute;*/ + } + + + @media (max-width: 940px) { + .pizza_modal_card { + height: 1010px; + width: 100vw; + max-width: 400px; + } + .pizza_modal_card{ + padding-top: 5px; + } + } + + \ No newline at end of file diff --git a/.history/components/customer/search/index_20220518151433.tsx b/.history/components/customer/search/index_20220518151433.tsx new file mode 100644 index 0000000..7cbd19b --- /dev/null +++ b/.history/components/customer/search/index_20220518151433.tsx @@ -0,0 +1,83 @@ +import React from 'react'; +import { useDispatch } from 'react-redux'; +import { debounce } from "lodash" + +import { setSearchValue } from '../../../redux/search/slice'; + +export const Search: React.FC = () => { + const dispatch = useDispatch(); + const [value, setValue] = React.useState(''); + const inputRef = React.useRef(null); + + const onClickClear = () => { + dispatch(setSearchValue('')); + setValue(''); + inputRef.current?.focus(); + }; + + const updateSearchValue = React.useCallback( + debounce((str: string) => { + dispatch(setSearchValue(str)); + }, 150), + [], + ); + + const onChangeInput = (event: React.ChangeEvent) => { + setValue(event.target.value); + updateSearchValue(event.target.value); + }; + + return ( +
    + + + + + + {value && ( + + + + )} +
    + ); +}; diff --git a/.history/components/customer/search/index_20220518152152.tsx b/.history/components/customer/search/index_20220518152152.tsx new file mode 100644 index 0000000..7cbd19b --- /dev/null +++ b/.history/components/customer/search/index_20220518152152.tsx @@ -0,0 +1,83 @@ +import React from 'react'; +import { useDispatch } from 'react-redux'; +import { debounce } from "lodash" + +import { setSearchValue } from '../../../redux/search/slice'; + +export const Search: React.FC = () => { + const dispatch = useDispatch(); + const [value, setValue] = React.useState(''); + const inputRef = React.useRef(null); + + const onClickClear = () => { + dispatch(setSearchValue('')); + setValue(''); + inputRef.current?.focus(); + }; + + const updateSearchValue = React.useCallback( + debounce((str: string) => { + dispatch(setSearchValue(str)); + }, 150), + [], + ); + + const onChangeInput = (event: React.ChangeEvent) => { + setValue(event.target.value); + updateSearchValue(event.target.value); + }; + + return ( +
    + + + + + + {value && ( + + + + )} +
    + ); +}; diff --git a/.history/components/customer/search/index_20220518152153.tsx b/.history/components/customer/search/index_20220518152153.tsx new file mode 100644 index 0000000..7cbd19b --- /dev/null +++ b/.history/components/customer/search/index_20220518152153.tsx @@ -0,0 +1,83 @@ +import React from 'react'; +import { useDispatch } from 'react-redux'; +import { debounce } from "lodash" + +import { setSearchValue } from '../../../redux/search/slice'; + +export const Search: React.FC = () => { + const dispatch = useDispatch(); + const [value, setValue] = React.useState(''); + const inputRef = React.useRef(null); + + const onClickClear = () => { + dispatch(setSearchValue('')); + setValue(''); + inputRef.current?.focus(); + }; + + const updateSearchValue = React.useCallback( + debounce((str: string) => { + dispatch(setSearchValue(str)); + }, 150), + [], + ); + + const onChangeInput = (event: React.ChangeEvent) => { + setValue(event.target.value); + updateSearchValue(event.target.value); + }; + + return ( +
    + + + + + + {value && ( + + + + )} +
    + ); +}; diff --git a/.history/components/index_20220516231522.ts b/.history/components/index_20220516231522.ts new file mode 100644 index 0000000..64f7c87 --- /dev/null +++ b/.history/components/index_20220516231522.ts @@ -0,0 +1 @@ +export * from './Header'; \ No newline at end of file diff --git a/.history/components/index_20220518134507.ts b/.history/components/index_20220518134507.ts new file mode 100644 index 0000000..a42c44a --- /dev/null +++ b/.history/components/index_20220518134507.ts @@ -0,0 +1,3 @@ +export * from './Header'; +export * from './Block/Stock/Skeleton'; +export * from './Block/Stock/Stock'; \ No newline at end of file diff --git a/.history/components/index_20220518142859.ts b/.history/components/index_20220518142859.ts new file mode 100644 index 0000000..fa93f53 --- /dev/null +++ b/.history/components/index_20220518142859.ts @@ -0,0 +1,4 @@ +export * from './Header'; +export * from './Block/Stock/Skeleton'; +export * from './Block/Stock/Stock'; +export * from './Containers/BoxScroll'; \ No newline at end of file diff --git a/.history/components/index_20220518151422.ts b/.history/components/index_20220518151422.ts new file mode 100644 index 0000000..1cce4d6 --- /dev/null +++ b/.history/components/index_20220518151422.ts @@ -0,0 +1,4 @@ +export * from './Header'; +export * from './Block/Stock/Skeleton'; +export * from './Block/Stock/Stock'; +export * from './Customer/Containers/BoxScroll'; \ No newline at end of file diff --git a/.history/components/index_20220518151448.ts b/.history/components/index_20220518151448.ts new file mode 100644 index 0000000..85595dd --- /dev/null +++ b/.history/components/index_20220518151448.ts @@ -0,0 +1,4 @@ +export * from './Customer/Header'; +export * from './Block/Stock/Skeleton'; +export * from './Block/Stock/Stock'; +export * from './Customer/Containers/BoxScroll'; \ No newline at end of file diff --git a/.history/components/index_20220518151449.ts b/.history/components/index_20220518151449.ts new file mode 100644 index 0000000..85595dd --- /dev/null +++ b/.history/components/index_20220518151449.ts @@ -0,0 +1,4 @@ +export * from './Customer/Header'; +export * from './Block/Stock/Skeleton'; +export * from './Block/Stock/Stock'; +export * from './Customer/Containers/BoxScroll'; \ No newline at end of file diff --git a/.history/components/index_20220518151803.ts b/.history/components/index_20220518151803.ts new file mode 100644 index 0000000..2aec2ab --- /dev/null +++ b/.history/components/index_20220518151803.ts @@ -0,0 +1,4 @@ +export * from './customer/Header'; +export * from './block/Stock/Skeleton'; +export * from './block/Stock/Stock'; +export * from './customer/containers/BoxScroll'; \ No newline at end of file diff --git a/.history/components/index_20220518152149.ts b/.history/components/index_20220518152149.ts new file mode 100644 index 0000000..6d953a3 --- /dev/null +++ b/.history/components/index_20220518152149.ts @@ -0,0 +1,4 @@ +export * from './customer/Header'; +export * from './customer/block/Stock/Skeleton'; +export * from './customer/block/Stock/Stock'; +export * from './customer/containers/BoxScroll'; \ No newline at end of file diff --git a/.history/components/index_20220528174627.ts b/.history/components/index_20220528174627.ts new file mode 100644 index 0000000..34828df --- /dev/null +++ b/.history/components/index_20220528174627.ts @@ -0,0 +1,5 @@ +export * from './customer/Header'; +export * from './customer/block/Stock/Skeleton'; +export * from './customer/block/Stock/Stock'; +export * from './customer/containers/BoxScroll'; +export * from './customer/block/Motto/Index'; \ No newline at end of file diff --git a/.history/components/index_20220528224437.ts b/.history/components/index_20220528224437.ts new file mode 100644 index 0000000..6037292 --- /dev/null +++ b/.history/components/index_20220528224437.ts @@ -0,0 +1,6 @@ +export * from './customer/Header'; +export * from './customer/block/Stock/Skeleton'; +export * from './customer/block/Stock/Stock'; +export * from './customer/containers/BoxScroll'; +export * from './customer/block/Motto/Index'; +export * from './customer/block/Categories/Categories'; \ No newline at end of file diff --git a/.history/components/index_20220528234800.ts b/.history/components/index_20220528234800.ts new file mode 100644 index 0000000..c2740fb --- /dev/null +++ b/.history/components/index_20220528234800.ts @@ -0,0 +1,7 @@ +export * from './customer/Header'; +export * from './customer/block/Stock/Skeleton'; +export * from './customer/block/Stock/Stock'; +export * from './customer/containers/BoxScroll'; +export * from './customer/block/Motto/Index'; +export * from './customer/block/Categories/Categories'; +export \ No newline at end of file diff --git a/.history/components/index_20220528234806.ts b/.history/components/index_20220528234806.ts new file mode 100644 index 0000000..79537fb --- /dev/null +++ b/.history/components/index_20220528234806.ts @@ -0,0 +1,7 @@ +export * from './customer/Header'; +export * from './customer/block/Stock/Skeleton'; +export * from './customer/block/Stock/Stock'; +export * from './customer/containers/BoxScroll'; +export * from './customer/block/Motto/Index'; +export * from './customer/block/Categories/Categories'; +export * from './' \ No newline at end of file diff --git a/.history/components/index_20220528234807.ts b/.history/components/index_20220528234807.ts new file mode 100644 index 0000000..5fe6882 --- /dev/null +++ b/.history/components/index_20220528234807.ts @@ -0,0 +1,7 @@ +export * from './customer/Header'; +export * from './customer/block/Stock/Skeleton'; +export * from './customer/block/Stock/Stock'; +export * from './customer/containers/BoxScroll'; +export * from './customer/block/Motto/Index'; +export * from './customer/block/Categories/Categories'; +export * from './customer/' \ No newline at end of file diff --git a/.history/components/index_20220528234810.ts b/.history/components/index_20220528234810.ts new file mode 100644 index 0000000..17fc8d3 --- /dev/null +++ b/.history/components/index_20220528234810.ts @@ -0,0 +1,7 @@ +export * from './customer/Header'; +export * from './customer/block/Stock/Skeleton'; +export * from './customer/block/Stock/Stock'; +export * from './customer/containers/BoxScroll'; +export * from './customer/block/Motto/Index'; +export * from './customer/block/Categories/Categories'; +export * from './customer/block/Categories/Skeleton' \ No newline at end of file diff --git a/.history/components/index_20220528234811.ts b/.history/components/index_20220528234811.ts new file mode 100644 index 0000000..1e482aa --- /dev/null +++ b/.history/components/index_20220528234811.ts @@ -0,0 +1,7 @@ +export * from './customer/Header'; +export * from './customer/block/Stock/Skeleton'; +export * from './customer/block/Stock/Stock'; +export * from './customer/containers/BoxScroll'; +export * from './customer/block/Motto/Index'; +export * from './customer/block/Categories/Categories'; +export * from './customer/block/Categories/Skeleton'; \ No newline at end of file diff --git a/.history/components/index_20220529001231.ts b/.history/components/index_20220529001231.ts new file mode 100644 index 0000000..aa8a894 --- /dev/null +++ b/.history/components/index_20220529001231.ts @@ -0,0 +1,8 @@ +export * from './customer/Header'; +export * from './customer/block/Stock/Skeleton'; +export * from './customer/block/Stock/Stock'; +export * from './customer/containers/BoxScroll'; +export * from './customer/block/Motto/Index'; +export * from './customer/block/Categories/Categories'; +export * from './customer/block/Categories/Skeleton'; +export # \ No newline at end of file diff --git a/.history/components/index_20220529001233.ts b/.history/components/index_20220529001233.ts new file mode 100644 index 0000000..660df72 --- /dev/null +++ b/.history/components/index_20220529001233.ts @@ -0,0 +1,8 @@ +export * from './customer/Header'; +export * from './customer/block/Stock/Skeleton'; +export * from './customer/block/Stock/Stock'; +export * from './customer/containers/BoxScroll'; +export * from './customer/block/Motto/Index'; +export * from './customer/block/Categories/Categories'; +export * from './customer/block/Categories/Skeleton'; +export \ No newline at end of file diff --git a/.history/components/index_20220529001238.ts b/.history/components/index_20220529001238.ts new file mode 100644 index 0000000..4b85ec1 --- /dev/null +++ b/.history/components/index_20220529001238.ts @@ -0,0 +1,8 @@ +export * from './customer/Header'; +export * from './customer/block/Stock/Skeleton'; +export * from './customer/block/Stock/Stock'; +export * from './customer/containers/BoxScroll'; +export * from './customer/block/Motto/Index'; +export * from './customer/block/Categories/Categories'; +export * from './customer/block/Categories/Skeleton'; +export * from ; \ No newline at end of file diff --git a/.history/components/index_20220529001241.ts b/.history/components/index_20220529001241.ts new file mode 100644 index 0000000..5c35e6f --- /dev/null +++ b/.history/components/index_20220529001241.ts @@ -0,0 +1,8 @@ +export * from './customer/Header'; +export * from './customer/block/Stock/Skeleton'; +export * from './customer/block/Stock/Stock'; +export * from './customer/containers/BoxScroll'; +export * from './customer/block/Motto/Index'; +export * from './customer/block/Categories/Categories'; +export * from './customer/block/Categories/Skeleton'; +export * from './' \ No newline at end of file diff --git a/.history/components/index_20220529001242.ts b/.history/components/index_20220529001242.ts new file mode 100644 index 0000000..0f2bfb5 --- /dev/null +++ b/.history/components/index_20220529001242.ts @@ -0,0 +1,8 @@ +export * from './customer/Header'; +export * from './customer/block/Stock/Skeleton'; +export * from './customer/block/Stock/Stock'; +export * from './customer/containers/BoxScroll'; +export * from './customer/block/Motto/Index'; +export * from './customer/block/Categories/Categories'; +export * from './customer/block/Categories/Skeleton'; +export * from './customer/' \ No newline at end of file diff --git a/.history/components/index_20220529001254.ts b/.history/components/index_20220529001254.ts new file mode 100644 index 0000000..4fb76a0 --- /dev/null +++ b/.history/components/index_20220529001254.ts @@ -0,0 +1,8 @@ +export * from './customer/Header'; +export * from './customer/block/Stock/Skeleton'; +export * from './customer/block/Stock/Stock'; +export * from './customer/containers/BoxScroll'; +export * from './customer/block/Motto/Index'; +export * from './customer/block/Categories/Categories'; +export * from './customer/block/Categories/Skeleton'; +export * from '.' \ No newline at end of file diff --git a/.history/components/index_20220529001259.ts b/.history/components/index_20220529001259.ts new file mode 100644 index 0000000..1e482aa --- /dev/null +++ b/.history/components/index_20220529001259.ts @@ -0,0 +1,7 @@ +export * from './customer/Header'; +export * from './customer/block/Stock/Skeleton'; +export * from './customer/block/Stock/Stock'; +export * from './customer/containers/BoxScroll'; +export * from './customer/block/Motto/Index'; +export * from './customer/block/Categories/Categories'; +export * from './customer/block/Categories/Skeleton'; \ No newline at end of file diff --git a/.history/components/index_20220529002438.ts b/.history/components/index_20220529002438.ts new file mode 100644 index 0000000..d42d85e --- /dev/null +++ b/.history/components/index_20220529002438.ts @@ -0,0 +1,8 @@ +export * from './customer/Header'; +export * from './customer/block/Stock/Skeleton'; +export * from './customer/block/Stock/Stock'; +export * from './customer/containers/BoxScroll'; +export * from './customer/block/Motto/Index'; +export * from './customer/block/Categories/Categories'; +export * from './customer/block/Categories/Skeleton'; +ecport \ No newline at end of file diff --git a/.history/components/index_20220529002440.ts b/.history/components/index_20220529002440.ts new file mode 100644 index 0000000..9c2ea64 --- /dev/null +++ b/.history/components/index_20220529002440.ts @@ -0,0 +1,8 @@ +export * from './customer/Header'; +export * from './customer/block/Stock/Skeleton'; +export * from './customer/block/Stock/Stock'; +export * from './customer/containers/BoxScroll'; +export * from './customer/block/Motto/Index'; +export * from './customer/block/Categories/Categories'; +export * from './customer/block/Categories/Skeleton'; +ecport * from \ No newline at end of file diff --git a/.history/components/index_20220529002445.ts b/.history/components/index_20220529002445.ts new file mode 100644 index 0000000..519bdd7 --- /dev/null +++ b/.history/components/index_20220529002445.ts @@ -0,0 +1,8 @@ +export * from './customer/Header'; +export * from './customer/block/Stock/Skeleton'; +export * from './customer/block/Stock/Stock'; +export * from './customer/containers/BoxScroll'; +export * from './customer/block/Motto/Index'; +export * from './customer/block/Categories/Categories'; +export * from './customer/block/Categories/Skeleton'; +export * from \ No newline at end of file diff --git a/.history/components/index_20220529002448.ts b/.history/components/index_20220529002448.ts new file mode 100644 index 0000000..4807e80 --- /dev/null +++ b/.history/components/index_20220529002448.ts @@ -0,0 +1,8 @@ +export * from './customer/Header'; +export * from './customer/block/Stock/Skeleton'; +export * from './customer/block/Stock/Stock'; +export * from './customer/containers/BoxScroll'; +export * from './customer/block/Motto/Index'; +export * from './customer/block/Categories/Categories'; +export * from './customer/block/Categories/Skeleton'; +export * from './' \ No newline at end of file diff --git a/.history/components/index_20220529002450.ts b/.history/components/index_20220529002450.ts new file mode 100644 index 0000000..1a73973 --- /dev/null +++ b/.history/components/index_20220529002450.ts @@ -0,0 +1,8 @@ +export * from './customer/Header'; +export * from './customer/block/Stock/Skeleton'; +export * from './customer/block/Stock/Stock'; +export * from './customer/containers/BoxScroll'; +export * from './customer/block/Motto/Index'; +export * from './customer/block/Categories/Categories'; +export * from './customer/block/Categories/Skeleton'; +export * from './customer/' \ No newline at end of file diff --git a/.history/components/index_20220529002453.ts b/.history/components/index_20220529002453.ts new file mode 100644 index 0000000..55641cc --- /dev/null +++ b/.history/components/index_20220529002453.ts @@ -0,0 +1,8 @@ +export * from './customer/Header'; +export * from './customer/block/Stock/Skeleton'; +export * from './customer/block/Stock/Stock'; +export * from './customer/containers/BoxScroll'; +export * from './customer/block/Motto/Index'; +export * from './customer/block/Categories/Categories'; +export * from './customer/block/Categories/Skeleton'; +export * from './customer/containers/Box' \ No newline at end of file diff --git a/.history/components/index_20220529002455.ts b/.history/components/index_20220529002455.ts new file mode 100644 index 0000000..86ce080 --- /dev/null +++ b/.history/components/index_20220529002455.ts @@ -0,0 +1,8 @@ +export * from './customer/Header'; +export * from './customer/block/Stock/Skeleton'; +export * from './customer/block/Stock/Stock'; +export * from './customer/containers/BoxScroll'; +export * from './customer/block/Motto/Index'; +export * from './customer/block/Categories/Categories'; +export * from './customer/block/Categories/Skeleton'; +export * from './customer/containers/Box'; \ No newline at end of file diff --git a/.history/components/index_20220529002457.ts b/.history/components/index_20220529002457.ts new file mode 100644 index 0000000..c2c0146 --- /dev/null +++ b/.history/components/index_20220529002457.ts @@ -0,0 +1,8 @@ +export * from './customer/Header'; +export * from './customer/block/Stock/Skeleton'; +export * from './customer/block/Stock/Stock'; +export * from './customer/containers/BoxScroll'; +export * from './customer/block/Motto/Index'; +export * from './customer/block/Categories/Categories'; +export * from './customer/block/Categories/Skeleton'; +export * from './customer/containers/Box'; \ No newline at end of file diff --git a/.history/components/index_20220529002459.ts b/.history/components/index_20220529002459.ts new file mode 100644 index 0000000..c2c0146 --- /dev/null +++ b/.history/components/index_20220529002459.ts @@ -0,0 +1,8 @@ +export * from './customer/Header'; +export * from './customer/block/Stock/Skeleton'; +export * from './customer/block/Stock/Stock'; +export * from './customer/containers/BoxScroll'; +export * from './customer/block/Motto/Index'; +export * from './customer/block/Categories/Categories'; +export * from './customer/block/Categories/Skeleton'; +export * from './customer/containers/Box'; \ No newline at end of file diff --git a/.history/components/index_20220529004037.ts b/.history/components/index_20220529004037.ts new file mode 100644 index 0000000..000df28 --- /dev/null +++ b/.history/components/index_20220529004037.ts @@ -0,0 +1,9 @@ +export * from './customer/Header'; +export * from './customer/block/Stock/Skeleton'; +export * from './customer/block/Stock/Stock'; +export * from './customer/containers/BoxScroll'; +export * from './customer/block/Motto/Index'; +export * from './customer/block/Categories/Categories'; +export * from './customer/block/Categories/Skeleton'; +export * from './customer/containers/Box'; +export \ No newline at end of file diff --git a/.history/components/index_20220529004044.ts b/.history/components/index_20220529004044.ts new file mode 100644 index 0000000..c41c56b --- /dev/null +++ b/.history/components/index_20220529004044.ts @@ -0,0 +1,9 @@ +export * from './customer/Header'; +export * from './customer/block/Stock/Skeleton'; +export * from './customer/block/Stock/Stock'; +export * from './customer/containers/BoxScroll'; +export * from './customer/block/Motto/Index'; +export * from './customer/block/Categories/Categories'; +export * from './customer/block/Categories/Skeleton'; +export * from './customer/containers/Box'; +export * from './' \ No newline at end of file diff --git a/.history/components/index_20220529004046.ts b/.history/components/index_20220529004046.ts new file mode 100644 index 0000000..e136dac --- /dev/null +++ b/.history/components/index_20220529004046.ts @@ -0,0 +1,9 @@ +export * from './customer/Header'; +export * from './customer/block/Stock/Skeleton'; +export * from './customer/block/Stock/Stock'; +export * from './customer/containers/BoxScroll'; +export * from './customer/block/Motto/Index'; +export * from './customer/block/Categories/Categories'; +export * from './customer/block/Categories/Skeleton'; +export * from './customer/containers/Box'; +export * from './customer/' \ No newline at end of file diff --git a/.history/components/index_20220529004049.ts b/.history/components/index_20220529004049.ts new file mode 100644 index 0000000..a036535 --- /dev/null +++ b/.history/components/index_20220529004049.ts @@ -0,0 +1,9 @@ +export * from './customer/Header'; +export * from './customer/block/Stock/Skeleton'; +export * from './customer/block/Stock/Stock'; +export * from './customer/containers/BoxScroll'; +export * from './customer/block/Motto/Index'; +export * from './customer/block/Categories/Categories'; +export * from './customer/block/Categories/Skeleton'; +export * from './customer/containers/Box'; +export * from './customer/block/' \ No newline at end of file diff --git a/.history/components/index_20220529004051.ts b/.history/components/index_20220529004051.ts new file mode 100644 index 0000000..2c83200 --- /dev/null +++ b/.history/components/index_20220529004051.ts @@ -0,0 +1,9 @@ +export * from './customer/Header'; +export * from './customer/block/Stock/Skeleton'; +export * from './customer/block/Stock/Stock'; +export * from './customer/containers/BoxScroll'; +export * from './customer/block/Motto/Index'; +export * from './customer/block/Categories/Categories'; +export * from './customer/block/Categories/Skeleton'; +export * from './customer/containers/Box'; +export * from './customer/block/Pizza' \ No newline at end of file diff --git a/.history/components/index_20220529004052.ts b/.history/components/index_20220529004052.ts new file mode 100644 index 0000000..2c83200 --- /dev/null +++ b/.history/components/index_20220529004052.ts @@ -0,0 +1,9 @@ +export * from './customer/Header'; +export * from './customer/block/Stock/Skeleton'; +export * from './customer/block/Stock/Stock'; +export * from './customer/containers/BoxScroll'; +export * from './customer/block/Motto/Index'; +export * from './customer/block/Categories/Categories'; +export * from './customer/block/Categories/Skeleton'; +export * from './customer/containers/Box'; +export * from './customer/block/Pizza' \ No newline at end of file diff --git a/.history/components/index_20220529004103.ts b/.history/components/index_20220529004103.ts new file mode 100644 index 0000000..4b50d7f --- /dev/null +++ b/.history/components/index_20220529004103.ts @@ -0,0 +1,9 @@ +export * from './customer/Header'; +export * from './customer/block/Stock/Skeleton'; +export * from './customer/block/Stock/Stock'; +export * from './customer/containers/BoxScroll'; +export * from './customer/block/Motto/Index'; +export * from './customer/block/Categories/'; +export * from './customer/block/Categories/Skeleton'; +export * from './customer/containers/Box'; +export * from './customer/block/Pizza' \ No newline at end of file diff --git a/.history/components/index_20220529004108.ts b/.history/components/index_20220529004108.ts new file mode 100644 index 0000000..2c83200 --- /dev/null +++ b/.history/components/index_20220529004108.ts @@ -0,0 +1,9 @@ +export * from './customer/Header'; +export * from './customer/block/Stock/Skeleton'; +export * from './customer/block/Stock/Stock'; +export * from './customer/containers/BoxScroll'; +export * from './customer/block/Motto/Index'; +export * from './customer/block/Categories/Categories'; +export * from './customer/block/Categories/Skeleton'; +export * from './customer/containers/Box'; +export * from './customer/block/Pizza' \ No newline at end of file diff --git a/.history/components/index_20220529145327.ts b/.history/components/index_20220529145327.ts new file mode 100644 index 0000000..f169f35 --- /dev/null +++ b/.history/components/index_20220529145327.ts @@ -0,0 +1,9 @@ +export * from './customer/Header'; +export * from './customer/block/Stock/Skeleton'; +export * from './customer/block/Stock/Stock'; +export * from './customer/containers/BoxScroll'; +export * from './customer/block/Motto/Index'; +export * from './customer/block/Categories/Categories'; +export * from './customer/block/Categories/Skeleton'; +export * from './customer/containers/Box'; +export * from './customer/block/Pizza/Block' \ No newline at end of file diff --git a/.history/components/index_20220529145843.ts b/.history/components/index_20220529145843.ts new file mode 100644 index 0000000..7d736f2 --- /dev/null +++ b/.history/components/index_20220529145843.ts @@ -0,0 +1,9 @@ +export * from './customer/Header'; +export * from './customer/block/Stock/Skeleton'; +export * from './customer/block/Stock/Stock'; +export * from './customer/containers/BoxScroll'; +export * from './customer/block/Motto/Index'; +export * from './customer/block/Categories/Categories'; +export * from './customer/block/Categories/Skeleton'; +export * from './customer/containers/Box'; +export * from './customer/block/Pizza/Block'; \ No newline at end of file diff --git a/.history/components/index_20220529145850.ts b/.history/components/index_20220529145850.ts new file mode 100644 index 0000000..418cb54 --- /dev/null +++ b/.history/components/index_20220529145850.ts @@ -0,0 +1,9 @@ +export * from './customer/Header'; +export * from './customer/block/Stock/Skeleton'; +export * from './customer/block/Stock/Stock'; +export * from './customer/containers/BoxScroll'; +export * from './customer/block/Motto/Index'; +export * from './customer/block/Categories/Categories'; +export * from './customer/block/Categories/Skeleton'; +export * from './customer/containers/Box'; +export * from './customer/block/Pizza/'; \ No newline at end of file diff --git a/.history/components/index_20220529145854.ts b/.history/components/index_20220529145854.ts new file mode 100644 index 0000000..418cb54 --- /dev/null +++ b/.history/components/index_20220529145854.ts @@ -0,0 +1,9 @@ +export * from './customer/Header'; +export * from './customer/block/Stock/Skeleton'; +export * from './customer/block/Stock/Stock'; +export * from './customer/containers/BoxScroll'; +export * from './customer/block/Motto/Index'; +export * from './customer/block/Categories/Categories'; +export * from './customer/block/Categories/Skeleton'; +export * from './customer/containers/Box'; +export * from './customer/block/Pizza/'; \ No newline at end of file diff --git a/.history/components/index_20220529145858.ts b/.history/components/index_20220529145858.ts new file mode 100644 index 0000000..418cb54 --- /dev/null +++ b/.history/components/index_20220529145858.ts @@ -0,0 +1,9 @@ +export * from './customer/Header'; +export * from './customer/block/Stock/Skeleton'; +export * from './customer/block/Stock/Stock'; +export * from './customer/containers/BoxScroll'; +export * from './customer/block/Motto/Index'; +export * from './customer/block/Categories/Categories'; +export * from './customer/block/Categories/Skeleton'; +export * from './customer/containers/Box'; +export * from './customer/block/Pizza/'; \ No newline at end of file diff --git a/.history/components/index_20220529145900.ts b/.history/components/index_20220529145900.ts new file mode 100644 index 0000000..86a9554 --- /dev/null +++ b/.history/components/index_20220529145900.ts @@ -0,0 +1,9 @@ +export * from './customer/Header'; +export * from './customer/block/Stock/Skeleton'; +export * from './customer/block/Stock/Stock'; +export * from './customer/containers/BoxScroll'; +export * from './customer/block/Motto/Index'; +export * from './customer/block/Categories/Categories'; +export * from './customer/block/Categories/Skeleton'; +export * from './customer/containers/Box'; +export * from './customer/block/Pizza/index'; \ No newline at end of file diff --git a/.history/components/index_20220530190051.ts b/.history/components/index_20220530190051.ts new file mode 100644 index 0000000..80b6cdf --- /dev/null +++ b/.history/components/index_20220530190051.ts @@ -0,0 +1,8 @@ +export * from './customer/Header'; + +export * from './customer/containers/BoxScroll'; +export * from './customer/block/Motto/Index'; +export * from './customer/block/Categories/Categories'; +export * from './customer/block/Categories/Skeleton'; +export * from './customer/containers/Box'; +export * from './customer/block/Pizza/index'; \ No newline at end of file diff --git a/.history/components/index_20220530190052.ts b/.history/components/index_20220530190052.ts new file mode 100644 index 0000000..d02a275 --- /dev/null +++ b/.history/components/index_20220530190052.ts @@ -0,0 +1,7 @@ +export * from './customer/Header'; +export * from './customer/containers/BoxScroll'; +export * from './customer/block/Motto/Index'; +export * from './customer/block/Categories/Categories'; +export * from './customer/block/Categories/Skeleton'; +export * from './customer/containers/Box'; +export * from './customer/block/Pizza/index'; \ No newline at end of file diff --git a/.history/components/index_20220530190056.ts b/.history/components/index_20220530190056.ts new file mode 100644 index 0000000..c824079 --- /dev/null +++ b/.history/components/index_20220530190056.ts @@ -0,0 +1,5 @@ +export * from './customer/Header'; +export * from './customer/containers/BoxScroll'; + +export * from './customer/containers/Box'; +export * from './customer/block/Pizza/index'; \ No newline at end of file diff --git a/.history/components/index_20220530190057.ts b/.history/components/index_20220530190057.ts new file mode 100644 index 0000000..1bce048 --- /dev/null +++ b/.history/components/index_20220530190057.ts @@ -0,0 +1,4 @@ +export * from './customer/Header'; +export * from './customer/containers/BoxScroll'; +export * from './customer/containers/Box'; +export * from './customer/block/Pizza/index'; \ No newline at end of file diff --git a/.history/components/index_20220530190059.ts b/.history/components/index_20220530190059.ts new file mode 100644 index 0000000..7d5a274 --- /dev/null +++ b/.history/components/index_20220530190059.ts @@ -0,0 +1,3 @@ +export * from './customer/Header'; +export * from './customer/containers/BoxScroll'; +export * from './customer/containers/Box'; \ No newline at end of file diff --git a/.history/components/index_20220530190104.ts b/.history/components/index_20220530190104.ts new file mode 100644 index 0000000..7d5a274 --- /dev/null +++ b/.history/components/index_20220530190104.ts @@ -0,0 +1,3 @@ +export * from './customer/Header'; +export * from './customer/containers/BoxScroll'; +export * from './customer/containers/Box'; \ No newline at end of file diff --git a/.history/components/index_20220530192732.ts b/.history/components/index_20220530192732.ts new file mode 100644 index 0000000..28f0d38 --- /dev/null +++ b/.history/components/index_20220530192732.ts @@ -0,0 +1,2 @@ +export * from './customer/containers/BoxScroll'; +export * from './customer/containers/Box'; \ No newline at end of file diff --git a/.history/import React from 'react';_20220601152621.tsx b/.history/import React from 'react';_20220601152621.tsx new file mode 100644 index 0000000..9a4bcb8 --- /dev/null +++ b/.history/import React from 'react';_20220601152621.tsx @@ -0,0 +1,40 @@ +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/layouts/Customer/MainLayout_20220517162459.tsx b/.history/layouts/Customer/MainLayout_20220517162459.tsx new file mode 100644 index 0000000..4e6db1e --- /dev/null +++ b/.history/layouts/Customer/MainLayout_20220517162459.tsx @@ -0,0 +1,15 @@ +import React from 'react'; +import { Header } from '../components'; + +export const MainLayout: React.FC = ({children}) => { + return ( +
    +
    +
    + {children} +
    +
    + ); +}; + +type Props = { children: React.ReactNode }; \ No newline at end of file diff --git a/.history/layouts/Customer/MainLayout_20220518151334.tsx b/.history/layouts/Customer/MainLayout_20220518151334.tsx new file mode 100644 index 0000000..4e6db1e --- /dev/null +++ b/.history/layouts/Customer/MainLayout_20220518151334.tsx @@ -0,0 +1,15 @@ +import React from 'react'; +import { Header } from '../components'; + +export const MainLayout: React.FC = ({children}) => { + return ( +
    +
    +
    + {children} +
    +
    + ); +}; + +type Props = { children: React.ReactNode }; \ No newline at end of file diff --git a/.history/layouts/Customer/MainLayout_20220518151351.tsx b/.history/layouts/Customer/MainLayout_20220518151351.tsx new file mode 100644 index 0000000..13e9447 --- /dev/null +++ b/.history/layouts/Customer/MainLayout_20220518151351.tsx @@ -0,0 +1,15 @@ +import React from 'react'; +import { Header } from '../../components'; + +export const MainLayout: React.FC = ({children}) => { + return ( +
    +
    +
    + {children} +
    +
    + ); +}; + +type Props = { children: React.ReactNode }; \ No newline at end of file diff --git a/.history/layouts/Customer/MainLayout_20220529152347.tsx b/.history/layouts/Customer/MainLayout_20220529152347.tsx new file mode 100644 index 0000000..b895efc --- /dev/null +++ b/.history/layouts/Customer/MainLayout_20220529152347.tsx @@ -0,0 +1,15 @@ +import React from 'react'; +import { Header } from '../../components'; + +export const MainLayout: React.FC = ({children}) => { + return ( +
    +
    +
    + {children} +
    +
    + ); +}; + +type Props = { children: React.ReactNode }; \ No newline at end of file diff --git a/.history/layouts/Customer/MainLayout_20220529152359.tsx b/.history/layouts/Customer/MainLayout_20220529152359.tsx new file mode 100644 index 0000000..13e9447 --- /dev/null +++ b/.history/layouts/Customer/MainLayout_20220529152359.tsx @@ -0,0 +1,15 @@ +import React from 'react'; +import { Header } from '../../components'; + +export const MainLayout: React.FC = ({children}) => { + return ( +
    +
    +
    + {children} +
    +
    + ); +}; + +type Props = { children: React.ReactNode }; \ No newline at end of file diff --git a/.history/layouts/Customer/MainLayout_20220529152400.tsx b/.history/layouts/Customer/MainLayout_20220529152400.tsx new file mode 100644 index 0000000..a146fca --- /dev/null +++ b/.history/layouts/Customer/MainLayout_20220529152400.tsx @@ -0,0 +1,15 @@ +import React from 'react'; +import { Header } from '../../components'; + +export const MainLayout: React.FC = ({children}) => { + return ( +
    +
    +
    + {children} +
    +
    + ); +}; + +type Props = { children: React.ReactNode }; \ No newline at end of file diff --git a/.history/layouts/Customer/MainLayout_20220529152406.tsx b/.history/layouts/Customer/MainLayout_20220529152406.tsx new file mode 100644 index 0000000..13e9447 --- /dev/null +++ b/.history/layouts/Customer/MainLayout_20220529152406.tsx @@ -0,0 +1,15 @@ +import React from 'react'; +import { Header } from '../../components'; + +export const MainLayout: React.FC = ({children}) => { + return ( +
    +
    +
    + {children} +
    +
    + ); +}; + +type Props = { children: React.ReactNode }; \ No newline at end of file diff --git a/.history/layouts/Customer/MainLayout_20220529152442.tsx b/.history/layouts/Customer/MainLayout_20220529152442.tsx new file mode 100644 index 0000000..e81a581 --- /dev/null +++ b/.history/layouts/Customer/MainLayout_20220529152442.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { Header } from '../../components'; + +export const MainLayout: React.FC = ({children}) => { + return ( +
    +
    +
    + {children} +
    +
    + ); +}; + diff --git a/.history/layouts/Customer/MainLayout_20220529152444.tsx b/.history/layouts/Customer/MainLayout_20220529152444.tsx new file mode 100644 index 0000000..8085bd4 --- /dev/null +++ b/.history/layouts/Customer/MainLayout_20220529152444.tsx @@ -0,0 +1,16 @@ +import React from 'react'; +import { Header } from '../../components'; + +type Props = { children: React.ReactNode }; + +export const MainLayout: React.FC = ({children}) => { + return ( +
    +
    +
    + {children} +
    +
    + ); +}; + diff --git a/.history/layouts/Customer/MainLayout_20220529152446.tsx b/.history/layouts/Customer/MainLayout_20220529152446.tsx new file mode 100644 index 0000000..110e0b7 --- /dev/null +++ b/.history/layouts/Customer/MainLayout_20220529152446.tsx @@ -0,0 +1,15 @@ +import React from 'react'; +import { Header } from '../../components'; + +type Props = { children: React.ReactNode }; + +export const MainLayout: React.FC = ({children}) => { + return ( +
    +
    +
    + {children} +
    +
    + ); +}; \ No newline at end of file diff --git a/.history/layouts/Customer/MainLayout_20220529152522.tsx b/.history/layouts/Customer/MainLayout_20220529152522.tsx new file mode 100644 index 0000000..843ace6 --- /dev/null +++ b/.history/layouts/Customer/MainLayout_20220529152522.tsx @@ -0,0 +1,15 @@ +import React from 'react'; +import { Header } from '../../components'; + +type Props = { children: React.ReactNode }; + +export const MainLayout: React.FC = ({children}) => { + return ( +
    + +
    + {children} +
    +
    + ); +}; \ No newline at end of file diff --git a/.history/layouts/Customer/MainLayout_20220529152911.tsx b/.history/layouts/Customer/MainLayout_20220529152911.tsx new file mode 100644 index 0000000..110e0b7 --- /dev/null +++ b/.history/layouts/Customer/MainLayout_20220529152911.tsx @@ -0,0 +1,15 @@ +import React from 'react'; +import { Header } from '../../components'; + +type Props = { children: React.ReactNode }; + +export const MainLayout: React.FC = ({children}) => { + return ( +
    +
    +
    + {children} +
    +
    + ); +}; \ No newline at end of file diff --git a/.history/layouts/Customer/MainLayout_20220529153148.tsx b/.history/layouts/Customer/MainLayout_20220529153148.tsx new file mode 100644 index 0000000..51a52f2 --- /dev/null +++ b/.history/layouts/Customer/MainLayout_20220529153148.tsx @@ -0,0 +1,15 @@ +import React from 'react'; +import { Header } from '../../components'; + +type Props = { children: React.ReactNode }; + +export const MainLayout: React.FC = ({children}) => { + return ( +
    +
    +
    + {children} +
    +
    + ); +}; \ No newline at end of file diff --git a/.history/layouts/Customer/MainLayout_20220529153155.tsx b/.history/layouts/Customer/MainLayout_20220529153155.tsx new file mode 100644 index 0000000..110e0b7 --- /dev/null +++ b/.history/layouts/Customer/MainLayout_20220529153155.tsx @@ -0,0 +1,15 @@ +import React from 'react'; +import { Header } from '../../components'; + +type Props = { children: React.ReactNode }; + +export const MainLayout: React.FC = ({children}) => { + return ( +
    +
    +
    + {children} +
    +
    + ); +}; \ No newline at end of file diff --git a/.history/layouts/Customer/MainLayout_20220530192706.tsx b/.history/layouts/Customer/MainLayout_20220530192706.tsx new file mode 100644 index 0000000..130bffe --- /dev/null +++ b/.history/layouts/Customer/MainLayout_20220530192706.tsx @@ -0,0 +1,15 @@ +import React from 'react'; +import { Header } from '../../components/'; + +type Props = { children: React.ReactNode }; + +export const MainLayout: React.FC = ({children}) => { + return ( +
    +
    +
    + {children} +
    +
    + ); +}; \ No newline at end of file diff --git a/.history/layouts/Customer/MainLayout_20220530192709.tsx b/.history/layouts/Customer/MainLayout_20220530192709.tsx new file mode 100644 index 0000000..be7c01a --- /dev/null +++ b/.history/layouts/Customer/MainLayout_20220530192709.tsx @@ -0,0 +1,15 @@ +import React from 'react'; +import { Header } from '../../components/customer/'; + +type Props = { children: React.ReactNode }; + +export const MainLayout: React.FC = ({children}) => { + return ( +
    +
    +
    + {children} +
    +
    + ); +}; \ No newline at end of file diff --git a/.history/layouts/Customer/MainLayout_20220530192712.tsx b/.history/layouts/Customer/MainLayout_20220530192712.tsx new file mode 100644 index 0000000..fbad289 --- /dev/null +++ b/.history/layouts/Customer/MainLayout_20220530192712.tsx @@ -0,0 +1,15 @@ +import React from 'react'; +import { Header } from '../../components/customer/block'; + +type Props = { children: React.ReactNode }; + +export const MainLayout: React.FC = ({children}) => { + return ( +
    +
    +
    + {children} +
    +
    + ); +}; \ No newline at end of file diff --git a/.history/layouts/Customer/MainLayout_20220530192713.tsx b/.history/layouts/Customer/MainLayout_20220530192713.tsx new file mode 100644 index 0000000..fbad289 --- /dev/null +++ b/.history/layouts/Customer/MainLayout_20220530192713.tsx @@ -0,0 +1,15 @@ +import React from 'react'; +import { Header } from '../../components/customer/block'; + +type Props = { children: React.ReactNode }; + +export const MainLayout: React.FC = ({children}) => { + return ( +
    +
    +
    + {children} +
    +
    + ); +}; \ No newline at end of file diff --git a/.history/layouts/Customer/MainLayout_20220530192718.tsx b/.history/layouts/Customer/MainLayout_20220530192718.tsx new file mode 100644 index 0000000..760cfe0 --- /dev/null +++ b/.history/layouts/Customer/MainLayout_20220530192718.tsx @@ -0,0 +1,16 @@ +import React from 'react'; +import { Header } from '../../components/customer/block'; + +type Props = { children: React.ReactNode }; + +export const MainLayout: React.FC = ({children}) => { + return ( +
    +
    +
    + {children} +
    + +
    + ); +}; \ No newline at end of file diff --git a/.history/layouts/Customer/MainLayout_20220530192720.tsx b/.history/layouts/Customer/MainLayout_20220530192720.tsx new file mode 100644 index 0000000..08cf6e3 --- /dev/null +++ b/.history/layouts/Customer/MainLayout_20220530192720.tsx @@ -0,0 +1,16 @@ +import React from 'react'; +import { Header } from '../../components/customer/block'; + +type Props = { children: React.ReactNode }; + +export const MainLayout: React.FC = ({children}) => { + return ( +
    +
    +
    + {children} +
    + < +
    + ); +}; \ No newline at end of file diff --git a/.history/layouts/Customer/MainLayout_20220530192727.tsx b/.history/layouts/Customer/MainLayout_20220530192727.tsx new file mode 100644 index 0000000..760cfe0 --- /dev/null +++ b/.history/layouts/Customer/MainLayout_20220530192727.tsx @@ -0,0 +1,16 @@ +import React from 'react'; +import { Header } from '../../components/customer/block'; + +type Props = { children: React.ReactNode }; + +export const MainLayout: React.FC = ({children}) => { + return ( +
    +
    +
    + {children} +
    + +
    + ); +}; \ No newline at end of file diff --git a/.history/layouts/Customer/MainLayout_20220530192842.tsx b/.history/layouts/Customer/MainLayout_20220530192842.tsx new file mode 100644 index 0000000..fbad289 --- /dev/null +++ b/.history/layouts/Customer/MainLayout_20220530192842.tsx @@ -0,0 +1,15 @@ +import React from 'react'; +import { Header } from '../../components/customer/block'; + +type Props = { children: React.ReactNode }; + +export const MainLayout: React.FC = ({children}) => { + return ( +
    +
    +
    + {children} +
    +
    + ); +}; \ No newline at end of file diff --git a/.history/layouts/Customer/MainLayout_20220530193153.tsx b/.history/layouts/Customer/MainLayout_20220530193153.tsx new file mode 100644 index 0000000..94328f9 --- /dev/null +++ b/.history/layouts/Customer/MainLayout_20220530193153.tsx @@ -0,0 +1,15 @@ +import React from 'react'; +import { Header, F } from '../../components/customer/block'; + +type Props = { children: React.ReactNode }; + +export const MainLayout: React.FC = ({children}) => { + return ( +
    +
    +
    + {children} +
    +
    + ); +}; \ No newline at end of file diff --git a/.history/layouts/Customer/MainLayout_20220530193158.tsx b/.history/layouts/Customer/MainLayout_20220530193158.tsx new file mode 100644 index 0000000..8c09115 --- /dev/null +++ b/.history/layouts/Customer/MainLayout_20220530193158.tsx @@ -0,0 +1,15 @@ +import React from 'react'; +import { Header, Footer, N } from '../../components/customer/block'; + +type Props = { children: React.ReactNode }; + +export const MainLayout: React.FC = ({children}) => { + return ( +
    +
    +
    + {children} +
    +
    + ); +}; \ No newline at end of file diff --git a/.history/layouts/Customer/MainLayout_20220530193159.tsx b/.history/layouts/Customer/MainLayout_20220530193159.tsx new file mode 100644 index 0000000..8318ac1 --- /dev/null +++ b/.history/layouts/Customer/MainLayout_20220530193159.tsx @@ -0,0 +1,15 @@ +import React from 'react'; +import { Header, Footer, Nav } from '../../components/customer/block'; + +type Props = { children: React.ReactNode }; + +export const MainLayout: React.FC = ({children}) => { + return ( +
    +
    +
    + {children} +
    +
    + ); +}; \ No newline at end of file diff --git a/.history/layouts/Customer/MainLayout_20220530193221.tsx b/.history/layouts/Customer/MainLayout_20220530193221.tsx new file mode 100644 index 0000000..5a53141 --- /dev/null +++ b/.history/layouts/Customer/MainLayout_20220530193221.tsx @@ -0,0 +1,16 @@ +import React from 'react'; +import { Header, Footer, Nav } from '../../components/customer/block'; + +type Props = { children: React.ReactNode }; + +export const MainLayout: React.FC = ({children}) => { + return ( +
    +
    +
    + {children} +
    + +
    + ); +}; \ No newline at end of file diff --git a/.history/layouts/Customer/MainLayout_20220530193223.tsx b/.history/layouts/Customer/MainLayout_20220530193223.tsx new file mode 100644 index 0000000..91d26ae --- /dev/null +++ b/.history/layouts/Customer/MainLayout_20220530193223.tsx @@ -0,0 +1,16 @@ +import React from 'react'; +import { Header, Footer, Nav } from '../../components/customer/block'; + +type Props = { children: React.ReactNode }; + +export const MainLayout: React.FC = ({children}) => { + return ( +
    +
    +
    + {children} +
    + < +
    + ); +}; \ No newline at end of file diff --git a/.history/layouts/Customer/MainLayout_20220530193227.tsx b/.history/layouts/Customer/MainLayout_20220530193227.tsx new file mode 100644 index 0000000..9251c4b --- /dev/null +++ b/.history/layouts/Customer/MainLayout_20220530193227.tsx @@ -0,0 +1,16 @@ +import React from 'react'; +import { Header, Footer, Nav } from '../../components/customer/block'; + +type Props = { children: React.ReactNode }; + +export const MainLayout: React.FC = ({children}) => { + return ( +
    +
    +
    + {children} +
    + +
    + ); +}; \ No newline at end of file diff --git a/.history/layouts/Customer/MainLayout_20220530193235.tsx b/.history/layouts/Customer/MainLayout_20220530193235.tsx new file mode 100644 index 0000000..a059278 --- /dev/null +++ b/.history/layouts/Customer/MainLayout_20220530193235.tsx @@ -0,0 +1,17 @@ +import React from 'react'; +import { Header, Footer, Nav } from '../../components/customer/block'; + +type Props = { children: React.ReactNode }; + +export const MainLayout: React.FC = ({children}) => { + return ( +
    +
    +
    + {children} +
    +
    + ); +}; \ No newline at end of file diff --git a/.history/layouts/Customer/MainLayout_20220530193237.tsx b/.history/layouts/Customer/MainLayout_20220530193237.tsx new file mode 100644 index 0000000..2a78ef7 --- /dev/null +++ b/.history/layouts/Customer/MainLayout_20220530193237.tsx @@ -0,0 +1,17 @@ +import React from 'react'; +import { Header, Footer, Nav } from '../../components/customer/block'; + +type Props = { children: React.ReactNode }; + +export const MainLayout: React.FC = ({children}) => { + return ( +
    +
    +
    + {children} +
    +