feat: add create post page

ahmadxgani · Feb 28, 2023 · f6ec209 · f6ec209
1 parent 95abde5
commit f6ec209
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 32 deletions.
diff --git a/pages/[username]/[post].tsx b/pages/[username]/[post].tsx
@@ -1,11 +1,6 @@
-import { GetServerSidePropsContext } from "next";
 import { Heading } from "@chakra-ui/react";
 import MainLayout from "components/layout/main.layout";
-import { Query } from "generated-types";
-import { addApolloState, initializeApollo } from "lib/GraphQL/apollo";
-import { CURRENT_USER } from "lib/GraphQL/Queries";
 import { useRouter } from "next/router";
-import { withWrapper } from "src/hooks/withWrapper";
 
 const Profile = () => {
   const router = useRouter();
@@ -18,26 +13,4 @@ const Profile = () => {
   );
 };
 
-// export const getServerSideProps = async (context: GetServerSidePropsContext) => {
-//   const client = initializeApollo({ headers: context?.req?.headers });
-
-//   try {
-//     await client.query<Query>({
-//       query: CURRENT_USER,
-//     });
-
-//     return addApolloState(client, {
-//       props: {},
-//     });
-//   } catch {
-//     return {
-//       props: {},
-//       redirect: {
-//         destination: "/login",
-//         permanent: false,
-//       },
-//     };
-//   }
-// };
-
 export default Profile;
diff --git a/pages/new.tsx b/pages/new.tsx
@@ -0,0 +1,12 @@
+import { Heading } from "@chakra-ui/react";
+import MainLayout from "components/layout/main.layout";
+
+const NewPost = () => {
+  return (
+    <MainLayout title={"New Post"}>
+      <Heading>Create Post Page</Heading>
+    </MainLayout>
+  );
+};
+
+export default NewPost;
diff --git a/src/components/navbar/index.tsx b/src/components/navbar/index.tsx
@@ -28,11 +28,11 @@ export const Navbar = () => {
         <HStack spacing={5}>
           {data?.loggedInAuthor ? (
             <>
-              <Tabs>
-                <TabList>
-                  <Tab>New Post</Tab>
-                </TabList>
-              </Tabs>
+              <NextLink href="/new" passHref legacyBehavior>
+                <Button as="a" colorScheme="teal" variant="outline">
+                  New Post
+                </Button>
+              </NextLink>
               <Menu placement="bottom-end">
                 <MenuButton>
                   <Avatar src={"/images/profile.jpg"} size={"md"} />