From e9e61937848b26969cce44834122946d9cd8b33b Mon Sep 17 00:00:00 2001
From: lingdocs <71590811+lingdocs@users.noreply.github.com>
Date: Sat, 10 Sep 2022 23:25:19 +0400
Subject: [PATCH] typo

---
 src/components/TableOfContents.js  | 45 ------------------------------
 src/components/TableOfContents.jsx | 45 ++++++++++++++++++++++++++++++
 src/pages/LandingPage.tsx          |  2 +-
 3 files changed, 46 insertions(+), 46 deletions(-)
 delete mode 100644 src/components/TableOfContents.js
 create mode 100644 src/components/TableOfContents.jsx

diff --git a/src/components/TableOfContents.js b/src/components/TableOfContents.js
deleted file mode 100644
index 17efa59..0000000
--- a/src/components/TableOfContents.js
+++ /dev/null
@@ -1,45 +0,0 @@
-/**
- * Copyright (c) 2021 lingdocs.com
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-
-import { NavHashLink } from 'react-router-hash-link';
-import Scrollspy from 'react-scrollspy';
-
-function TableOfContents({ tableOfContents }) {
-    return (
-        <nav className="table-of-contents col-3 col-xl-4 text-muted mx-3 my-3">
-            <Scrollspy items={tableOfContents.map(x => x.id)} currentClassName="is-current">
-                {tableOfContents.map(item => {
-                    if (item.level === 2) return (
-                        <div key={item.title} className="table-of-contents-item">
-                            <div className="link-unstyled pb-2">
-                                <NavHashLink smooth to={`#${item.id}`}>{item.title}</NavHashLink>
-                            </div>
-                            {item.children.map(child => {
-                                if (child.level === 3) return (
-                                    <div className="link-unstyled ml-2 pb-1" key={child.title}>
-                                        <small>
-                                            <NavHashLink smooth to={`#${child.id}`}>
-                                                {child.title}
-                                            </NavHashLink>
-                                        </small>
-                                    </div>
-                                );
-                                else return undefined;
-                            })}
-                        </div>
-                    )
-                    else {
-                        return null;
-                    }
-                })}
-            </Scrollspy>
-        </nav>
-    );
-}
-
-export default TableOfContents;
diff --git a/src/components/TableOfContents.jsx b/src/components/TableOfContents.jsx
new file mode 100644
index 0000000..8d6d54b
--- /dev/null
+++ b/src/components/TableOfContents.jsx
@@ -0,0 +1,45 @@
+/**
+ * Copyright (c) 2021 lingdocs.com
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+ import { NavHashLink } from 'react-router-hash-link';
+ import Scrollspy from 'react-scrollspy';
+ 
+ function TableOfContents({ tableOfContents }) {
+     return (
+         <nav className="table-of-contents col-3 col-xl-4 text-muted mx-3 my-3">
+             <Scrollspy items={tableOfContents.map(x => x.id)} currentClassName="is-current">
+                 {tableOfContents.map(item => {
+                     if (item.level === 2) return (
+                         <div key={item.title} className="table-of-contents-item">
+                             <div className="link-unstyled pb-2">
+                                 <NavHashLink smooth to={`#${item.id}`}>{item.title}</NavHashLink>
+                             </div>
+                             {item.children.map(child => {
+                                 if (child.level === 3) return (
+                                     <div className="link-unstyled ml-2 pb-1" key={child.title}>
+                                         <small>
+                                             <NavHashLink smooth to={`#${child.id}`}>
+                                                 {child.title}
+                                             </NavHashLink>
+                                         </small>
+                                     </div>
+                                 );
+                                 else return undefined;
+                             })}
+                         </div>
+                     )
+                     else {
+                         return null;
+                     }
+                 })}
+             </Scrollspy>
+         </nav>
+     );
+ }
+ 
+ export default TableOfContents;
\ No newline at end of file
diff --git a/src/pages/LandingPage.tsx b/src/pages/LandingPage.tsx
index f060b4e..3ad7d90 100644
--- a/src/pages/LandingPage.tsx
+++ b/src/pages/LandingPage.tsx
@@ -53,7 +53,7 @@ const LandingPage = () => {
   return <>
     <main className="col bg-faded py-3 d-flex flex-column">
         <h1>LingDocs Pashto Grammar</h1>
-        <p className="lead">Explore the wonderful language of Pashto you can</p>
+        <p className="lead">Explore the wonderful language of Pashto</p>
         {content.map((block) => (
             <Link to={block.link} className="plain-link">
                 <div className="card clickable my-2" style={{ maxWidth: "600px"}}>