Add skip link to offline message

2023-01-29 16:31:52 -08:00
parent d057834a20
commit 72cc7cb443
2 changed files with 17 additions and 11 deletions
--- a/web/components/ui/Header/Header.tsx
+++ b/web/components/ui/Header/Header.tsx
@@ -29,10 +29,14 @@ export const Header: FC<HeaderComponentProps> = ({
  online,
 }) => (
  <header className={cn([`${styles.header}`], 'global-header')}>
-    {online && (
+    {online ? (
      <Link href="#player" className={styles.skipLink}>
        Skip to player
      </Link>
+    ) : (
+      <Link href="#offline-message" className={styles.skipLink}>
+        Skip to offline message
+      </Link>
    )}
    <Link href="#skip-to-content" className={styles.skipLink}>
      Skip to page content