iframe-proxy | Sunbelt Computer Software

108 lines (100 loc) · 3.58 KB
import Head from 'next/head'
import Link from 'next/link'
import { useRouter } from 'next/router'
import { MarkGithubIcon, CommentDiscussionIcon } from '@primer/octicons-react'
import { Lead } from 'components/ui/Lead'
export function GenericError() {
    <div className="min-h-screen d-flex flex-column">
      <Head>
        <title>GitHub Documentation</title>
        <meta name="status" content="500" />
      </Head>
      <SimpleHeader />
      <div className="container-xl p-responsive py-9 width-full flex-1">
        <article className="col-md-10 col-lg-7 mx-auto">
          <h1>Ooops!</h1>
          <Lead>It looks like something went wrong.</Lead>
          <p className="f3">
            We track these errors automatically, but if the problem persists please feel free to
            contact us.
          </p>
            id="contact-us"
            href="https://support.github.com/contact"
            className="btn btn-outline mt-2"
            <CommentDiscussionIcon size="small" className="octicon mr-1" />
            Contact support
          </a>
        </article>
      </div>
      <SimpleFooter />
export const SimpleHeader = () => {
  const router = useRouter()
    <div className="border-bottom color-border-muted no-print">
      <header className="container-xl p-responsive py-3 position-relative d-flex width-full">
        <div className="d-flex flex-items-center" style={{ zIndex: 3 }} id="github-logo-mobile">
          <Link href={`/${router.locale}`}>
            {/* eslint-disable-next-line jsx-a11y/anchor-is-valid */}
            <a aria-hidden="true" tabIndex={-1}>
              <MarkGithubIcon size={32} className="color-fg-default" />
            </a>
          </Link>
          <Link href={`/${router.locale}`}>
            {/* eslint-disable-next-line jsx-a11y/anchor-is-valid */}
            <a className="h4 color-fg-default no-underline no-wrap pl-2">GitHub Docs</a>
          </Link>
        </div>
      </header>
export const SimpleFooter = () => {
    <footer className="py-6 text-small">
      <div className="container-xl d-flex px-3 px-md-6 flex-justify-center">
        <ul className="d-flex list-style-none flex-wrap flex-justify-center">
          <li className="d-flex mr-xl-3 color-fg-muted">
            <MarkGithubIcon className="mr-2 mr-xl-3" size={20} />
            <span>&copy; {new Date().getFullYear()} GitHub, Inc.</span>
          </li>
          <li className="ml-3">
            <a href="/site-policy/github-terms/github-terms-of-service">Terms</a>
          </li>
          <li className="ml-3">
            <a href="/site-policy/privacy-policies/github-privacy-statement">Privacy </a>
          </li>
          <li className="ml-3">
            <a href="https://github.com/security">Security</a>
          </li>
          <li className="ml-3">
            <a href="https://www.githubstatus.com/">Status</a>
          </li>
          <li className="ml-3">
            <a href="/">Help</a>
          </li>
          <li className="ml-3">
            <a href="https://support.github.com">Contact GitHub</a>
          </li>
          <li className="ml-3">
            <a href="https://github.com/pricing">Pricing</a>
          </li>
          <li className="ml-3">
            <a href="/developers">Developer API</a>
          </li>
          <li className="ml-3">
            <a href="https://services.github.com/">Training</a>
          </li>
          <li className="ml-3">
            <a href="https://github.com/about">About</a>
          </li>
        </ul>
      </div>
    </footer>
Sunbelt Computer Software

PL/B Language Development and Support

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Sunbelt Computer Software

PL/B Language Development and Support

Uh oh!

FilesExpand file tree

GenericError.tsx

Latest commit

History

GenericError.tsx

File metadata and controls
