From 3a5e77417eaa79f82f985c02a37193d633ea6aee Mon Sep 17 00:00:00 2001
From: Sanjaiyan Parthipan <parthipankalayini@gmail.com>
Date: Mon, 19 Sep 2022 02:14:27 +0530
Subject: [PATCH] add to theme classic

---
 .../src/theme/RouteAnnouncer/index.tsx}        | 18 +++---------------
 .../src/theme/RouteAnnouncer/styles.module.css | 12 ++++++++++++
 packages/docusaurus/src/client/App.tsx         |  2 --
 3 files changed, 15 insertions(+), 17 deletions(-)
 rename packages/{docusaurus/src/client/exports/RouteAnnouncer.tsx => docusaurus-theme-classic/src/theme/RouteAnnouncer/index.tsx} (67%)
 create mode 100644 packages/docusaurus-theme-classic/src/theme/RouteAnnouncer/styles.module.css

diff --git a/packages/docusaurus/src/client/exports/RouteAnnouncer.tsx b/packages/docusaurus-theme-classic/src/theme/RouteAnnouncer/index.tsx
similarity index 67%
rename from packages/docusaurus/src/client/exports/RouteAnnouncer.tsx
rename to packages/docusaurus-theme-classic/src/theme/RouteAnnouncer/index.tsx
index 68ecc66943..8133dc7b37 100644
--- a/packages/docusaurus/src/client/exports/RouteAnnouncer.tsx
+++ b/packages/docusaurus-theme-classic/src/theme/RouteAnnouncer/index.tsx
@@ -1,20 +1,8 @@
 import React from "react";
 import {useLocation} from "@docusaurus/router";
+import styles from './styles.module.css';
 
-const docusaurusjsRouteAnnouncerStyles: React.CSSProperties = {
-  border: 0,
-  clip: "rect(0 0 0 0)",
-  height: "1px",
-  margin: "-1px",
-  overflow: "hidden",
-  padding: 0,
-  position: "absolute",
-  width: "1px",
-  whiteSpace: "nowrap",
-  wordWrap: "normal",
-};
-
-export const RouteAnnouncer = React.memo(() => {
+const RouteAnnouncer = React.memo(() => {
   const { pathname } = useLocation();
   const [routeAnnouncement, setRouteAnnouncement] = React.useState("");
   const previouslyLoadedPath = React.useRef(pathname);
@@ -38,7 +26,7 @@ export const RouteAnnouncer = React.memo(() => {
       aria-live="assertive"
       id="__docusaurus-route-announcer__"
       role="alert"
-      style={docusaurusjsRouteAnnouncerStyles}
+      style={styles.docusaurusjsRouteAnnouncerStyles}
     >
       {routeAnnouncement}
     </p>
diff --git a/packages/docusaurus-theme-classic/src/theme/RouteAnnouncer/styles.module.css b/packages/docusaurus-theme-classic/src/theme/RouteAnnouncer/styles.module.css
new file mode 100644
index 0000000000..2e823567ee
--- /dev/null
+++ b/packages/docusaurus-theme-classic/src/theme/RouteAnnouncer/styles.module.css
@@ -0,0 +1,12 @@
+.docusaurusjsRouteAnnouncerStyles {
+    border: 0;
+    clip: rect(0 0 0 0);
+    height: 1px;
+    margin: -1px;
+    overflow: hidden;
+    padding: 0;
+    position: absolute;
+    width: 1px;
+    white-space: nowrap;
+    word-wrap: normal;
+}
\ No newline at end of file
diff --git a/packages/docusaurus/src/client/App.tsx b/packages/docusaurus/src/client/App.tsx
index 76482d7c41..8554f5b91a 100644
--- a/packages/docusaurus/src/client/App.tsx
+++ b/packages/docusaurus/src/client/App.tsx
@@ -19,7 +19,6 @@ import {DocusaurusContextProvider} from './docusaurusContext';
 import PendingNavigation from './PendingNavigation';
 import BaseUrlIssueBanner from './BaseUrlIssueBanner';
 import SiteMetadataDefaults from './SiteMetadataDefaults';
-import RouteAnnouncer from './exports/RouteAnnouncer';
 
 // TODO, quick fix for CSS insertion order
 // eslint-disable-next-line import/order
@@ -39,7 +38,6 @@ export default function App(): JSX.Element {
             <PendingNavigation location={normalizeLocation(location)}>
               {routeElement}
             </PendingNavigation>
-            <RouteAnnouncer />
           </Root>
         </BrowserContextProvider>
       </DocusaurusContextProvider>