initial commit for demo next js project #1

Hammadhammad2 · 2024-03-12T12:05:41Z

No description provided.

usmannafzal · 2024-03-13T05:53:39Z

app/api/comments.js

+"use server";
+import instance from "../utils/axios";
+
+export async function fetchCommentsByPostId(postId) {


Just return the promise from this function and use the try catch block in the component making the API call

usmannafzal · 2024-03-13T05:56:07Z

app/api/posts.js

+
+export async function createPost(data, userId) {
+  try {
+    await instance.post("/posts", { ...data, userId });


Pass the payload from the component which is calling this function

usmannafzal · 2024-03-13T05:57:41Z

app/api/posts.js

+  } catch (error) {
+    return { message: "Failed to edit post" };
+  }
+  revalidatePath(`/users/posts/${userId}`);


this logic should be in the case of API success

usmannafzal · 2024-03-13T05:59:18Z

app/api/posts.js

+
+export async function fetchPostsPages(userId, query) {
+  try {
+    const response = await instance.get(`/posts?userId=${userId}&q=${query}`);


Try to make the number of pages in the same API call when fetching posts for users

usmannafzal · 2024-03-13T06:02:38Z

app/components/shared/Pagination.js

+  };
+
+  const allPages = generatePagination(currentPage, totalPages);
+


Compute the position here

usmannafzal · 2024-03-13T06:25:35Z

app/users/posts/[id]/PostsBody.js

+    <>
+      <div
+        className="cursor-pointer"
+        onClick={() => {


usmannafzal · 2024-03-13T06:25:41Z

app/users/posts/[id]/PostsForm.js

+      {({ handleSubmit, handleChange, values, errors, touched }) => (
+        <form onSubmit={handleSubmit}>
+          <div className=" rounded-md bg-gray-50 p-4 md:p-6 ">
+            <TextField


usmannafzal · 2024-03-13T06:26:08Z

app/users/posts/[id]/[postId]/edit/page.js

+  return (
+    <main>
+      <Breadcrumbs
+        breadcrumbs={[


usmannafzal · 2024-03-13T06:27:09Z

app/users/posts/[id]/buttons.js

+  );
+}
+
+export function OnCloseModal({ userId }) {


CloseModalButton

usmannafzal · 2024-03-13T06:27:43Z

app/users/posts/[id]/error.js

+      <h2 className="text-center">Something went wrong!</h2>
+      <button
+        className="mt-4 rounded-md bg-blue-500 px-4 py-2 text-sm text-white transition-colors hover:bg-blue-400"
+        onClick={() => reset()}


onClick={reset}

usmannafzal · 2024-03-14T08:52:05Z

app/api/comments.js

+"use server";
+import instance from "../utils/axios";
+
+export async function fetchCommentsByPostId(postId) {


usmannafzal · 2024-03-14T08:52:35Z

app/api/posts.js

+  const offset = (currentPage - 1) * ITEMS_PER_PAGE;
+  const [response, allData] = await Promise.all([
+    instance.get(
+      `/posts?userId=${userId}&_start=${offset}&_limit=${ITEMS_PER_PAGE}&q=${query}`


use axios query params

usmannafzal · 2024-03-14T08:54:09Z

app/api/posts.js

+  query
+) {
+  const offset = (currentPage - 1) * ITEMS_PER_PAGE;
+  const [response, allData] = await Promise.all([


paginatedPosts, allPosts

usmannafzal · 2024-03-14T08:55:10Z

app/api/posts.js

+
+export async function createPost(data) {
+  await instance.post("/posts", data);
+  revalidatePath(`/users/posts/${data?.userId}`);


remove the redirects from here

usmannafzal · 2024-03-14T08:56:10Z

app/api/users.js

@@ -0,0 +1,31 @@
+"use server";


Remove this directive

usmannafzal · 2024-03-14T09:43:52Z

app/components/navLinks.js

+              "flex h-[48px] grow items-center justify-center gap-2 rounded-md bg-gray-50 p-3 text-sm font-medium hover:bg-sky-100 hover:text-blue-600 md:flex-none md:justify-start md:p-2 md:px-3",
+              {
+                "bg-sky-100 text-blue-600":
+                  `/${pathname.split("/")?.[1]}` === link.href,


compute this expression above

usmannafzal · 2024-03-14T09:46:10Z

app/components/shared/Search.js

+    const term = e.target.value;
+    const params = new URLSearchParams(searchParams);
+    params.set(PAGE, "1");
+    if (term) {


if (term) params.set(QUERY, term);
else params.delete(QUERY);

usmannafzal · 2024-03-14T09:46:34Z

app/components/shared/SideBar.js

+    <div className="flex h-full flex-col px-3 py-4 md:px-2">
+      <Link
+        className="mb-2 flex h-20 items-end justify-start rounded-md bg-blue-600 p-4 md:h-40"
+        href="/"


Use a constant here, HOME maybe

usmannafzal · 2024-03-14T09:47:18Z

app/users/[id]/edit/EditUser.js

+  return (
+    <main>
+      <Breadcrumbs
+        breadcrumbs={[


Put this array in DataHelpers file

usmannafzal · 2024-03-14T09:48:14Z

app/users/components/UserForm.js

+
+export default function UserForm({ user }) {
+  return (
+    <Formik


Change it to useFormik hook

usmannafzal · 2024-03-14T09:48:44Z

app/users/components/UserForm.js

+    <Formik
+      initialValues={user || generateInitialValues(createUserFormData)}
+      validationSchema={UserValidationSchema.createUser()}
+      onSubmit={async (values, { resetForm }) => {


Never create inline functions, always create a separate function

usmannafzal · 2024-03-14T09:49:23Z

app/users/create/CreateUser.js

+    <main>
+      <Breadcrumbs
+        breadcrumbs={[
+          { label: USERS, href: urls.USERS },


usmannafzal · 2024-03-14T09:51:21Z

app/users/posts/[id]/components/CommentsModal.js

+  const [loading, setLoading] = useState(true);
+
+  useEffect(() => {
+    const fetchCommentsData = async () => {


Move this function out of the useEffect hook

usmannafzal · 2024-03-14T09:52:29Z

app/utils/constants/index.js

+export const TRY_AGAIN = "Try again";
+export const CANCEL = "Cancel";
+//urls
+export const urls = {


Put this constants inside RouteContants file

usmannafzal · 2024-03-15T06:07:50Z

app/utils/helpers/dataHelper/index.js

+  },
+];
+
+export const createPostFormData = [


usmannafzal · 2024-03-15T06:08:00Z

app/users/posts/[id]/components/PostsForm.js

+    }
+  };
+
+  const formik = useFormik({


…es,interceptingroutes

Hammadhammad2 added 5 commits March 12, 2024 17:05

initial commit for demo next js project

379e06e

fix: extra code removed

0c19af9

fix: comments modal issue fixed

f63e0d6

fix: no data found added in posts

c93a8fa

fix: cursor pointer added in posts listing

84fb096

usmannafzal suggested changes Mar 13, 2024

View reviewed changes

Hammadhammad2 added 7 commits March 13, 2024 16:27

fix: pr changes completed

65d7e74

pagination issue resolved

e899ae2

constants updated

83ba8e5

changes updated

c0e5f31

Table padding updated

9b2c1f2

padding updated

be95afe

refactored error component

01bd0f2

usmannafzal suggested changes Mar 14, 2024

View reviewed changes

Hammadhammad2 added 8 commits March 14, 2024 16:56

fix: pr feedback changes completed

9eb7015

fix: pr changes updated

7721f9b

changes updated

ae00036

formik values issue resolved

c9bc92a

validation updated

44bd253

folders updated

e313a65

CONSTANTS UPDATED

319a78d

extra constants removed

9734d26

usmannafzal suggested changes Mar 15, 2024

View reviewed changes

pr feedback changes completed

5111145

usmannafzal approved these changes Mar 15, 2024

View reviewed changes

internationalization implememted in server components ,parrallel rout…

c3e1373

…es,interceptingroutes

		};

		const allPages = generatePagination(currentPage, totalPages);

initial commit for demo next js project #1

Are you sure you want to change the base?

initial commit for demo next js project #1

Uh oh!

Conversation

Hammadhammad2 commented Mar 12, 2024

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

usmannafzal Mar 14, 2024 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Uh oh!

usmannafzal Mar 14, 2024 •

edited

Loading