Fix Header, Layout

[choilv]

https://github.com/truongxuanha/ecommerce-project/blob/main/src/components/Header/index.tsx

 useEffect(() => {
    async function getProduct() {
      if (token) {
        await dispatch(getProductByAccount());
      }
    }
    getProduct();
  }, [dispatch, token]);

• không cần async await -> dispatch luôn

• ---

  useEffect(() => {
  setCartLength(() => {
    return cartItems.reduce((total, item) => total + item.quantity, 0);
  });
  }, [cartItems]);

  Tính toán luôn trong cartSlice

  .addCase(getProductByAccount.fulfilled, (state, action) => {
      setLoading(state, false);
      state.cartItems = action.payload;
  // Tính toán số lượng ở đây
    })

  ---

  async function handleCart() {
  closeMobileMenu();
  if (!currentUser) {
    toastifyWarning("Vui lòng đăng nhập!!!");
  }
  }

  không cần async, nếu chưa login thì xử lý hiện toast và redirect sang đăng nhập hoặc là chỉ hiện toast và giữ nguyên page

  <NavLink
          to='/'
          className='nav-link text-sm font-medium leading-6 text-gray-900 uppercase'
        >
          Trang chủ
        </NavLink>

  các menu cho vào biến mà map() ra đỡ lặp code, fix tương tự cho mobile

  {!userLogin ? (

  nên hạn chế dùng phủ định như này -> userLogin ? ... : ... . fix tương tự cho mobile

  PrivateLayout vs PublicLayout giống hệt nhau vậy? ps: Khai báo router nên tách ra /routers cho gọn, private router thì dùng loader để check trước khi cho truy cập URL

[choilv]

Footer dùng thay vì