import React from "react";
import Layout from "../../../components/layout/Layout";
import MyWhishList from "../../../components/user/MyWhishList";
import { useSelector } from "react-redux";
import { Skeleton } from "antd";

export default function UserProfilePage() {
  const { wishlists, loading } = useSelector(state => state.wishlists);
  return (
    <Layout>
      {loading ? (
        <div>
          <Skeleton active />
        </div>
      ) : (
        <MyWhishList data={wishlists} />
      )}
    </Layout>
  );
}