Code injection only works on the public site

Author: Rajat Saxena

apps/web/app/(with-contexts)/(with-layout)/home-page-layout.tsx

@@ -12,7 +12,7 @@ import { BaseLayout } from "@components/public/base-layout";
 import { Profile } from "@courselit/common-models";
 import { getFullSiteSetup } from "@ui-lib/utils";
 import { useContext } from "react";
-import { CodeInjectorWrapper } from "@components/public/code-injector";
+import { CodeInjector } from "@components/public/code-injector";
 
 export default function HomepageLayout({
     children,
@@ -61,7 +61,10 @@ export default function HomepageLayout({
             }}
         >
             {children}
-            <CodeInjectorWrapper />
+            <CodeInjector
+                head={siteinfo?.codeInjectionHead}
+                body={siteinfo?.codeInjectionBody}
+            />
         </BaseLayout>
     );
 }

apps/web/components/public/code-injector.tsx

@@ -1,39 +1,21 @@
 "use client";
 
-import React, { useContext } from "react";
+import React from "react";
 import { connect } from "react-redux";
 import { AppState } from "@courselit/state-management";
-import { usePathname } from "next/navigation";
-import { SiteInfoContext } from "@components/contexts";
 
 type InjectionSection = "head" | "body";
 
 interface CodeInjectorProps {
-    isAdminPage?: boolean;
     head?: string;
     body?: string;
 }
 
-export const CodeInjectorWrapper = () => {
-    const siteInfo = useContext(SiteInfoContext);
-    const pathname = usePathname();
-
-    return (
-        <CodeInjector
-            isAdminPage={pathname?.startsWith("/dashboard")}
-            head={siteInfo?.codeInjectionHead}
-            body={siteInfo?.codeInjectionBody}
-        />
-    );
-};
-
 export class CodeInjector extends React.Component<CodeInjectorProps> {
     componentDidMount() {
-        if (!this.props.isAdminPage) {
-            const targetTagsForInjection: InjectionSection[] = ["head", "body"];
-            for (const target of targetTagsForInjection) {
-                this.injectCodeIn(target);
-            }
+        const targetTagsForInjection: InjectionSection[] = ["head", "body"];
+        for (const target of targetTagsForInjection) {
+            this.injectCodeIn(target);
         }
     }
 

apps/web/pages/_app.tsx

@@ -49,9 +49,7 @@ function MyApp({
                     >
                         <Component {...pageProps} />
                     </div>
-                    <CodeInjector
-                        isAdminPage={router.pathname.startsWith("/dashboard")}
-                    />
+                    <CodeInjector />
                 </ThemeProvider>
             </Provider>
         </SessionProvider>

packages/components-library/src/link.tsx

@@ -19,7 +19,8 @@ export default function Link({
     className = "",
     onClick,
 }: LinkProps) {
-    const isInternal = href && href.startsWith("/");
+    const isInternal =
+        href && href.startsWith("/") && !href.startsWith("/dashboard");
     const isInPageNavigation = href && href.startsWith("#");
     const router = useRouter();