Differential D7869 Diff 29723 landing/header.react.js

Changeset View

Standalone View

landing/header.react.js

// @flow		// @flow

import { faTwitter, faGithub } from '@fortawesome/free-brands-svg-icons';		import { faTwitter, faGithub } from '@fortawesome/free-brands-svg-icons';
import { faExternalLinkAlt, faBars } from '@fortawesome/free-solid-svg-icons';		import {
		faExternalLinkAlt,
		faBars,
		faTimes,
		} from '@fortawesome/free-solid-svg-icons';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';		import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import classNames from 'classnames';		import classNames from 'classnames';
import * as React from 'react';		import * as React from 'react';
import { NavLink } from 'react-router-dom';		import { NavLink } from 'react-router-dom';

import type { SetState } from 'lib/types/hook-types.js';		import type { SetState } from 'lib/types/hook-types.js';

import css from './header.css';		import css from './header.css';
▲ Show 20 Lines • Show All 81 Lines • ▼ Show 20 Lines	<nav className={css.headerContainer}>
</div>		</div>
</a>		</a>
<a href="https://github.com/CommE2E/comm">		<a href="https://github.com/CommE2E/comm">
<div className={css.githubIcon}>		<div className={css.githubIcon}>
<FontAwesomeIcon icon={faGithub} className={css.icon} size="sm" />		<FontAwesomeIcon icon={faGithub} className={css.icon} size="sm" />
</div>		</div>
</a>		</a>
<div className={css.menuIcon} onClick={onClickMobileNavIcon}>		<div className={css.menuIcon} onClick={onClickMobileNavIcon}>
<FontAwesomeIcon icon={faBars} className={css.icon} size="sm" />		<FontAwesomeIcon
		icon={showMobileNav ? faTimes : faBars}
		className={css.icon}
		size="sm"
		/>
</div>		</div>
</div>		</div>
</div>		</div>
</nav>		</nav>
);		);
}		}

export default Header;		export default Header;