Develop to Main

README.md

@@ -2,6 +2,8 @@
     <img alt="SkateHub" title="SkateHub" src=".github/skatehub.svg" />
 </h1>
 
+![screenshot](.github/screenshot.png)
+
 <p align="center">
   <a href="#gear-build-setup">Build setup</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;
   <a href="#memo-changelog">Changelog</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;
@@ -80,6 +82,8 @@ And that's it! Your `SkateHub Frontend` should now be up and running locally on
 
 ### 2025
 
+- 2025-01-15 - Move authentication logic to user edit page [#116](https://github.com/jpcmf/Frontend-GraduateProgram-FullStack-2024/pull/116) _(v0.1.33)_
+
 ### 2024
 
 - 2024-12-31 - Add `instagram_url` field to user profile and update related forms [#113](https://github.com/jpcmf/Frontend-GraduateProgram-FullStack-2024/pull/113) _(v0.1.32)_

src/features/user/edit/index.tsx

@@ -1,7 +1,6 @@
 import { z } from "zod";
 import { useRouter } from "next/router";
 import { zodResolver } from "@hookform/resolvers/zod";
-import { parseCookies } from "nookies";
 import { SubmitHandler, useForm } from "react-hook-form";
 import { useContext, useEffect, useState } from "react";
 import { Box, Button, Flex, Heading, Divider, SimpleGrid, VStack, HStack } from "@chakra-ui/react";
@@ -164,19 +163,3 @@ export function UserEdit() {
     </Layout>
   );
 }
-
-export const getServerSideProps = async (ctx: any) => {
-  const { ["auth.token"]: token } = parseCookies(ctx);
-
-  if (!token) {
-    return {
-      redirect: {
-        destination: "/",
-        permanent: false
-      }
-    };
-  }
-  return {
-    props: {}
-  };
-};

src/pages/user/edit.tsx

@@ -1,5 +1,22 @@
+import { parseCookies } from "nookies";
 import { UserEdit } from "@/features/user/edit";
 
 export default function UserEditPage() {
   return <UserEdit />;
 }
+
+export const getServerSideProps = async (ctx: any) => {
+  const { ["auth.token"]: token } = parseCookies(ctx);
+
+  if (!token) {
+    return {
+      redirect: {
+        destination: "/",
+        permanent: false
+      }
+    };
+  }
+  return {
+    props: {}
+  };
+};