diff --git a/src/components/GlobalHeader.js b/src/components/GlobalHeader.js deleted file mode 100644 index b2725ae79..000000000 --- a/src/components/GlobalHeader.js +++ /dev/null @@ -1,98 +0,0 @@ -import React, { useContext } from 'react'; -import PropTypes from 'prop-types'; -import cx from 'classnames'; -import { Link } from 'gatsby'; -import { PageContext } from './PageContext'; -import { githubBaseUrl } from '../data/constants'; -import NewRelicLogo from './NewRelicLogo'; -import ExternalLink from './ExternalLink'; -import FeatherIcon from './FeatherIcon'; -import useDarkMode from 'use-dark-mode'; - -import styles from './GlobalHeader.module.scss'; - -const GlobalHeader = ({ className }) => { - const { fileRelativePath } = useContext(PageContext); - const darkMode = useDarkMode(false); - const isComponentDoc = fileRelativePath.includes( - 'src/markdown-pages/components' - ); - - return ( -
-
-
- - - - -
    -
  • - - Developers - -
  • -
  • - - Open Source - -
  • -
  • - - Documentation - -
  • -
  • - - Community - -
  • -
-
- - -
-
- ); -}; - -GlobalHeader.propTypes = { - className: PropTypes.string, -}; - -export default GlobalHeader; diff --git a/src/components/GlobalHeader.module.scss b/src/components/GlobalHeader.module.scss deleted file mode 100644 index 52a05a447..000000000 --- a/src/components/GlobalHeader.module.scss +++ /dev/null @@ -1,110 +0,0 @@ -.globalHeaderContainer { - background-color: var(--color-neutrals-100); - overflow: hidden; - position: sticky; - top: 0; - z-index: 80; - - :global(.site-container) { - padding: 0 2rem; - } - - :global(.dark-mode) & { - background-color: var(--color-dark-100); - } -} - -.globalHeaderContent { - height: var(--height-global-header); - display: flex; - justify-content: space-between; -} - -.logoContainer { - display: flex; - align-items: center; - margin-right: 1rem; - - @media (max-width: 600px) { - display: none; - } -} - -.leftSideLinksContainer { - display: flex; - align-items: center; - height: 100%; -} - -.leftSideLinks { - height: 100%; - margin: 0; - padding: 0; - display: flex; - list-style-type: none; - white-space: nowrap; - - &:hover .active .left-side-link { - background-color: transparent; - color: var(--color-neutrals-600); - } -} - -.leftSideLink { - display: flex; - line-height: 22px; - box-sizing: border-box; - display: block; - height: 100%; - padding: 4px 9px; - color: var(--secondary-text-color); - font-size: 0.6875rem; - border: none; - transition: 0.2s; - - &.active, - &:hover { - background-color: var(--color-neutrals-200); - color: var(--color-neutrals-700); - - :global(.dark-mode) & { - background-color: var(--color-dark-200); - color: var(--color-dark-700); - } - } -} - -.rightSideButtons { - margin: 0; - padding: 0; - display: flex; - list-style-type: none; - align-items: center; - @media (max-width: 600px) { - display: none; - } -} - -.rightSideButton { - transition: all 0.2s ease-out; - margin-left: 1rem; - color: var(--secondary-text-color); - - a { - color: currentColor; - } - - &:hover { - color: var(--secondary-hover-text-color); - cursor: pointer; - } -} - -.githubButtonLink { - display: flex; - align-items: center; -} - -.icon { - display: block; -}