| 1 |
- {"ast":null,"code":"var _jsxFileName = \"/Users/holunyeung/Documents/GitHub/Photo_React/photo/src/testM.js\";\nimport React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport AppBar from '@material-ui/core/AppBar';\nimport Toolbar from '@material-ui/core/Toolbar';\nimport Typography from '@material-ui/core/Typography';\nimport Button from '@material-ui/core/Button';\nimport IconButton from '@material-ui/core/IconButton';\nimport MenuIcon from '@material-ui/icons/Menu';\nconst useStyles = makeStyles(theme => ({\n root: {\n flexGrow: 1\n },\n menuButton: {\n marginRight: theme.spacing(2)\n },\n title: {\n flexGrow: 1\n }\n}));\nexport default function ButtonAppBar() {\n const classes = useStyles();\n return /*#__PURE__*/React.createElement(\"div\", {\n className: classes.root,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 25,\n columnNumber: 14\n }\n }, /*#__PURE__*/React.createElement(AppBar, {\n position: \"static\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 27,\n columnNumber: 9\n }\n }, /*#__PURE__*/React.createElement(Toolbar, {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 29,\n columnNumber: 9\n }\n }, /*#__PURE__*/React.createElement(IconButton, {\n edge: \"start\",\n className: classes.menuButton,\n color: \"inherit\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 31,\n columnNumber: 9\n }\n }, /*#__PURE__*/React.createElement(MenuIcon, {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 35,\n columnNumber: 9\n }\n })), \" \", /*#__PURE__*/React.createElement(Typography, {\n variant: \"h6\",\n className: classes.title,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 38,\n columnNumber: 22\n }\n }, \"News \"), \" \", /*#__PURE__*/React.createElement(Button, {\n color: \"inherit\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 42,\n columnNumber: 22\n }\n }, \" Login \"), \" \"), \" \"), \" \");\n}","map":{"version":3,"sources":["/Users/holunyeung/Documents/GitHub/Photo_React/photo/src/testM.js"],"names":["React","makeStyles","AppBar","Toolbar","Typography","Button","IconButton","MenuIcon","useStyles","theme","root","flexGrow","menuButton","marginRight","spacing","title","ButtonAppBar","classes"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,UAAT,QAA2B,0BAA3B;AACA,OAAOC,MAAP,MAAmB,0BAAnB;AACA,OAAOC,OAAP,MAAoB,2BAApB;AACA,OAAOC,UAAP,MAAuB,8BAAvB;AACA,OAAOC,MAAP,MAAmB,0BAAnB;AACA,OAAOC,UAAP,MAAuB,8BAAvB;AACA,OAAOC,QAAP,MAAqB,yBAArB;AAEA,MAAMC,SAAS,GAAGP,UAAU,CAAEQ,KAAD,KAAY;AACrCC,EAAAA,IAAI,EAAE;AACFC,IAAAA,QAAQ,EAAE;AADR,GAD+B;AAIrCC,EAAAA,UAAU,EAAE;AACRC,IAAAA,WAAW,EAAEJ,KAAK,CAACK,OAAN,CAAc,CAAd;AADL,GAJyB;AAOrCC,EAAAA,KAAK,EAAE;AACHJ,IAAAA,QAAQ,EAAE;AADP;AAP8B,CAAZ,CAAD,CAA5B;AAYA,eAAe,SAASK,YAAT,GAAwB;AACnC,QAAMC,OAAO,GAAGT,SAAS,EAAzB;AAEA,sBAAS;AACD,IAAA,SAAS,EAAKS,OAAO,CAACP,IADrB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAEL,oBACA,MADA;AACO,IAAA,QAAQ,EAAG,QADlB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAEA,oBACA,OADA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAEA,oBACA,UADA;AACW,IAAA,IAAI,EAAG,OADlB;AAEA,IAAA,SAAS,EAAKO,OAAO,CAACL,UAFtB;AAGA,IAAA,KAAK,EAAG,SAHR;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAIA,oBACA,QADA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAJA,CAFA,oBASa,oBACb,UADa;AACF,IAAA,OAAO,EAAG,IADR;AAEb,IAAA,SAAS,EAAKK,OAAO,CAACF,KAFT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aATb,oBAaa,oBACb,MADa;AACN,IAAA,KAAK,EAAG,SADF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAbb,MAFA,MAFK,MAAT;AAuBH","sourcesContent":["import React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport AppBar from '@material-ui/core/AppBar';\nimport Toolbar from '@material-ui/core/Toolbar';\nimport Typography from '@material-ui/core/Typography';\nimport Button from '@material-ui/core/Button';\nimport IconButton from '@material-ui/core/IconButton';\nimport MenuIcon from '@material-ui/icons/Menu';\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n flexGrow: 1,\n },\n menuButton: {\n marginRight: theme.spacing(2),\n },\n title: {\n flexGrow: 1,\n },\n}));\n\nexport default function ButtonAppBar() {\n const classes = useStyles();\n\n return ( <\n div className = { classes.root } >\n <\n AppBar position = \"static\" >\n <\n Toolbar >\n <\n IconButton edge = \"start\"\n className = { classes.menuButton }\n color = \"inherit\" >\n <\n MenuIcon / >\n <\n /IconButton> <\n Typography variant = \"h6\"\n className = { classes.title } >\n News <\n /Typography> <\n Button color = \"inherit\" > Login < /Button> < /\n Toolbar > <\n /AppBar> < /\n div >\n );\n}"]},"metadata":{},"sourceType":"module"}
|
