Conditional rendering on base of url

[alihamasdev]

Problem

I have a page.tsx file in app directory. This page is a server component and renders the homepage which also have some links to pages. Now, app directory has a group route of auth-models which have all the models in different route which are login, signup and forgot-password. In the layout.tsx file i made a model and pass children to it so i don't have to add dialog in each and every route. One more thing i do is import the root page.tsx file in here and add it before dialog box. So in the background it shows that home page just like twitter. Code is working fine here. But i want to show root page in (auth-models) only if user comes from homepage (so the homepage renders there). If users comes straight to /login or /signup, root page shouldn’t render in that case. How can i so this?

Folder stucture

Code

// app/(auth-dialogs)/layout.tsx

import { Fragment } from "react";
import dynamic from "next/dynamic";

import { Dialog, CloseButton } from "@/components/ui/dialog";

const AuthPage = dynamic(() => import("@/app/page"));

export default function AuthDialogsLayout({ children }: { children: React.ReactNode }) {
  return (
    <Fragment>
      <AuthPage />
      <Dialog>
        <CloseButton>
          {children}
        </CloseButton>
      </Dialog>
    </Fragment>
  );
}