{"mappings":"8bAAA,IAAAA,EAAAC,EAAA,S,wGASA,MAAMC,EAAyB,CAC7B,CACEC,MAAO,kBACPC,QACE,2MAEJ,CACED,MAAO,SACPC,SACE,EAAAC,EAAAC,MAAAD,EAAAE,SAAA,C,UAAE,2CAAuC,EAAAF,EAAAG,KAACC,EAAAC,IAAIC,KAAI,CAACC,KAAK,WAAUC,UAAU,W,SAAW,eAAqB,kJ,IAU7FC,EAAN,cAA2BC,EAAAC,c,8BACxCC,KACAC,SAAsBhB,EAKtBiB,YAAc,IAAOF,KAAKG,oBAAiBC,EAE3CC,WAAcC,IACZ,EAAAlB,EAAAC,MAACG,EAAAe,UAAUC,KAAI,CAEbZ,UAAU,2C,WAEV,EAAAR,EAAAG,KAAC,KAAE,CAACkB,MAAO,CAACC,SAAS,Y,SAAcJ,EAAQpB,SAC3C,EAAAE,EAAAG,KAAC,IAAC,CAACK,UAAU,qB,SAAsBU,EAAQnB,WAC3C,EAAAC,EAAAG,KAACC,EAAAmB,OAAM,CACLC,QAAQ,OACRhB,UAAU,mEACViB,QAAS,IAAOb,KAAKG,eAAiBG,E,SACvC,aATIA,EAAQpB,OAejB4B,SACE,MAAMb,SAAEA,EAAQE,eAAEA,GAAmBH,KAErC,OACE,EAAAZ,EAAAC,MAAAD,EAAAE,SAAA,C,WACE,EAAAF,EAAAG,KAACC,EAAAe,UAAS,CAACK,QAAQ,Q,SAChBX,EAAS,GACRA,EAASc,IAAIf,KAAKK,aAElB,EAAAjB,EAAAG,KAACC,EAAAwB,UAAS,C,UACR,EAAA5B,EAAAG,KAAC0B,EAAAC,gBAAe,CAACC,KAAMC,EAAAC,mBAK7B,EAAAjC,EAAAC,MAACG,EAAA8B,MAAK,CACJ1B,UAAU,aACV2B,OAAQpB,EACRqB,UAAQ,EACRC,OAAQzB,KAAKE,Y,WAEb,EAAAd,EAAAC,MAACG,EAAA8B,MAAMI,OAAM,CAAC9B,UAAU,8B,WACtB,EAAAR,EAAAG,KAACC,EAAA8B,MAAMK,MAAK,CAACC,GAAG,KAAKnB,MAAO,CAAEC,SAAU,Y,SAAeP,GAAgBjB,SAEvE,EAAAE,EAAAG,KAACsC,EAAAC,WAAU,CAACX,KAAMC,EAAAW,QAASlB,QAASb,KAAKE,kBAE3C,EAAAd,EAAAG,KAACC,EAAA8B,MAAMU,KAAI,CAACvB,MAAO,CAACC,SAAS,YAAad,UAAU,8B,SAE/CO,GAAgBhB,kB,MArD5B8C,EAAAC,YADkBrC,EAAYsC,UAE/B,gBAAQ,G,MAEPF,EAAAC,YAJkBrC,EAAYsC,UAK/B,sBAAc,GALKtC,EAAYuC,EAAArD,EAAA,EADhCsD,EAAAC,UACoBzC","sources":["src/page/Notification.tsx"],"sourcesContent":["import { observable } from 'mobx';\nimport { observer } from 'mobx-react';\nimport { PureComponent } from 'react';\nimport { Modal, ListGroup, Button, Container, Nav} from 'react-bootstrap';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { faBellSlash, faXmark } from '@fortawesome/free-solid-svg-icons';\n\nimport { IconButton } from '../component/IconButton';\n\nconst DEFAULT_MSG: Message[] = [\n  {\n    title: 'Testing version',\n    content:\n      'Attention, this is the testing version. Please note that the tokens you trade are all test tokens and have no actual value. The functions you currently use will exist in the future official versions.'\n  },\n  {\n    title: 'Faucet',\n    content:\n      <>Please collect the test tokens through <Nav.Link href=\"#/faucet\"className=\"d-inline\">the faucet</Nav.Link> and start testing. These tokens have no actual value, so please get the tokens you need. There is no need to get too many tokens.Nav.Link</>\n  }\n];\n\ninterface Message {\n  title: string;\n  content: any;\n}\n\n@observer\nexport default class Notification extends PureComponent {\n  @observable\n  messages: Message[] = DEFAULT_MSG;\n\n  @observable\n  currentMessage?: Message;\n\n  handleClose = () => (this.currentMessage = undefined);\n\n  renderList = (message: Message) => (\n    <ListGroup.Item\n      key={message.title}\n      className=\"position-relative bg-dark text-secondary\"\n    >\n      <h6 style={{fontSize:'0.875rem'}}>{message.title}</h6>\n      <p className=\"text-truncate pb-2\">{message.content}</p>\n      <Button\n        variant=\"link\"\n        className=\"text-white text-decoration-none position-absolute bottom-0 end-0\"\n        onClick={() => (this.currentMessage = message)}\n      >\n        Detail\n      </Button>\n    </ListGroup.Item>\n  );\n\n  render() {\n    const { messages, currentMessage } = this;\n\n    return (\n      <>\n        <ListGroup variant=\"flush\">\n          {messages[0] ? (\n            messages.map(this.renderList)\n          ) : (\n            <Container>\n              <FontAwesomeIcon icon={faBellSlash} />\n            </Container>\n          )}\n        </ListGroup>\n\n        <Modal\n          className=\"text-muted\"\n          show={!!currentMessage}\n          centered\n          onHide={this.handleClose}\n        >\n          <Modal.Header className=\"bg-info text-white p-0 py-2\">\n            <Modal.Title as=\"h5\" style={{ fontSize: '1.125rem' }}>{currentMessage?.title}</Modal.Title>\n\n            <IconButton icon={faXmark} onClick={this.handleClose} />\n          </Modal.Header>\n          <Modal.Body style={{fontSize:'0.875rem'}} className=\"bg-info text-secondary pb-4\">\n           \n              {currentMessage?.content}\n           \n          </Modal.Body>\n        </Modal>\n      </>\n    );\n  }\n}\n"],"names":["$1Yvdb","parcelRequire","$f139faaa5da8f916$var$DEFAULT_MSG","title","content","$ayMG0","jsxs","Fragment","jsx","$biXX6","Nav","Link","href","className","$f139faaa5da8f916$export$2e2bcd8739ae039","$acw62","PureComponent","this","messages","handleClose","currentMessage","undefined","renderList","message","ListGroup","Item","style","fontSize","Button","variant","onClick","render","map","Container","$jEyqx","FontAwesomeIcon","icon","$4iLuP","faBellSlash","Modal","show","centered","onHide","Header","Title","as","$9UoUt","IconButton","faXmark","Body","$57kwV","observable","prototype","$parcel$interopDefault","$eOZ0o","observer"],"version":3,"file":"Notification.fa82a7b6.js.map"}