Du kan inte välja fler än 25 ämnen Ämnen måste starta med en bokstav eller siffra, kan innehålla bindestreck ('-') och vara max 35 tecken långa.
 
 

1 rad
7.7 KiB

  1. {"ast":null,"code":"var _jsxFileName = \"E:\\\\Project\\\\tbg-ecomm-nextjs\\\\components\\\\Snackbar\\\\SnackbarContent.js\";\nvar __jsx = React.createElement;\nimport React from \"react\"; // nodejs library to set properties for components\n\nimport PropTypes from \"prop-types\"; // @material-ui/core components\n\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport Snack from \"@material-ui/core/SnackbarContent\";\nimport IconButton from \"@material-ui/core/IconButton\";\nimport Icon from \"@material-ui/core/Icon\"; // @material-ui/icons\n\nimport Close from \"@material-ui/icons/Close\"; // core components\n\nimport styles from \"assets/jss/nextjs-material-kit/components/snackbarContentStyle.js\";\nconst useStyles = makeStyles(styles);\nexport default function SnackbarContent(props) {\n const {\n message,\n color,\n close,\n icon\n } = props;\n const classes = useStyles();\n var action = [];\n\n const closeAlert = () => {\n setAlert(null);\n };\n\n if (close !== undefined) {\n action = [__jsx(IconButton, {\n className: classes.iconButton,\n key: \"close\",\n \"aria-label\": \"Close\",\n color: \"inherit\",\n onClick: closeAlert,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 26,\n columnNumber: 7\n }\n }, __jsx(Close, {\n className: classes.close,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 33,\n columnNumber: 9\n }\n }))];\n }\n\n let snackIcon = null;\n\n switch (typeof icon) {\n case \"object\":\n snackIcon = __jsx(props.icon, {\n className: classes.icon,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 40,\n columnNumber: 19\n }\n });\n break;\n\n case \"string\":\n snackIcon = __jsx(Icon, {\n className: classes.icon,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 43,\n columnNumber: 19\n }\n }, props.icon);\n break;\n\n default:\n snackIcon = null;\n break;\n }\n\n const [alert, setAlert] = React.useState(__jsx(Snack, {\n message: __jsx(\"div\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 52,\n columnNumber: 9\n }\n }, snackIcon, message, close !== undefined ? action : null),\n classes: {\n root: classes.root + \" \" + classes[color],\n message: classes.message + \" \" + classes.container\n },\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 50,\n columnNumber: 5\n }\n }));\n return alert;\n}\nSnackbarContent.propTypes = {\n message: PropTypes.node.isRequired,\n color: PropTypes.oneOf([\"info\", \"success\", \"warning\", \"danger\", \"primary\"]),\n close: PropTypes.bool,\n icon: PropTypes.oneOfType([PropTypes.object, PropTypes.string])\n};","map":{"version":3,"sources":["E:/Project/tbg-ecomm-nextjs/components/Snackbar/SnackbarContent.js"],"names":["React","PropTypes","makeStyles","Snack","IconButton","Icon","Close","styles","useStyles","SnackbarContent","props","message","color","close","icon","classes","action","closeAlert","setAlert","undefined","iconButton","snackIcon","alert","useState","root","container","propTypes","node","isRequired","oneOf","bool","oneOfType","object","string"],"mappings":"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","sourcesContent":["import React from \"react\";\r\n// nodejs library to set properties for components\r\nimport PropTypes from \"prop-types\";\r\n// @material-ui/core components\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport Snack from \"@material-ui/core/SnackbarContent\";\r\nimport IconButton from \"@material-ui/core/IconButton\";\r\nimport Icon from \"@material-ui/core/Icon\";\r\n// @material-ui/icons\r\nimport Close from \"@material-ui/icons/Close\";\r\n// core components\r\n\r\nimport styles from \"assets/jss/nextjs-material-kit/components/snackbarContentStyle.js\";\r\n\r\nconst useStyles = makeStyles(styles);\r\n\r\nexport default function SnackbarContent(props) {\r\n const { message, color, close, icon } = props;\r\n const classes = useStyles();\r\n var action = [];\r\n const closeAlert = () => {\r\n setAlert(null);\r\n };\r\n if (close !== undefined) {\r\n action = [\r\n <IconButton\r\n className={classes.iconButton}\r\n key=\"close\"\r\n aria-label=\"Close\"\r\n color=\"inherit\"\r\n onClick={closeAlert}\r\n >\r\n <Close className={classes.close} />\r\n </IconButton>\r\n ];\r\n }\r\n let snackIcon = null;\r\n switch (typeof icon) {\r\n case \"object\":\r\n snackIcon = <props.icon className={classes.icon} />;\r\n break;\r\n case \"string\":\r\n snackIcon = <Icon className={classes.icon}>{props.icon}</Icon>;\r\n break;\r\n default:\r\n snackIcon = null;\r\n break;\r\n }\r\n const [alert, setAlert] = React.useState(\r\n <Snack\r\n message={\r\n <div>\r\n {snackIcon}\r\n {message}\r\n {close !== undefined ? action : null}\r\n </div>\r\n }\r\n classes={{\r\n root: classes.root + \" \" + classes[color],\r\n message: classes.message + \" \" + classes.container\r\n }}\r\n />\r\n );\r\n return alert;\r\n}\r\n\r\nSnackbarContent.propTypes = {\r\n message: PropTypes.node.isRequired,\r\n color: PropTypes.oneOf([\"info\", \"success\", \"warning\", \"danger\", \"primary\"]),\r\n close: PropTypes.bool,\r\n icon: PropTypes.oneOfType([PropTypes.object, PropTypes.string])\r\n};\r\n"]},"metadata":{},"sourceType":"module"}