Current File : /home/opti/public_html/ezone-accounting.optisoft.com.ng/static/js/116.baadda83.chunk.js
(this["webpackJsonpfuse-react-app"]=this["webpackJsonpfuse-react-app"]||[]).push([[116],{1194:function(e,a,n){"use strict";var t=n(2),o=n(7),i=n(0),c=n(8),s=n(11),r=i.forwardRef((function(e,a){var n=e.classes,s=e.className,r=e.dividers,l=void 0!==r&&r,d=Object(o.a)(e,["classes","className","dividers"]);return i.createElement("div",Object(t.a)({className:Object(c.a)(n.root,s,l&&n.dividers),ref:a},d))}));a.a=Object(s.a)((function(e){return{root:{flex:"1 1 auto",WebkitOverflowScrolling:"touch",overflowY:"auto",padding:"8px 24px","&:first-child":{paddingTop:20}},dividers:{padding:"16px 24px",borderTop:"1px solid ".concat(e.palette.divider),borderBottom:"1px solid ".concat(e.palette.divider)}}}),{name:"MuiDialogContent"})(r)},1196:function(e,a,n){"use strict";var t=n(2),o=n(7),i=n(0),c=n(8),s=n(11),r=i.forwardRef((function(e,a){var n=e.disableSpacing,s=void 0!==n&&n,r=e.classes,l=e.className,d=Object(o.a)(e,["disableSpacing","classes","className"]);return i.createElement("div",Object(t.a)({className:Object(c.a)(r.root,l,!s&&r.spacing),ref:a},d))}));a.a=Object(s.a)({root:{display:"flex",alignItems:"center",padding:8,justifyContent:"flex-end",flex:"0 0 auto"},spacing:{"& > :not(:first-child)":{marginLeft:8}}},{name:"MuiDialogActions"})(r)},1247:function(e,a,n){"use strict";var t=n(2),o=n(7),i=n(0),c=n(8),s=n(11),r=n(194),l=i.forwardRef((function(e,a){var n=e.children,s=e.classes,l=e.className,d=e.disableTypography,p=void 0!==d&&d,g=Object(o.a)(e,["children","classes","className","disableTypography"]);return i.createElement("div",Object(t.a)({className:Object(c.a)(s.root,l),ref:a},g),p?n:i.createElement(r.a,{component:"h2",variant:"h6"},n))}));a.a=Object(s.a)({root:{margin:0,padding:"16px 24px",flex:"0 0 auto"}},{name:"MuiDialogTitle"})(l)},1290:function(e,a,n){"use strict";var t=n(2),o=n(0),i=n(11),c=n(194),s=o.forwardRef((function(e,a){return o.createElement(c.a,Object(t.a)({component:"p",variant:"body1",color:"textSecondary",ref:a},e))}));a.a=Object(i.a)({root:{marginBottom:12}},{name:"MuiDialogContentText"})(s)},2549:function(e,a,n){"use strict";n.r(a);var t=n(118),o=n(1098),i=n(1196),c=n(1194),s=n(1290),r=n(1247),l=n(194),d=n(6),p=n(261),g=n(1);a.default=function(e){const a=Object(d.b)();return Object(g.jsxs)(g.Fragment,{children:[Object(g.jsx)(l.a,{variant:"h4",className:"mb-24",children:"FuseDialog"}),Object(g.jsxs)(l.a,{className:"mb-16",component:"p",children:[Object(g.jsx)("code",{children:"FuseDialog"})," is a simple dialog trigger for easily showing dialog messages via redux action. It should be located in the theme layouts."]}),Object(g.jsx)(l.a,{className:"mt-32 mb-8",variant:"h5",children:"Usage"}),Object(g.jsx)(l.a,{className:"mb-16",component:"p",children:"You can show dialog anywhere with dispatching the action openDialog, it is using Material-UI's dialog so you can pass the props in the object:"}),Object(g.jsx)(t.a,{component:"pre",className:"language-jsx",children:'\n <Button\n onClick={()=> dispatch(openDialog({\n children: (\n <React.Fragment>\n <DialogTitle id="alert-dialog-title">Use Google\'s location service?</DialogTitle>\n <DialogContent>\n <DialogContentText id="alert-dialog-description">\n Let Google help apps determine location. This means sending anonymous location data to\n Google, even when no apps are running.\n </DialogContentText>\n </DialogContent>\n <DialogActions>\n <Button onClick={()=> dispatch(closeDialog())} color="primary">\n Disagree\n </Button>\n <Button onClick={()=> dispatch(closeDialog())} color="primary" autoFocus>\n Agree\n </Button>\n </DialogActions>\n </React.Fragment>\n )\n }))}\n variant="contained"\n color="secondary"\n >\n Open Dialog\n </Button>\n '}),Object(g.jsx)(l.a,{className:"mt-32 mb-8",variant:"h5",children:"Example"}),Object(g.jsx)(o.a,{onClick:()=>a(Object(p.c)({children:Object(g.jsxs)(g.Fragment,{children:[Object(g.jsx)(r.a,{id:"alert-dialog-title",children:"Use Google's location service?"}),Object(g.jsx)(c.a,{children:Object(g.jsx)(s.a,{id:"alert-dialog-description",children:"Let Google help apps determine location. This means sending anonymous location data to Google, even when no apps are running."})}),Object(g.jsxs)(i.a,{children:[Object(g.jsx)(o.a,{onClick:()=>a(Object(p.a)()),color:"primary",children:"Disagree"}),Object(g.jsx)(o.a,{onClick:()=>a(Object(p.a)()),color:"primary",autoFocus:!0,children:"Agree"})]})]})})),variant:"contained",color:"secondary",children:"Open Dialog"})]})}}}]);
Mini Shell