diff --git a/src/pages/blog/[filename].tsx b/src/pages/blog/[filename].tsx
index d32a408..f6e42ff 100644
--- a/src/pages/blog/[filename].tsx
+++ b/src/pages/blog/[filename].tsx
@@ -7,6 +7,8 @@ import { PostQuery } from "../../../tina/__generated__/types";
import React from "react";
import { createBreadCrumbSegment } from "@/components/Layout/layout";
import BlogPost from "@/components/Blog/Post/Post";
+import getElement from "@/scripts/Utils/Element";
+import { forceOutboundLinksToNewPage } from "@/scripts/Utils/PageUtils";
type BlogProps = {
variables: { relativePath: string };
@@ -27,6 +29,11 @@ export default function BlogPage(props: BlogProps) {
const pageName = `${data.post.title} | Blog`;
+ React.useEffect(() => {
+ const div = getElement(`blogPost${data.post.title}`) as HTMLDivElement;
+ forceOutboundLinksToNewPage(div);
+ }, [data.post.title]);
+
return (
{/*{JSON.stringify(data, null, 2)}
*/}
-
+
+
+
);
}
diff --git a/src/pages/blog/authors/[author].tsx b/src/pages/blog/authors/[author].tsx
index c9c9417..fda2c72 100644
--- a/src/pages/blog/authors/[author].tsx
+++ b/src/pages/blog/authors/[author].tsx
@@ -7,6 +7,8 @@ import { AuthorsQuery } from "../../../../tina/__generated__/types";
import React from "react";
import { createBreadCrumbSegment } from "@/components/Layout/layout";
import BlogAuthor from "@/components/Blog/Author/Author";
+import { forceOutboundLinksToNewPage } from "@/scripts/Utils/PageUtils";
+import getElement from "@/scripts/Utils/Element";
type BlogAuthorProps = {
variables: { relativePath: string };
@@ -27,6 +29,11 @@ export default function BlogAuthorPage(props: BlogAuthorProps) {
const pageName = `${data.authors.name} | Blog`;
+ React.useEffect(() => {
+ const div = getElement(`blogAuthor${data.authors.name}`) as HTMLDivElement;
+ forceOutboundLinksToNewPage(div);
+ }, [data.authors.name]);
+
return (
{/*{JSON.stringify(data, null, 2)}
*/}
-
+
+
+
);
}