{"ast":null,"code":"var _jsxFileName = \"D:\\\\Project\\\\UC_Trains_Voice\\\\react-demo\\\\src\\\\MainLayout.tsx\",\n  _s = $RefreshSig$();\nimport React, { useState } from 'react';\nimport { Layout, Menu } from 'antd';\nimport { UserOutlined } from '@ant-design/icons';\nimport { Button } from 'antd';\nimport { Routes, Route, Link } from 'react-router-dom';\nimport About from './Route/About';\nimport Sample from './Route/Sample';\nimport './CSS/MainLayout.css';\n// import logoImage from './icon/logo2.png'\nimport logoImage from '../src/icon/new-icon-removebg-preview.png';\nimport Help from './Route/Help';\nimport { useLocation } from 'react-router-dom';\n\n// import { Menu } from 'antd';\n\nimport { FreqProvider } from './gavt/FreqContext';\nimport Gavt from './Route/Gavt';\nimport GavtPractice from './gavt/GavtPractice';\nimport GavtCali from './gavt/GavtCali';\nimport SampleVolume from './Route/SampleVolume';\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nconst {\n  Header,\n  Content,\n  Footer\n} = Layout;\nconst backColor = \"linear-gradient(to bottom, #d7d2e6, #c9d9f3)\";\nconst itemsMenu = [{\n  label: 'Profile',\n  key: 'Profile'\n}, {\n  label: 'Settings',\n  key: 'Settings'\n}, {\n  label: 'Other',\n  key: 'Other'\n}];\nconst marksRange = {\n  50: '50Hz',\n  600: '600Hz'\n};\nconst marksBall = {\n  0: 'Slowest',\n  1: 'Fastest'\n};\nconst marksBallPos = {\n  0: '0%',\n  1: '100%'\n};\nconst marksVol = {\n  50: '50dB',\n  90: '90dB'\n};\nconst MainLayout = () => {\n  _s();\n  const location = useLocation();\n  const [isModalOpen, setIsModalOpen] = useState(false);\n  const [selectedItem, setSelectedItem] = useState('Settings');\n\n  // const renderContent = () => {\n  //   switch (selectedItem) {\n  //     case 'Profile':\n  //       return <p>profile</p>;\n  //     case 'Settings':\n  //       return (<div>\n  //             <Flex vertical gap=\"middle\">\n\n  //     <Space>\n  //       <p># Coordinate Display Mode</p>\n  //       <Radio.Group onChange={onChangeHz} defaultValue=\"a\" buttonStyle=\"solid\">\n  //         <Radio.Button value=\"hz\"> Hz </Radio.Button>\n  //         <Radio.Button value=\"notes\">Notes</Radio.Button>\n  //       </Radio.Group>\n  //       <br />\n  //     </Space>\n\n  //     <div>\n  //     <p># Pitch Display Range</p>\n  //     <Slider\n  //       range\n  //       step={10}\n  //       min={50}\n  //       max={600}\n  //       onChange={onChangeRange}\n  //       // tooltipPlacement={bottom}\n  //       tooltip={{\n  //         // placement: 'bottom',\n  //         formatter: formatterHz,\n  //         // open: tooltipVisible,\n  //       }}\n  //       // tooltip={{ formatter: formatterHz}}\n  //       marks={marksRange}\n  //       defaultValue={[100, 300]} />\n  //     </div>\n\n  //       <div>\n  //         <p># Pitch Indicator Horizontal Position</p>\n  //         <Slider\n  //           step={0.1}\n  //           min={0}\n  //           max={1}\n  //           // onChange={onChangePosition}\n  //           tooltip={{\n  //             formatter: formatterPos,\n  //           }}\n  //           defaultValue={0.5}\n  //           marks={marksBallPos}\n  //         />\n  //       </div>\n\n  //  <div>\n  //         <p># Pitch Indicator Horizontal Position</p>\n  //         <Slider\n  //           step={0.1}\n  //           min={0}\n  //           max={1}\n  //           // onChange={onChangePosition}\n  //           tooltip={{\n  //             formatter: formatterPos,\n  //           }}\n  //           defaultValue={0.5}\n  //           marks={marksBallPos}\n  //         />\n  //       </div>\n\n  //     <div>\n  //     <p># Pitch Indicator Speed</p>\n  //     <Slider\n  //       step={0.05}\n  //       min={0}\n  //       max={1}\n  //       // onChange={onChangeSpeed}\n  //       defaultValue={0.3}\n  //       tooltip ={{formatter: null}}\n  //     />\n  //     </div>\n\n  //       <div>\n  //       <Space>\n  //       <p># Auto-Start When Voice Detected</p>\n  //       {/* <Switch defaultChecked={false} onChange={EnableVoluneMode} /> */}\n  //     </Space>\n\n  //       <Slider\n  //       step={1}\n  //       min={50}\n  //       max={90}\n  //       onChange={onChangeThreshold}\n  //       tooltip={{\n  //         formatter: formatterdB,\n\n  //       }}\n  //       defaultValue={70}\n  //       marks={marksVol}\n  //     />\n\n  //       </div>\n\n  //     <br/>\n  //     <Button onClick={handleCancel}>Close</Button>\n  //   </Flex>\n\n  //       </div>)\n  //     case 'Other':\n  //       return <p>other</p>;\n  //     default:\n  //       return null;\n  //   }\n  // };\n  const onClickMenu = e => {\n    setSelectedItem(e.key);\n  };\n  const showModal = () => {\n    setIsModalOpen(true);\n  };\n  const handleOk = () => {\n    setIsModalOpen(false);\n  };\n  const handleCancel = () => {\n    setIsModalOpen(false);\n  };\n  const getSelectedKeys = () => {\n    const path = location.pathname;\n    switch (path) {\n      case '/':\n        return ['4'];\n      case '/pitch':\n        return ['3'];\n      case '/volume':\n        return ['5'];\n      case '/about':\n        return ['1'];\n      case '/gavt':\n        return ['2'];\n      case '/gavt/practice':\n        return ['2'];\n      case '/gavt/calibrate':\n        return ['2'];\n      default:\n        return ['4'];\n    }\n  };\n  return (\n    /*#__PURE__*/\n    // <Router basename=\"/transvoice\">\n    _jsxDEV(Layout, {\n      style: {\n        background: backColor\n      },\n      className: \"layout\",\n      children: [/*#__PURE__*/_jsxDEV(Header, {\n        style: {\n          display: 'flex',\n          alignItems: 'flex-start',\n          background: 'transparent'\n        },\n        children: [/*#__PURE__*/_jsxDEV(\"div\", {\n          className: \"logo\",\n          children: /*#__PURE__*/_jsxDEV(\"img\", {\n            className: \"logoImg\",\n            src: logoImage,\n            alt: \"Logo\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 234,\n            columnNumber: 13\n          }, this)\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 228,\n          columnNumber: 11\n        }, this), /*#__PURE__*/_jsxDEV(Menu, {\n          disabledOverflow: true,\n          className: \"Menu\",\n          theme: \"light\",\n          mode: \"horizontal\",\n          selectedKeys: getSelectedKeys(),\n          children: [/*#__PURE__*/_jsxDEV(Menu.Item, {\n            className: \"menu-item\",\n            children: /*#__PURE__*/_jsxDEV(Link, {\n              to: \"/\",\n              children: \"Introduction\"\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 238,\n              columnNumber: 15\n            }, this)\n          }, \"4\", false, {\n            fileName: _jsxFileName,\n            lineNumber: 237,\n            columnNumber: 11\n          }, this), /*#__PURE__*/_jsxDEV(Menu.Item, {\n            className: \"menu-item\",\n            children: /*#__PURE__*/_jsxDEV(Link, {\n              to: \"/pitch\",\n              children: \"Pitch\"\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 241,\n              columnNumber: 15\n            }, this)\n          }, \"3\", false, {\n            fileName: _jsxFileName,\n            lineNumber: 240,\n            columnNumber: 13\n          }, this), /*#__PURE__*/_jsxDEV(Menu.Item, {\n            className: \"menu-item\",\n            children: /*#__PURE__*/_jsxDEV(Link, {\n              to: \"/volume\",\n              children: \"Volume\"\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 244,\n              columnNumber: 15\n            }, this)\n          }, \"5\", false, {\n            fileName: _jsxFileName,\n            lineNumber: 243,\n            columnNumber: 13\n          }, this), /*#__PURE__*/_jsxDEV(Menu.Item, {\n            className: \"menu-item\",\n            children: /*#__PURE__*/_jsxDEV(Link, {\n              to: \"/gavt\",\n              children: \"GAVT\"\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 247,\n              columnNumber: 15\n            }, this)\n          }, \"2\", false, {\n            fileName: _jsxFileName,\n            lineNumber: 246,\n            columnNumber: 13\n          }, this), /*#__PURE__*/_jsxDEV(Menu.Item, {\n            className: \"menu-item\",\n            children: /*#__PURE__*/_jsxDEV(Link, {\n              to: \"/about\",\n              children: \"Contact\"\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 250,\n              columnNumber: 15\n            }, this)\n          }, \"1\", false, {\n            fileName: _jsxFileName,\n            lineNumber: 249,\n            columnNumber: 13\n          }, this)]\n        }, void 0, true, {\n          fileName: _jsxFileName,\n          lineNumber: 236,\n          columnNumber: 11\n        }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n          className: \"userIcon\",\n          children: /*#__PURE__*/_jsxDEV(Button, {\n            shape: \"circle\",\n            type: \"default\",\n            icon: /*#__PURE__*/_jsxDEV(UserOutlined, {}, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 258,\n              columnNumber: 17\n            }, this),\n            onClick: showModal\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 255,\n            columnNumber: 10\n          }, this)\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 254,\n          columnNumber: 9\n        }, this)]\n      }, void 0, true, {\n        fileName: _jsxFileName,\n        lineNumber: 226,\n        columnNumber: 9\n      }, this), /*#__PURE__*/_jsxDEV(Content, {\n        className: \"ContentMain\",\n        style: {\n          display: 'flex',\n          flexDirection: 'column',\n          alignItems: 'center',\n          marginTop: \"0rem\",\n          background: 'transparent'\n        },\n        children: /*#__PURE__*/_jsxDEV(Routes, {\n          children: [/*#__PURE__*/_jsxDEV(Route, {\n            path: \"/about\",\n            element: /*#__PURE__*/_jsxDEV(About, {}, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 291,\n              columnNumber: 43\n            }, this)\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 291,\n            columnNumber: 13\n          }, this), /*#__PURE__*/_jsxDEV(Route, {\n            path: \"/pitch\",\n            element: /*#__PURE__*/_jsxDEV(Sample, {\n              isModalOpen: isModalOpen,\n              setIsModalOpen: setIsModalOpen,\n              showModal: showModal,\n              handleCancel: handleCancel\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 292,\n              columnNumber: 43\n            }, this)\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 292,\n            columnNumber: 13\n          }, this), /*#__PURE__*/_jsxDEV(Route, {\n            path: \"/volume\",\n            element: /*#__PURE__*/_jsxDEV(SampleVolume, {}, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 293,\n              columnNumber: 44\n            }, this)\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 293,\n            columnNumber: 13\n          }, this), /*#__PURE__*/_jsxDEV(FreqProvider, {\n            children: [/*#__PURE__*/_jsxDEV(Route, {\n              path: \"/gavt\",\n              element: /*#__PURE__*/_jsxDEV(Gavt, {}, void 0, false, {\n                fileName: _jsxFileName,\n                lineNumber: 295,\n                columnNumber: 44\n              }, this)\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 295,\n              columnNumber: 15\n            }, this), /*#__PURE__*/_jsxDEV(Route, {\n              path: \"/gavt/practice\",\n              element: /*#__PURE__*/_jsxDEV(GavtPractice, {}, void 0, false, {\n                fileName: _jsxFileName,\n                lineNumber: 296,\n                columnNumber: 53\n              }, this)\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 296,\n              columnNumber: 15\n            }, this), /*#__PURE__*/_jsxDEV(Route, {\n              path: \"/gavt/calibrate\",\n              element: /*#__PURE__*/_jsxDEV(GavtCali, {}, void 0, false, {\n                fileName: _jsxFileName,\n                lineNumber: 297,\n                columnNumber: 54\n              }, this)\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 297,\n              columnNumber: 15\n            }, this)]\n          }, void 0, true, {\n            fileName: _jsxFileName,\n            lineNumber: 294,\n            columnNumber: 13\n          }, this), /*#__PURE__*/_jsxDEV(Route, {\n            path: \"/\",\n            element: /*#__PURE__*/_jsxDEV(Help, {}, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 299,\n              columnNumber: 38\n            }, this)\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 299,\n            columnNumber: 13\n          }, this)]\n        }, void 0, true, {\n          fileName: _jsxFileName,\n          lineNumber: 290,\n          columnNumber: 11\n        }, this)\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 289,\n        columnNumber: 9\n      }, this), /*#__PURE__*/_jsxDEV(Footer, {\n        style: {\n          textAlign: 'center',\n          background: 'transparent'\n        },\n        children: [\"Voice Training Platform \\xA9\", new Date().getFullYear(), \" Created by Dr.Novak lab\"]\n      }, void 0, true, {\n        fileName: _jsxFileName,\n        lineNumber: 302,\n        columnNumber: 9\n      }, this)]\n    }, void 0, true, {\n      fileName: _jsxFileName,\n      lineNumber: 225,\n      columnNumber: 7\n    }, this)\n    // </Router>\n  );\n};\n_s(MainLayout, \"g/7A91gCWy4US8npuU4pb2Ii7pY=\", false, function () {\n  return [useLocation];\n});\n_c = MainLayout;\nexport default MainLayout;\nvar _c;\n$RefreshReg$(_c, \"MainLayout\");","map":{"version":3,"names":["React","useState","Layout","Menu","UserOutlined","Button","Routes","Route","Link","About","Sample","logoImage","Help","useLocation","FreqProvider","Gavt","GavtPractice","GavtCali","SampleVolume","jsxDEV","_jsxDEV","Header","Content","Footer","backColor","itemsMenu","label","key","marksRange","marksBall","marksBallPos","marksVol","MainLayout","_s","location","isModalOpen","setIsModalOpen","selectedItem","setSelectedItem","onClickMenu","e","showModal","handleOk","handleCancel","getSelectedKeys","path","pathname","style","background","className","children","display","alignItems","src","alt","fileName","_jsxFileName","lineNumber","columnNumber","disabledOverflow","theme","mode","selectedKeys","Item","to","shape","type","icon","onClick","flexDirection","marginTop","element","textAlign","Date","getFullYear","_c","$RefreshReg$"],"sources":["D:/Project/UC_Trains_Voice/react-demo/src/MainLayout.tsx"],"sourcesContent":["import React,{useState } from 'react';\r\nimport { Layout, Menu, Avatar } from 'antd';\r\nimport { UserOutlined } from '@ant-design/icons';\r\nimport { Button, Modal, Image} from 'antd';\r\nimport { BrowserRouter as Router, Routes, Route, Link } from 'react-router-dom';\r\nimport About from './Route/About'; \r\nimport Training from './Route/Help';\r\nimport PitchPanel from './Deprecated/PitchPanel';\r\nimport Sample from './Route/Sample';\r\nimport './CSS/MainLayout.css';\r\n// import logoImage from './icon/logo2.png'\r\nimport logoImage from '../src/icon/new-icon-removebg-preview.png';\r\nimport { ConfigProvider, Flex } from 'antd';\r\nimport Help from './Route/Help';\r\nimport { useLocation,useNavigate } from 'react-router-dom';\r\nimport type { MenuProps } from 'antd';\r\n// import { Menu } from 'antd';\r\nimport Volumn from './Route/Volumn';\r\n\r\nimport { FreqProvider } from './gavt/FreqContext';\r\nimport Gavt from './Route/Gavt';\r\nimport GavtPractice from './gavt/GavtPractice';\r\nimport GavtCali from './gavt/GavtCali';\r\n\r\nimport SampleVolume from './Route/SampleVolume';\r\nimport { Space, Dropdown, Radio, Slider} from 'antd';\r\nimport type { SliderSingleProps } from 'antd';\r\nimport type { RadioChangeEvent } from 'antd';\r\n\r\nconst { Header, Content, Footer } = Layout;\r\nconst backColor = \"linear-gradient(to bottom, #d7d2e6, #c9d9f3)\";\r\n\r\n\r\nconst itemsMenu: MenuProps['items'] = [\r\n  {\r\n    label: 'Profile',\r\n    key: 'Profile',\r\n  },\r\n  {\r\n    label: 'Settings',\r\n    key: 'Settings',\r\n  },\r\n  {\r\n    label: 'Other',\r\n    key: 'Other',\r\n  },\r\n];\r\n\r\nconst marksRange: SliderSingleProps['marks'] = {\r\n  50: '50Hz',\r\n  600: '600Hz'\r\n};\r\n\r\nconst marksBall: SliderSingleProps['marks'] = {\r\n  0: 'Slowest',\r\n  1: 'Fastest'\r\n};\r\nconst marksBallPos: SliderSingleProps['marks'] = {\r\n  0: '0%',\r\n  1: '100%'\r\n};\r\nconst marksVol: SliderSingleProps['marks'] = {\r\n  50: '50dB',\r\n  90: '90dB'\r\n};\r\n\r\n\r\nconst MainLayout: React.FC = () => {\r\n  const location = useLocation();\r\n\r\n  const [isModalOpen, setIsModalOpen] = useState(false);\r\n  const [selectedItem, setSelectedItem] = useState('Settings');\r\n\r\n  // const renderContent = () => {\r\n  //   switch (selectedItem) {\r\n  //     case 'Profile':\r\n  //       return <p>profile</p>;\r\n  //     case 'Settings':\r\n  //       return (<div>\r\n  //             <Flex vertical gap=\"middle\">\r\n\r\n  //     <Space>\r\n  //       <p># Coordinate Display Mode</p>\r\n  //       <Radio.Group onChange={onChangeHz} defaultValue=\"a\" buttonStyle=\"solid\">\r\n  //         <Radio.Button value=\"hz\"> Hz </Radio.Button>\r\n  //         <Radio.Button value=\"notes\">Notes</Radio.Button>\r\n  //       </Radio.Group>\r\n  //       <br />\r\n  //     </Space>\r\n\r\n  //     <div>\r\n  //     <p># Pitch Display Range</p>\r\n  //     <Slider\r\n  //       range\r\n  //       step={10}\r\n  //       min={50}\r\n  //       max={600}\r\n  //       onChange={onChangeRange}\r\n  //       // tooltipPlacement={bottom}\r\n  //       tooltip={{\r\n  //         // placement: 'bottom',\r\n  //         formatter: formatterHz,\r\n  //         // open: tooltipVisible,\r\n  //       }}\r\n  //       // tooltip={{ formatter: formatterHz}}\r\n  //       marks={marksRange}\r\n  //       defaultValue={[100, 300]} />\r\n  //     </div>\r\n      \r\n\r\n  //       <div>\r\n  //         <p># Pitch Indicator Horizontal Position</p>\r\n  //         <Slider\r\n  //           step={0.1}\r\n  //           min={0}\r\n  //           max={1}\r\n  //           // onChange={onChangePosition}\r\n  //           tooltip={{\r\n  //             formatter: formatterPos,\r\n  //           }}\r\n  //           defaultValue={0.5}\r\n  //           marks={marksBallPos}\r\n  //         />\r\n  //       </div>\r\n        \r\n  //  <div>\r\n  //         <p># Pitch Indicator Horizontal Position</p>\r\n  //         <Slider\r\n  //           step={0.1}\r\n  //           min={0}\r\n  //           max={1}\r\n  //           // onChange={onChangePosition}\r\n  //           tooltip={{\r\n  //             formatter: formatterPos,\r\n  //           }}\r\n  //           defaultValue={0.5}\r\n  //           marks={marksBallPos}\r\n  //         />\r\n  //       </div>\r\n  \r\n\r\n  //     <div>\r\n  //     <p># Pitch Indicator Speed</p>\r\n  //     <Slider\r\n  //       step={0.05}\r\n  //       min={0}\r\n  //       max={1}\r\n  //       // onChange={onChangeSpeed}\r\n  //       defaultValue={0.3}\r\n  //       tooltip ={{formatter: null}}\r\n  //     />\r\n  //     </div>\r\n      \r\n  //       <div>\r\n  //       <Space>\r\n  //       <p># Auto-Start When Voice Detected</p>\r\n  //       {/* <Switch defaultChecked={false} onChange={EnableVoluneMode} /> */}\r\n  //     </Space>\r\n\r\n  //       <Slider\r\n  //       step={1}\r\n  //       min={50}\r\n  //       max={90}\r\n  //       onChange={onChangeThreshold}\r\n  //       tooltip={{\r\n  //         formatter: formatterdB,\r\n        \r\n  //       }}\r\n  //       defaultValue={70}\r\n  //       marks={marksVol}\r\n  //     />\r\n\r\n  //       </div>\r\n\r\n  //     <br/>\r\n  //     <Button onClick={handleCancel}>Close</Button>\r\n  //   </Flex>\r\n\r\n  //       </div>)\r\n  //     case 'Other':\r\n  //       return <p>other</p>;\r\n  //     default:\r\n  //       return null;\r\n  //   }\r\n  // };\r\n  const onClickMenu: MenuProps['onClick'] = (e) => {\r\n    setSelectedItem(e.key);\r\n  };\r\n  const showModal = () => {\r\n    setIsModalOpen(true);\r\n  };\r\n\r\n  const handleOk = () => {\r\n    setIsModalOpen(false);\r\n  };\r\n\r\n  const handleCancel = () => {\r\n    setIsModalOpen(false);\r\n  };\r\n\r\n  const getSelectedKeys = () => {\r\n    const path = location.pathname; \r\n    switch (path) {\r\n      case '/':\r\n        return ['4']; \r\n      case '/pitch':\r\n        return ['3']; \r\n      case '/volume':\r\n        return ['5'];\r\n      case '/about':\r\n        return ['1'];\r\n      case '/gavt':\r\n        return ['2'];\r\n      case '/gavt/practice':\r\n        return ['2'];\r\n      case '/gavt/calibrate':\r\n        return ['2'];\r\n      default:\r\n        return ['4']; \r\n    }\r\n  };\r\n\r\n  return (\r\n    // <Router basename=\"/transvoice\">\r\n      <Layout style={{background:backColor}} className=\"layout\" >\r\n        <Header style={{ display: 'flex',alignItems: 'flex-start',background: 'transparent'}}>\r\n\r\n          <div className=\"logo\">\r\n          {/* <Image\r\n    preview = {false}\r\n    src={logoImage}\r\n    style={{ height: '10%'}}\r\n  /> */}\r\n            <img className=\"logoImg\" src={logoImage} alt=\"Logo\" />\r\n          </div>\r\n          <Menu disabledOverflow={true} className=\"Menu\" theme=\"light\" mode=\"horizontal\" selectedKeys={getSelectedKeys()} >\r\n          <Menu.Item key=\"4\" className=\"menu-item\">\r\n              <Link to=\"/\">Introduction</Link>\r\n            </Menu.Item>            \r\n            <Menu.Item key=\"3\" className=\"menu-item\">\r\n              <Link to=\"/pitch\">Pitch</Link>\r\n            </Menu.Item>\r\n            <Menu.Item key=\"5\" className=\"menu-item\">\r\n              <Link to=\"/volume\">Volume</Link>\r\n            </Menu.Item>\r\n            <Menu.Item key=\"2\" className=\"menu-item\">\r\n              <Link to=\"/gavt\">GAVT</Link>\r\n            </Menu.Item>\r\n            <Menu.Item key=\"1\" className=\"menu-item\">\r\n              <Link to=\"/about\">Contact</Link>\r\n            </Menu.Item>\r\n\r\n          </Menu>\r\n        <div className='userIcon'> \r\n         <Button\r\n         shape=\"circle\"\r\n          type=\"default\"\r\n          icon={<UserOutlined />}\r\n          onClick={showModal}\r\n        />\r\n\r\n          </div>\r\n\r\n          {/* <Modal \r\n          title=\"Settings\" \r\n          open={isModalOpen} \r\n          className='AvatarModal'\r\n          onOk={handleOk} \r\n          onCancel={handleCancel}\r\n          >\r\n            <div style={{ textAlign: 'center' }}>\r\n            <Avatar size={64} icon={<UserOutlined />} />\r\n        <p>Jane Smith</p>\r\n\r\n        <Menu disabledOverflow={true} \r\n        onClick={onClickMenu} \r\n        style={{justifyContent: \"center\"}} \r\n        mode=\"horizontal\" \r\n        selectedKeys={[selectedItem]}\r\n        items={itemsMenu} />\r\n{renderContent()}\r\n            </div>\r\n            \r\n        <p>Some contents...</p>\r\n        <p>Some contents...</p>\r\n      </Modal> */}\r\n\r\n        </Header>\r\n        <Content className=\"ContentMain\" style={{ display: 'flex', flexDirection: 'column', alignItems: 'center' ,marginTop:\"0rem\", background: 'transparent'}}>\r\n          <Routes>\r\n            <Route path=\"/about\" element={<About />} />\r\n            <Route path=\"/pitch\" element={<Sample isModalOpen={isModalOpen} setIsModalOpen={setIsModalOpen} showModal={showModal} handleCancel={handleCancel}/>} />\r\n            <Route path=\"/volume\" element={<SampleVolume />} />\r\n            <FreqProvider>\r\n              <Route path=\"/gavt\" element={<Gavt />} />\r\n              <Route path=\"/gavt/practice\" element={<GavtPractice />} />\r\n              <Route path=\"/gavt/calibrate\" element={<GavtCali />} />\r\n            </FreqProvider>\r\n            <Route path=\"/\" element={<Help/>} />\r\n          </Routes>\r\n        </Content>\r\n        <Footer style={{ textAlign: 'center' ,background: 'transparent'}}>\r\n          Voice Training Platform ©{new Date().getFullYear()} Created by Dr.Novak lab\r\n        </Footer>\r\n      </Layout>\r\n    // </Router>\r\n      \r\n  )\r\n}  \r\n  export default MainLayout;"],"mappings":"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","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}