{"ast":null,"code":"var _jsxFileName = \"/Users/shanyi/Desktop/Projects/UC_Trains_Voice/react-demo/src/Route/About.tsx\",\n  _s = $RefreshSig$();\nimport React, { useState } from 'react';\nimport { Typography, Col, Row } from 'antd';\nimport { Link } from 'react-router-dom';\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nconst {\n  Title,\n  Paragraph\n} = Typography;\nconst fontSizePara = 17;\nconst fontAlign = \"justify\";\nconst paragraphStyle = {\n  textAlign: fontAlign,\n  fontSize: fontSizePara,\n  fontFamily: \"'Roboto', 'sans-serif'\"\n};\nconst About = ({\n  isModalOpen,\n  setIsModalOpen,\n  showModal,\n  handleCancel\n}) => {\n  _s();\n  const [currentSelection, setCurrentSelection] = useState('Profile');\n  const renderContent = () => {\n    switch (currentSelection) {\n      case 'Profile':\n        return /*#__PURE__*/_jsxDEV(\"p\", {\n          children: \"Profile content\"\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 28,\n          columnNumber: 16\n        }, this);\n      case 'Settings':\n        return /*#__PURE__*/_jsxDEV(\"p\", {\n          children: \"Settings content\"\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 30,\n          columnNumber: 16\n        }, this);\n      case 'Other':\n        return /*#__PURE__*/_jsxDEV(\"p\", {\n          children: \"Other content\"\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 32,\n          columnNumber: 16\n        }, this);\n      default:\n        return null;\n    }\n  };\n  return /*#__PURE__*/_jsxDEV(\"div\", {\n    style: {\n      minHeight: '100vh',\n      display: 'flex',\n      flexDirection: 'column',\n      justifyContent: 'space-between'\n    },\n    children: [/*#__PURE__*/_jsxDEV(\"div\", {\n      className: \"aboutmain\",\n      children: /*#__PURE__*/_jsxDEV(Row, {\n        children: [/*#__PURE__*/_jsxDEV(Col, {\n          span: 5\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 42,\n          columnNumber: 11\n        }, this), /*#__PURE__*/_jsxDEV(Col, {\n          span: 14,\n          children: /*#__PURE__*/_jsxDEV(Typography, {\n            style: {\n              paddingLeft: \"30px\",\n              paddingRight: \"40px\",\n              marginBottom: \"10px\",\n              textAlign: \"center\"\n            },\n            children: [/*#__PURE__*/_jsxDEV(\"div\", {\n              className: \"centerTitle\",\n              children: /*#__PURE__*/_jsxDEV(Title, {\n                className: \"customTitle\",\n                style: {\n                  textDecoration: \"underline\",\n                  color: 'rgb(36, 36, 131)',\n                  textDecorationThickness: \"2px\"\n                },\n                children: \"ABOUT\"\n              }, void 0, false, {\n                fileName: _jsxFileName,\n                lineNumber: 46,\n                columnNumber: 5\n              }, this)\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 45,\n              columnNumber: 3\n            }, this), /*#__PURE__*/_jsxDEV(Paragraph, {\n              style: paragraphStyle,\n              children: [\"This prototype voice coaching app was developed by the University of Cincinnati Department of Electrical and Computer Engineering under supervision of Prof. Vesna Novak. Contributors include Xiangyi Wang, Sam Weese, Om Jadhav, Victoria McKenna, Maggie Lyon and Ansh Bhanushali. The project was funded by the National Institute of Deafness and Communication Disorders (project R21DC021537) and by a Collaborative Pilot Grant from the University of Cincinnati Office of Research. The pitch calculation and display code is based on code by\", ' ', /*#__PURE__*/_jsxDEV(Link, {\n                style: {\n                  fontSize: fontSizePara\n                },\n                to: \"http://www.speechandhearing.net/\",\n                target: \"_blank\",\n                children: \"Mark Huckvale, University College London\"\n              }, void 0, false, {\n                fileName: _jsxFileName,\n                lineNumber: 53,\n                columnNumber: 22\n              }, this), \". The app is still in development, and updates are added regularly.\"]\n            }, void 0, true, {\n              fileName: _jsxFileName,\n              lineNumber: 51,\n              columnNumber: 15\n            }, this), /*#__PURE__*/_jsxDEV(Paragraph, {\n              style: paragraphStyle,\n              children: \"Our group aims to provide free and accessible gender-affirming voice coaching software that can be used by trans people as a supplement to professional voice coaching or as a stand-alone tool by trans people who cannot access professional voice coaching. We acknowledge that pitch is not the only component of gender-affirming voice coaching, but have focused on it in this first app since it is easily understood by beginners. In the future, we plan to expand to apps for coaching resonance and other aspects of transgender voice.\"\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 58,\n              columnNumber: 15\n            }, this), /*#__PURE__*/_jsxDEV(Paragraph, {\n              style: paragraphStyle,\n              children: [\"If you would like to discuss the project, feel free to reach out to Prof. Novak at\", /*#__PURE__*/_jsxDEV(Link, {\n                style: {\n                  fontSize: fontSizePara\n                },\n                to: \"mailto:novakdn@ucmail.uc.edu\",\n                children: \" novakdn@ucmail.uc.edu\"\n              }, void 0, false, {\n                fileName: _jsxFileName,\n                lineNumber: 63,\n                columnNumber: 17\n              }, this), \".\"]\n            }, void 0, true, {\n              fileName: _jsxFileName,\n              lineNumber: 61,\n              columnNumber: 15\n            }, this)]\n          }, void 0, true, {\n            fileName: _jsxFileName,\n            lineNumber: 44,\n            columnNumber: 11\n          }, this)\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 43,\n          columnNumber: 11\n        }, this), /*#__PURE__*/_jsxDEV(Col, {\n          span: 5\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 67,\n          columnNumber: 11\n        }, this)]\n      }, void 0, true, {\n        fileName: _jsxFileName,\n        lineNumber: 41,\n        columnNumber: 9\n      }, this)\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 40,\n      columnNumber: 7\n    }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n      style: {\n        width: '100%',\n        background: 'white',\n        padding: '20px 0',\n        textAlign: 'center',\n        paddingLeft: \"1.2rem\"\n      },\n      children: /*#__PURE__*/_jsxDEV(Row, {\n        justify: \"center\",\n        align: \"middle\",\n        style: {\n          width: '100%'\n        },\n        children: [/*#__PURE__*/_jsxDEV(Col, {\n          span: 10,\n          children: /*#__PURE__*/_jsxDEV(Paragraph, {\n            style: {\n              width: \"40%\"\n            },\n            children: [\"Professor Vesna Novak\", /*#__PURE__*/_jsxDEV(Link, {\n              to: \"mailto:novakdn@ucmail.uc.edu\",\n              children: \" novakdn@ucmail.uc.edu\"\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 75,\n              columnNumber: 15\n            }, this)]\n          }, void 0, true, {\n            fileName: _jsxFileName,\n            lineNumber: 73,\n            columnNumber: 13\n          }, this)\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 72,\n          columnNumber: 11\n        }, this), /*#__PURE__*/_jsxDEV(Col, {\n          span: 10,\n          offset: 3,\n          children: /*#__PURE__*/_jsxDEV(Paragraph, {\n            style: {\n              width: \"60%\",\n              paddingLeft: \"0.3rem\"\n            },\n            children: \"Rhodes 833, 2851 Woodside Ave., Cincinnati OH 45221\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 79,\n            columnNumber: 13\n          }, this)\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 78,\n          columnNumber: 11\n        }, this)]\n      }, void 0, true, {\n        fileName: _jsxFileName,\n        lineNumber: 71,\n        columnNumber: 9\n      }, this)\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 70,\n      columnNumber: 7\n    }, this)]\n  }, void 0, true, {\n    fileName: _jsxFileName,\n    lineNumber: 39,\n    columnNumber: 5\n  }, this);\n};\n_s(About, \"Ya3sNc9sJp4kGMgDsxTw3Gj/E5M=\");\n_c = About;\nexport default About;\nvar _c;\n$RefreshReg$(_c, \"About\");","map":{"version":3,"names":["React","useState","Typography","Col","Row","Link","jsxDEV","_jsxDEV","Title","Paragraph","fontSizePara","fontAlign","paragraphStyle","textAlign","fontSize","fontFamily","About","isModalOpen","setIsModalOpen","showModal","handleCancel","_s","currentSelection","setCurrentSelection","renderContent","children","fileName","_jsxFileName","lineNumber","columnNumber","style","minHeight","display","flexDirection","justifyContent","className","span","paddingLeft","paddingRight","marginBottom","textDecoration","color","textDecorationThickness","to","target","width","background","padding","justify","align","offset","_c","$RefreshReg$"],"sources":["/Users/shanyi/Desktop/Projects/UC_Trains_Voice/react-demo/src/Route/About.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Typography, Col, Row } from 'antd';\nimport { Link } from 'react-router-dom';\n\nconst { Title, Paragraph } = Typography;\n\nconst fontSizePara = 17;\nconst fontAlign = \"justify\";\nconst paragraphStyle: React.CSSProperties = {\n  textAlign: fontAlign,\n  fontSize: fontSizePara,\n  fontFamily: \"'Roboto', 'sans-serif'\",\n};\n\ninterface AboutProps {\n  isModalOpen: boolean;\n  setIsModalOpen: React.Dispatch<React.SetStateAction<boolean>>;\n  showModal: () => void;\n  handleCancel: () => void;\n}\n\nconst About: React.FC<AboutProps> = ({ isModalOpen, setIsModalOpen, showModal, handleCancel }) => {\n  const [currentSelection, setCurrentSelection] = useState('Profile');\n\n  const renderContent = () => {\n    switch (currentSelection) {\n      case 'Profile':\n        return <p>Profile content</p>;\n      case 'Settings':\n        return <p>Settings content</p>;\n      case 'Other':\n        return <p>Other content</p>;\n      default:\n        return null;\n    }\n  };\n\n  return (\n    <div style={{ minHeight: '100vh', display: 'flex', flexDirection: 'column', justifyContent: 'space-between' }}>\n      <div className=\"aboutmain\">\n        <Row>\n          <Col span={5}></Col>\n          <Col span={14}>\n          <Typography style={{ paddingLeft: \"30px\", paddingRight: \"40px\", marginBottom: \"10px\", textAlign: \"center\" }}>\n  <div className=\"centerTitle\">\n    <Title className=\"customTitle\" style={{ textDecoration: \"underline\", color: 'rgb(36, 36, 131)', textDecorationThickness: \"2px\" }}>\n      ABOUT\n    </Title>\n  </div>\n\n              <Paragraph style={paragraphStyle}>\n                This prototype voice coaching app was developed by the University of Cincinnati Department of Electrical and Computer Engineering under supervision of Prof. Vesna Novak. Contributors include Xiangyi Wang, Sam Weese, Om Jadhav, Victoria McKenna, Maggie Lyon and Ansh Bhanushali. The project was funded by the National Institute of Deafness and Communication Disorders (project R21DC021537) and by a Collaborative Pilot Grant from the University of Cincinnati Office of Research. The pitch calculation and display code is based on code by\n                {' '}<Link style={{ fontSize: fontSizePara }} to=\"http://www.speechandhearing.net/\" target=\"_blank\">\n                  Mark Huckvale, University College London\n                </Link>\n                . The app is still in development, and updates are added regularly.\n              </Paragraph>\n              <Paragraph style={paragraphStyle}>\n                Our group aims to provide free and accessible gender-affirming voice coaching software that can be used by trans people as a supplement to professional voice coaching or as a stand-alone tool by trans people who cannot access professional voice coaching. We acknowledge that pitch is not the only component of gender-affirming voice coaching, but have focused on it in this first app since it is easily understood by beginners. In the future, we plan to expand to apps for coaching resonance and other aspects of transgender voice.\n              </Paragraph>\n              <Paragraph style={paragraphStyle}>\n                If you would like to discuss the project, feel free to reach out to Prof. Novak at\n                <Link style={{ fontSize: fontSizePara }} to=\"mailto:novakdn@ucmail.uc.edu\"> novakdn@ucmail.uc.edu</Link>.\n              </Paragraph>\n            </Typography>\n          </Col>\n          <Col span={5}></Col>\n        </Row>\n      </div>\n      <div style={{ width: '100%', background: 'white', padding: '20px 0', textAlign: 'center', paddingLeft: \"1.2rem\"  }}>\n        <Row justify=\"center\" align=\"middle\" style={{ width: '100%' }}>\n          <Col span={10}>\n            <Paragraph style={{width:\"40%\"}}>\n              Professor Vesna Novak\n              <Link to=\"mailto:novakdn@ucmail.uc.edu\"> novakdn@ucmail.uc.edu</Link>\n            </Paragraph>\n          </Col>\n          <Col span={10} offset={3}>\n            <Paragraph style={{width:\"60%\", paddingLeft: \"0.3rem\"}}>\n              Rhodes 833, 2851 Woodside Ave., Cincinnati OH 45221\n            </Paragraph>\n          </Col>\n        </Row>\n      </div>\n    </div>\n  );\n};\n\nexport default About;\n"],"mappings":"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","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}