\n {MENU_SECTIONS.map(\n ([\n key,\n [activeBg, inactiveBg],\n MobileIcon,\n { className, ...otherProps },\n ]) => (\n \n })
\n })
\n\n {props.navType === 'mobile' && (\n <>\n \n \n \n \n )\n )}\n
\n );\n});\n\nexport default Nav;\n","import React from 'react';\nimport cx from 'classnames';\nimport { Localized } from '@fluent/react';\n\nimport './how-it-works.css';\n\nconst CHART_NODE_REQUIRED_COUNT = 4;\nconst CHART_NODE_BLOCK_WITHOUT_OPTIONS_COUNT = 2;\n\nconst FLOWCHART: any[] = [\n [['01', 'microphone.png', 'about-speak']],\n [\n [\n '02',\n 'time.png',\n 'about-listen-queue',\n {\n children: (\n <>\n \n \n\n {props.navType === 'mobile' && (\n <>\n \n \n \n \n\n \n \n \n\n {children || (\n <>\n
\n );\n }\n);\n\nconst HowItWorks: React.ComponentType = React.memo(() => {\n return (\n {id}
\n\n {icon && (\n \n
\n \n );\n});\n\nexport default HowItWorks;\n","import * as React from 'react';\nimport { Localized } from '@fluent/react';\nimport { GitHubLink, ContactLink, MatrixLink } from '../../shared/links';\nimport { GithubIconCode, MatrixIcon, ContactIconCode } from '../../ui/icons';\n\nimport './get-involved.css';\n\nconst GetInvolved: React.ComponentType = () => {\n return (\n <>\n \n \n\n
\n \n \n \n \n\n \n \n \n\n {FLOWCHART.map(f => {\n const chartNodes = f.map((chartNode: any[]) =>\n chartNode.length === CHART_NODE_REQUIRED_COUNT ||\n !Array.isArray(chartNode)\n ? chartNode\n : [...chartNode, {}]\n );\n\n return chartNodes.length == CHART_NODE_BLOCK_WITHOUT_OPTIONS_COUNT\n ? [...chartNodes, {}]\n : chartNodes;\n }).map((chartNodes: any[], index: number) => {\n if (chartNodes.length === 1) {\n return (\n \n {chartNodes.map((chartNode: any[], index: number) => (\n
\n );\n })}\n \n \n \n \n \n \n
*/}\n\n \n })
\n
\n\n \n \n \n\n \n \n \n\n
\n \n );\n};\n\nexport default GetInvolved;\n","import * as React from 'react';\nimport { Localized } from '@fluent/react';\n\nimport './why-common-voice.css';\n\nconst WhyCommonVoice: React.ComponentType<{}> = () => {\n return (\n <>\n \n {[[ContactLink, ContactIconCode]].map(\n ([LinkComponent, IconComponent]: [any, any], index: number) => (\n \n
\n \n
\n \n );\n};\n\nexport default WhyCommonVoice;\n","import Nav from './nav';\nimport React from 'react';\nimport cx from 'classnames';\nimport Partners from './partners';\nimport { SECTIONS } from './constants';\nimport HowItWorks from './how-it-works';\nimport GetInvolved from './get-involved';\nimport WhyCommonVoice from './why-common-voice';\nimport useActiveSection from '../../../hooks/use-active-section';\n\nimport './about.css';\n\nconst About: React.ComponentType = React.memo(() => {\n const activeSection = useActiveSection(Object.values(SECTIONS));\n\n return (\n \n
\n \n \n\n \n \n \n\n \n \n \n\n \n \n \n
\n\n \n
\n