Nie możesz wybrać więcej, niż 25 tematów Tematy muszą się zaczynać od litery lub cyfry, mogą zawierać myślniki ('-') i mogą mieć do 35 znaków.
 
 

1 wiersz
2.0 KiB

  1. {"ast":null,"code":"import _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nvar _excluded = [\"backend\", \"service\"];\nvar __jsx = React.createElement;\nimport React from \"react\";\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport GridContainer from \"components/Grid/GridContainer.js\";\nimport Grid from '@material-ui/core/Grid';\nimport Paper from '@material-ui/core/Paper';\nimport Card from \"components/Card/Card.js\";\nimport styles from \"assets/jss/nextjs-material-kit/pages/componentsSections/notificationsStyles.js\";\nimport SnackbarContent from \"components/Snackbar/SnackbarContent.js\";\nvar useStyles = makeStyles(styles);\n\nvar DataService = function DataService(_ref) {\n var backend = _ref.backend,\n service = _ref.service,\n props = _objectWithoutProperties(_ref, _excluded);\n\n var classes = useStyles();\n var services = service.map(function (data, index) {\n return __jsx(Grid, {\n align: \"center\",\n style: {\n padding: \"25px\",\n marginTop: \"-30px\"\n }\n }, __jsx(Card, {\n style: {\n width: \"20rem\"\n }\n }, __jsx(\"div\", {\n align: \"center\"\n }, __jsx(\"img\", {\n style: {\n height: \"180px\",\n width: \"300px\",\n display: \"block\"\n },\n className: classes.imgCardTop,\n src: \"\".concat(backend).concat(data.img[\"url\"])\n }))));\n });\n return __jsx(\"div\", {\n className: classes.section,\n id: \"notifications\"\n }, __jsx(\"div\", {\n align: \"center\"\n }, __jsx(\"div\", {\n align: \"center\",\n className: classes.section,\n id: \"notifications\"\n }, __jsx(SnackbarContent, {\n message: __jsx(\"h4\", null, \"Our Service\"),\n align: \"center\",\n color: \"info\"\n }))), __jsx(\"div\", null, __jsx(GridContainer, {\n style: {\n padding: \"40px\"\n },\n justify: \"center\"\n }, services)));\n};\n\nexport default DataService;","map":null,"metadata":{},"sourceType":"module"}