Move component

Author: adamwathan

src/app/course/confirmed/page.tsx

@@ -1,5 +1,5 @@
 import { Logo } from "@/components/logo";
-import { GridContainer } from "../layout";
+import { GridContainer } from "../grid-container";
 
 export default async function Course() {
   return (

src/app/course/grid-container.tsx

@@ -0,0 +1,9 @@
+import BaseContainer from "@/components/grid-container";
+
+export function GridContainer({ children }: { children: React.ReactNode }) {
+  return (
+    <BaseContainer>
+      <div className="px-0 py-2 sm:px-2">{children}</div>
+    </BaseContainer>
+  );
+}

src/app/course/layout.tsx

@@ -1,14 +1,5 @@
-import BaseContainer from "@/components/grid-container";
 import React from "react";
 
-export function GridContainer({ children }: { children: React.ReactNode }) {
-  return (
-    <BaseContainer>
-      <div className="px-0 py-2 sm:px-2">{children}</div>
-    </BaseContainer>
-  );
-}
-
 export default async function Layout({ children }: React.PropsWithChildren) {
   return (
     <div className="max-w-screen overflow-x-hidden [html:has(&)]:bg-gray-950">

src/app/course/page.tsx

@@ -1,6 +1,6 @@
 import { Logo } from "@/components/logo";
 import { HeroActions, SignUpForm } from "./call-to-action";
-import { GridContainer } from "./layout";
+import { GridContainer } from "./grid-container";
 
 import type { Metadata } from "next";
 

src/app/course/subscribed/page.tsx

@@ -1,5 +1,5 @@
 import { Logo } from "@/components/logo";
-import { GridContainer } from "../layout";
+import { GridContainer } from "../grid-container";
 
 export default async function Course() {
   return (