1 |
- {"ast":null,"code":"var _jsxFileName = \"/home/ilya/projects/NIX/temp/react/store/src/App.js\";\nimport defaultLogo from \"./logo.svg\";\nimport \"./App.scss\";\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nconst defaultCategories = [{\n _id: \"5dc458985df9d670df48cc47\",\n name: \" Smartphones\"\n}, {\n _id: \"5dc4b2553f23b553bf354101\",\n name: \"Крупная бытовая техника\"\n}, {\n _id: \"5dcac1b56d09c45440d14cf8\",\n name: \" Макароны\"\n}, {\n _id: \"5dcac6cf6d09c45440d14cfd\",\n name: \"Drinks\"\n}, {\n _id: \"5dcacaeb6d09c45440d14d04\",\n name: \"Салаты\"\n}, {\n _id: \"61715b92ef4e1b3e3b67703c\",\n name: \"Приятный бонус\"\n}, {\n _id: \"61e725dcf9be102f49b2c6c4\",\n name: \"Товарчики\"\n}, {\n _id: \"5dc94bd00e36db246e3049ee\",\n name: \"Пицца\"\n}, {\n _id: \"5dcabeeb6d09c45440d14cf6\",\n name: \"Макароны\"\n}];\n\nconst Logo = _ref => {\n let {\n logo = defaultLogo\n } = _ref;\n return /*#__PURE__*/_jsxDEV(\"img\", {\n src: logo,\n className: \"Logo\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 43,\n columnNumber: 42\n }, this);\n};\n\n_c = Logo;\n\nconst Header = _ref2 => {\n let {\n children\n } = _ref2;\n return /*#__PURE__*/_jsxDEV(\"header\", {\n children: [/*#__PURE__*/_jsxDEV(Logo, {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 46,\n columnNumber: 9\n }, this), \" \", children]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 45,\n columnNumber: 5\n }, this);\n};\n\n_c2 = Header;\n\nconst RootCategories = _ref3 => {\n let {\n categories = defaultCategories\n } = _ref3;\n return /*#__PURE__*/_jsxDEV(\"ul\", {\n className: \"RootCategories\",\n children: categories.map(category => /*#__PURE__*/_jsxDEV(CategoryItem, {\n category: category\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 52,\n columnNumber: 13\n }, this))\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 50,\n columnNumber: 5\n }, this);\n};\n\n_c3 = RootCategories;\n\nconst CategoryItem = _ref4 => {\n let {\n category: {\n _id,\n name\n } = {}\n } = _ref4;\n return /*#__PURE__*/_jsxDEV(\"li\", {\n className: \"CategoryItem\",\n children: name\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 56,\n columnNumber: 60\n }, this);\n};\n\n_c4 = CategoryItem;\n\nconst Aside = _ref5 => {\n let {} = _ref5;\n return /*#__PURE__*/_jsxDEV(\"aside\", {\n children: /*#__PURE__*/_jsxDEV(RootCategories, {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 59,\n columnNumber: 9\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 58,\n columnNumber: 5\n }, this);\n};\n\n_c5 = Aside;\n\nconst Content = _ref6 => {\n let {\n children\n } = _ref6;\n return /*#__PURE__*/_jsxDEV(\"section\", {\n className: \"Content\",\n children: [/*#__PURE__*/_jsxDEV(Logo, {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 65,\n columnNumber: 9\n }, this), children]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 64,\n columnNumber: 5\n }, this);\n};\n\n_c6 = Content;\n\nconst Main = _ref7 => {\n let {\n children\n } = _ref7;\n return /*#__PURE__*/_jsxDEV(\"main\", {\n children: [/*#__PURE__*/_jsxDEV(Aside, {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 72,\n columnNumber: 9\n }, this), /*#__PURE__*/_jsxDEV(Content, {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 73,\n columnNumber: 9\n }, this), children]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 71,\n columnNumber: 5\n }, this);\n};\n\n_c7 = Main;\n\nconst Footer = _ref8 => {\n let {\n children\n } = _ref8;\n return /*#__PURE__*/_jsxDEV(\"footer\", {\n children: children\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 78,\n columnNumber: 34\n }, this);\n};\n\n_c8 = Footer;\n\nfunction App() {\n return /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"App\",\n children: [/*#__PURE__*/_jsxDEV(Header, {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 83,\n columnNumber: 13\n }, this), /*#__PURE__*/_jsxDEV(Main, {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 84,\n columnNumber: 13\n }, this), /*#__PURE__*/_jsxDEV(Footer, {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 85,\n columnNumber: 13\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 82,\n columnNumber: 9\n }, this);\n}\n\n_c9 = App;\nexport default App;\n\nvar _c, _c2, _c3, _c4, _c5, _c6, _c7, _c8, _c9;\n\n$RefreshReg$(_c, \"Logo\");\n$RefreshReg$(_c2, \"Header\");\n$RefreshReg$(_c3, \"RootCategories\");\n$RefreshReg$(_c4, \"CategoryItem\");\n$RefreshReg$(_c5, \"Aside\");\n$RefreshReg$(_c6, \"Content\");\n$RefreshReg$(_c7, \"Main\");\n$RefreshReg$(_c8, \"Footer\");\n$RefreshReg$(_c9, \"App\");","map":{"version":3,"sources":["/home/ilya/projects/NIX/temp/react/store/src/App.js"],"names":["defaultLogo","defaultCategories","_id","name","Logo","logo","Header","children","RootCategories","categories","map","category","CategoryItem","Aside","Content","Main","Footer","App"],"mappings":"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","sourcesContent":["import defaultLogo from \"./logo.svg\";\nimport \"./App.scss\";\n\nconst defaultCategories = [\n {\n _id: \"5dc458985df9d670df48cc47\",\n name: \" Smartphones\",\n },\n {\n _id: \"5dc4b2553f23b553bf354101\",\n name: \"Крупная бытовая техника\",\n },\n {\n _id: \"5dcac1b56d09c45440d14cf8\",\n name: \" Макароны\",\n },\n {\n _id: \"5dcac6cf6d09c45440d14cfd\",\n name: \"Drinks\",\n },\n {\n _id: \"5dcacaeb6d09c45440d14d04\",\n name: \"Салаты\",\n },\n {\n _id: \"61715b92ef4e1b3e3b67703c\",\n name: \"Приятный бонус\",\n },\n {\n _id: \"61e725dcf9be102f49b2c6c4\",\n name: \"Товарчики\",\n },\n {\n _id: \"5dc94bd00e36db246e3049ee\",\n name: \"Пицца\",\n },\n {\n _id: \"5dcabeeb6d09c45440d14cf6\",\n name: \"Макароны\",\n },\n];\n\nconst Logo = ({ logo = defaultLogo }) => <img src={logo} className=\"Logo\" />;\nconst Header = ({ children }) => (\n <header>\n <Logo /> {children}\n </header>\n);\nconst RootCategories = ({ categories = defaultCategories }) => (\n <ul className=\"RootCategories\">\n {categories.map((category) => (\n <CategoryItem category={category} />\n ))}\n </ul>\n);\nconst CategoryItem = ({ category: { _id, name } = {} }) => <li className=\"CategoryItem\">{name}</li>;\nconst Aside = ({}) => (\n <aside>\n <RootCategories />\n </aside>\n);\n\nconst Content = ({ children }) => (\n <section className=\"Content\">\n <Logo />\n {children}\n </section>\n);\n\nconst Main = ({ children }) => (\n <main>\n <Aside />\n <Content />\n {children}\n </main>\n);\n\nconst Footer = ({ children }) => <footer>{children}</footer>;\n\nfunction App() {\n return (\n <div className=\"App\">\n <Header />\n <Main />\n <Footer />\n </div>\n );\n}\n\nexport default App;\n"]},"metadata":{},"sourceType":"module"}
|