1 line
54 KiB
JSON
1 line
54 KiB
JSON
|
{"ast":null,"code":"import _slicedToArray from \"/Users/paolasanchez/Desktop/Pry4/Katoikia/katoikia-app/web-ui/sakai-react/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/slicedToArray\";\n\nvar _this = this,\n _jsxFileName = \"/Users/paolasanchez/Desktop/Pry4/Katoikia/katoikia-app/web-ui/sakai-react/src/components/MiscDemo.js\";\n\nimport React, { useState, useEffect, useRef } from 'react';\nimport { ProgressBar } from 'primereact/progressbar';\nimport { Button } from 'primereact/button';\nimport { Badge } from 'primereact/badge';\nimport { Tag } from 'primereact/tag';\nimport { Avatar } from 'primereact/avatar';\nimport { AvatarGroup } from 'primereact/avatargroup';\nimport { Chip } from 'primereact/chip';\nimport { Skeleton } from 'primereact/skeleton';\nimport { ScrollPanel } from 'primereact/scrollpanel';\nimport { ScrollTop } from 'primereact/scrolltop';\n\nvar MiscDemo = function MiscDemo() {\n var _useState = useState(0),\n _useState2 = _slicedToArray(_useState, 2),\n value = _useState2[0],\n setValue = _useState2[1];\n\n var interval = useRef(null);\n useEffect(function () {\n var val = value;\n interval.current = setInterval(function () {\n val += Math.floor(Math.random() * 10) + 1;\n\n if (val >= 100) {\n val = 100;\n clearInterval(interval.current);\n }\n\n setValue(val);\n }, 2000);\n return function () {\n if (interval.current) {\n clearInterval(interval.current);\n interval.current = null;\n }\n };\n }, [value]);\n return /*#__PURE__*/React.createElement(\"div\", {\n className: \"grid\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 38,\n columnNumber: 9\n }\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"col-12\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 39,\n columnNumber: 13\n }\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"card\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 40,\n columnNumber: 17\n }\n }, /*#__PURE__*/React.createElement(\"h5\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 41,\n columnNumber: 21\n }\n }, \"ProgressBar\"), /*#__PURE__*/React.createElement(\"div\", {\n className: \"grid\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 42,\n columnNumber: 21\n }\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"col\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 43,\n columnNumber: 25\n }\n }, /*#__PURE__*/React.createElement(ProgressBar, {\n value: value,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 44,\n columnNumber: 29\n }\n })), /*#__PURE__*/React.createElement(\"div\", {\n className: \"col\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 46,\n columnNumber: 25\n }\n }, /*#__PURE__*/React.createElement(ProgressBar, {\n value: \"50\",\n showValue: false,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 47,\n columnNumber: 29\n }\n }))))), /*#__PURE__*/React.createElement(\"div\", {\n className: \"col-12 lg:col-6\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 52,\n columnNumber: 13\n }\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"card\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 53,\n columnNumber: 17\n }\n }, /*#__PURE__*/React.createElement(\"h4\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 54,\n columnNumber: 21\n }\n }, \"Badge\"), /*#__PURE__*/React.createElement(\"h5\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineN
|