fix. #66-글쓰기, 프로젝트 상세에서도 getlayout적용

src/components/Navigation/Navigation.tsx

@@ -133,7 +133,7 @@ const Navigation: React.FC = () => {
           <Logo href="/">POFO</Logo>
           <NavItems>
             <StyledNavLink href="/">Home</StyledNavLink>
-            {/* <StyledNavLink href="/mypage">MyPage</StyledNavLink> */}
+            <StyledNavLink href="/newpost">NewPost</StyledNavLink>
           </NavItems>
         </div>
       </div>

src/components/Newpost/Newpost.tsx

@@ -177,7 +177,7 @@ function CreateProjectButton({ categories, stackNames }: NewpostProps) {
   );
 }
 
-export default function NewpostComponents() {
+const NewpostComponents = () => {
   const {
     title,
     bio,
@@ -228,4 +228,6 @@ export default function NewpostComponents() {
       />
     </Styles.NewpostContainer>
   );
-}
+};
+
+export default NewpostComponents;

src/pages/_app.tsx

@@ -41,12 +41,7 @@ export default function App({ Component, pageProps }: AppPropsWithLayout) {
     }
   }, [isLoggedIn, isAuthLoading, router]);
 
-  const getLayout = Component.getLayout ?? ((page) => <Layout>{page}</Layout>);
-  // return getLayout(
-  //   <ApolloProvider client={client}>
-  //     <Component {...pageProps} />
-  //   </ApolloProvider>,
-  // );
+  const getLayout = Component.getLayout ?? ((page) => page);
 
   return (
     <ApolloProvider client={client}>
@@ -55,14 +50,4 @@ export default function App({ Component, pageProps }: AppPropsWithLayout) {
       </div>
     </ApolloProvider>
   );
-
-  return (
-    <div className={myFont.className}>
-      <Layout>
-        <ApolloProvider client={client}>
-          <Component {...pageProps} />
-        </ApolloProvider>
-      </Layout>
-    </div>
-  );
 }

src/pages/newpost/index.tsx

@@ -1,9 +1,17 @@
+import Layout from "@/components/Layout/Layout";
 import NewpostComponents from "@/components/Newpost/Newpost";
+import { ReactElement } from "react";
 
-export default function Newpost() {
+const Newpost = () => {
   return (
     <div>
       <NewpostComponents />
     </div>
   );
-}
+};
+
+Newpost.getLayout = (page: ReactElement) => {
+  return <Layout>{page}</Layout>;
+};
+
+export default Newpost;

src/pages/project/[id]/index.tsx

@@ -1,5 +1,12 @@
+import Layout from "@/components/Layout/Layout";
 import ProjectComponents from "@/components/Project/Project";
+import { ReactElement } from "react";
 
-export default function Project() {
+const Project = () => {
   return <ProjectComponents />;
-}
+};
+
+Project.getLayout = (page: ReactElement) => {
+  return <Layout>{page}</Layout>;
+};
+export default Project;