Janady13/missionmatch / frontend/src/screens/NotFound.tsx

Source identity

Field	Recorded value
Source type	GitHub source
Original record	Janady13/missionmatch / frontend/src/screens/NotFound.tsx
Date	Not specified in source
Repository	Janady13/missionmatch
Revision	720d47fae476b0d38477ae4401697d372b1ea2bc
Branch	feature/opportunity-to-outcome
Path or archive member	frontend/src/screens/NotFound.tsx
Original SHA-256	145ab179f46fe84ca374fc3be72b9a258ed7290420358f07882175b236b434f5
Git blob SHA	bbb104c84f5ad5cf1ba0b8140261a7795afb7e1b
Reading-copy SHA-256	145ab179f46fe84ca374fc3be72b9a258ed7290420358f07882175b236b434f5

Original source ↗

Every recorded occurrence

These 2 records contain identical original source bytes. Their paths and revisions remain part of the archive.

Original record	Branch or archive	Revision / identifier	Original location
Janady13/missionmatch / frontend/src/screens/NotFound.tsx	feature/opportunity-to-outcome	720d47fae476b0d38477ae4401697d372b1ea2bc	Open original
Janady13/missionmatch / frontend/src/screens/NotFound.tsx	feature/aioe-upgrade	2178e7298d0e5d9af83afa12402fd587f0ba6ed8	Open original

Recovered source transcript

Download complete source text ↓28 lines · 1.1 KB

import { Compass } from 'lucide-react'
import { Link } from 'react-router-dom'

import { Panel } from '../components/ui'

// A mistyped or stale URL rendered a blank page: the router matched the shell, no child route matched,
// and the outlet drew nothing. A blank screen inside a working application reads as a crash rather than
// a wrong address, so it says which it is and offers a way back rather than leaving the browser button
// as the only exit.
export function NotFound() {
  return (
    <Panel className="grid place-items-center py-24 text-center">
      <Compass size={28} style={{ color: 'var(--color-faint)' }} />
      <h2 className="mt-3 text-lg font-extrabold tracking-tight">That page does not exist</h2>
      <p className="mt-1 max-w-md text-sm text-muted">
        The address may be mistyped, or the screen may have moved. Nothing is broken and you are still
        signed in.
      </p>
      <Link
        to="/"
        className="mt-4 rounded-lg bg-gradient-to-r from-blue to-navy-700 px-4 py-2 text-sm font-bold text-white hover:brightness-110"
      >
        Back to the Command Center
      </Link>
    </Panel>
  )
}