Simplified profile page BOD-323

client/src/pages/profile/profile.container.page.jsx

@@ -1,11 +1,22 @@
 import React, { useEffect } from "react";
-import ProfilePage from "./profile.page";
 import { useTranslation } from "react-i18next";
-export default function ProfileContainerPage() {
+import { connect } from "react-redux";
+import { setBreadcrumbs } from "../../redux/application/application.actions";
+import ProfilePage from "./profile.page";
+
+const mapDispatchToProps = (dispatch) => ({
+  setBreadcrumbs: (breadcrumbs) => dispatch(setBreadcrumbs(breadcrumbs)),
+});
+
+export function ProfileContainerPage({ setBreadcrumbs }) {
   const { t } = useTranslation();
   useEffect(() => {
+    setBreadcrumbs([
+      { link: "/manage/profile", label: t("titles.bc.profile") },
+    ]);
     document.title = t("titles.profile");
-  }, [t]);
+  }, [t, setBreadcrumbs]);
 
   return <ProfilePage />;
 }
+export default connect(null, mapDispatchToProps)(ProfileContainerPage);

client/src/pages/profile/profile.page.jsx

@@ -1,20 +1,12 @@
-import { Layout } from "antd";
-import React, { useState } from "react";
-import ProfileContent from "../../components/profile-content/profile-content.component";
-import ProfileSideBar from "../../components/profile-sidebar/profile-sidebar.component";
+import React from "react";
+import ProfileMyComponent from "../../components/profile-my/profile-my.component";
+import ProfileShopsContainer from "../../components/profile-shops/profile-shops.container";
 
 export default function ProfilePage() {
-  const [sidebarSelection, setSidebarSelection] = useState({ key: "profile" });
   return (
-    <Layout>
-      <ProfileSideBar
-        sidebarSelection={sidebarSelection}
-        setSidebarSelection={setSidebarSelection}
-      />
-
-      <Layout.Content>
-        <ProfileContent sidebarSelection={sidebarSelection} />
-      </Layout.Content>
-    </Layout>
+    <div>
+      <ProfileMyComponent />
+      <ProfileShopsContainer />;
+    </div>
   );
 }