empty page

src/pages/Payouts/Payouts.jsx

@@ -3,6 +3,8 @@ import React from "react";
 import { Footer } from "@components/Common/Footer/Footer";
 import { Navigation } from "@components/Navigation/Navigation";
 import { ProfileHeader } from "@components/ProfileHeader/ProfileHeader";
+import { ProfileBreadcrumbs } from "@components/ProfileBreadcrumbs/ProfileBreadcrumbs";
+import { EmptyBlock } from "@components/EmptyBlock/EmptyBlock";
 
 import "./payouts.scss";
 
@@ -11,7 +13,16 @@ export const Payouts = () => {
     <div className="payouts">
       <ProfileHeader />
       <Navigation />
-      <div className="container"></div>
+      <div className="container">
+        <ProfileBreadcrumbs
+          links={[
+            { name: "Главная", link: "/profile" },
+            { name: "Выплаты и финансы ", link: "/profile/payouts" },
+          ]}
+        />
+        <h3 className="payouts__title">Выплаты и финансы </h3>
+        <EmptyBlock />
+      </div>
       <Footer />
     </div>
   );