diff --git a/src/Pages/markdownPage.js b/src/Pages/markdownPage.js
index 46a5ecf..ba566de 100644
--- a/src/Pages/markdownPage.js
+++ b/src/Pages/markdownPage.js
@@ -4,6 +4,7 @@ import SyntaxHighlighter from 'react-syntax-highlighter';
// https://github.com/react-syntax-highlighter/react-syntax-highlighter/blob/HEAD/AVAILABLE_STYLES_HLJS.MD
import { docco, dracula } from 'react-syntax-highlighter/dist/esm/styles/hljs';
import { useTheme } from '../ThemeContext';
+import { getLanguage } from '../Language/Language';
const MySection = ({ children }) => {
return ();
@@ -98,6 +99,9 @@ const MyTable = ({ children }) => {
const MarkdownPage = ({ md }) => {
const [markdownContent, setPost] = useState('');
+ const [pageNotFound, setPageNotFound] = useState(false);
+ const [errorPageContent, setErrorPage] = useState('');
+ const language = getLanguage();
// causes 3 calls somehow...
useEffect(() => {
@@ -108,46 +112,67 @@ const MarkdownPage = ({ md }) => {
.then(res => setPost(res))
.catch(err => console.log(err));
})
- .catch(err => console.log(err));
+ .catch(err => {
+ console.log(err);
+ setPageNotFound(true);
+
+ import(`./Other/${language}/page-not-found.md`)
+ .then(res => {
+ fetch(res.default)
+ .then(res => res.text())
+ .then(res => setErrorPage(res))
+ .catch(err => console.log(err));
+ })
+ .catch(err => console.log(err));
+ });
});
- return (
-
+ {errorPageContent}
+
+ );
+ }
+ else {
+ return (
+
- {markdownContent}
-
- )
+ }}>
+ {markdownContent}
+
+ )
+ }
}
export default MarkdownPage;