upd

frontend/app/src/pages/AppRoutes.tsx

@@ -17,6 +17,7 @@ import CreateNewsPage from "./CreateNewsPage";
 import QueueCard from "../components/queue/QueueCard";
 import JoinQueuePage from "./JoinQueuePage";
 import ApproveQueueJoinPage from "./ApproveQueueJoinPage";
+import PartingQueuesPage from "./PartingQueuesPage";
 
 const AppRoutes = ({ children }: { children: ReactNode }) => {
   store.dispatch(getLocalToken());
@@ -30,6 +31,7 @@ const AppRoutes = ({ children }: { children: ReactNode }) => {
       <Routes>
         <Route path="/" element={<MainPage />} />
         <Route path="/dashboard" element={<DashboardPage />} />
+        <Route path="/parting" element={<PartingQueuesPage />} />
         <Route path="/queue/:queueId" element={<QueueCard />} />
         <Route path="/queue/join" element={<JoinQueuePage />} />
         <Route path="/queue/join/:queueId" element={<ApproveQueueJoinPage />} />

frontend/app/src/pages/PartingQueuesPage.tsx

@@ -0,0 +1,18 @@
+import React from "react";
+import "./styles.css";
+import { useSelector } from "react-redux";
+import { StorePrototype } from "../config/store";
+import tr from "../config/translation";
+import Title from "antd/es/typography/Title";
+import PartingQueuesList from "../components/queue/PartingQueuesList";
+
+const PartingQueuesPage = () => {
+  const clientId = useSelector((state: StorePrototype) => state.auth.clientId);
+  return clientId ? (
+    <PartingQueuesList />
+  ) : (
+    <Title level={2}>{tr("Whoops!")}</Title>
+  );
+};
+
+export default PartingQueuesPage;