Staging

apps/xi.front/app/(protected)/communities/[community-id]/channels/[channel-id]/call/page.tsx

@@ -1,40 +1,14 @@
 'use client';
 
-import { useMainSt } from 'pkg.stores';
-
-import React, { use } from 'react';
+import React from 'react';
 import dynamic from 'next/dynamic';
 
 const Call = dynamic(() => import('pkg.module.call').then((mod) => mod.Call));
 
-export default function CallInCommunity({ params }: { params: Promise<{ vid: string }> }) {
-  const { vid } = use(params);
-  const getToken = useMainSt((state) => state.getToken);
-  const token = useMainSt((state) => state.token);
-
-  React.useEffect(() => {
-    getToken(vid);
-  }, []);
-
+export default function CallInCommunity() {
   return (
     <div className="w-full md:w-[calc(100vw-350px)] md:min-h-screen md:h-screen md:overflow-auto">
-      {token === null ? (
-        <div className="h-full w-full flex flex-col bg-gray-0">
-          <div className="flex flex-auto flex-col justify-center items-center p-4 md:p-5">
-            <div className="flex justify-center">
-              <div
-                className="animate-spin inline-block size-6 border-[3px] border-current border-t-transparent text-brand-80 rounded-full"
-                role="status"
-                aria-label="loading"
-              >
-                <span className="sr-only">Loading...</span>
-              </div>
-            </div>
-          </div>
-        </div>
-      ) : (
-        <Call token={token} />
-      )}
+      <Call />
     </div>
   );
 }

apps/xi.front/app/(protected)/communities/[community-id]/channels/layout.tsx

@@ -0,0 +1,22 @@
+'use client';
+
+import { ErrorPage } from 'pkg.error-page';
+import { ReactNode } from 'react';
+import { ErrorBoundary } from 'react-error-boundary';
+
+export default function CommunityLayout({ children }: { children: ReactNode }) {
+  return (
+    <ErrorBoundary
+      fallback={
+        <ErrorPage
+          errorCode={500}
+          title="Ошибка"
+          text="Что-то сломалось в этой части приложения, попробуйте обновить страницу"
+          withLogo={false}
+        />
+      }
+    >
+      {children}
+    </ErrorBoundary>
+  );
+}

apps/xi.front/package.json

@@ -11,6 +11,7 @@
   "dependencies": {
     "@hookform/resolvers": "3.9.1",
     "@sentry/nextjs": "^8.26.0",
+    "@sentry/types": "8.26.0",
     "@xipkg/avatar": "2.2.0",
     "@xipkg/badge": "^1.2.0",
     "@xipkg/button": "2.2.0",
@@ -20,7 +21,7 @@
     "@xipkg/input": "1.2.0",
     "@xipkg/label": "1.2.0",
     "@xipkg/link": "^1.3.0",
-    "@xipkg/scrollarea": "1.3.0",
+    "@xipkg/scrollarea": "^1.5.0",
     "@xipkg/tailwind": "0.5.0",
     "@xipkg/userprofile": "3.3.0",
     "crypto-js": "^4.1.1",
@@ -42,13 +43,13 @@
     "pkg.logo": "*",
     "pkg.modal.add-community": "*",
     "pkg.models": "*",
+    "pkg.module.board": "*",
+    "pkg.module.call": "*",
+    "pkg.module.chat": "*",
     "pkg.module.editor": "*",
     "pkg.module.posts": "*",
     "pkg.module.tasks": "*",
-    "pkg.module.chat": "*",
     "pkg.module.tasks-admin": "*",
-    "pkg.module.call": "*",
-    "pkg.module.board": "*",
     "pkg.navigation": "*",
     "pkg.navigation.layout": "*",
     "pkg.router.url": "*",
@@ -57,23 +58,23 @@
     "pkg.utils.client": "*",
     "react": "19.0.0",
     "react-dom": "19.0.0",
+    "react-error-boundary": "^5.0.0",
     "socket.io": "4.7.5",
     "socket.io-client": "4.7.5",
     "sonner": "1.4.41",
     "zod": "3.22.4",
-    "zustand": "^4.5.5",
-    "@sentry/types": "8.26.0"
+    "zustand": "^4.5.5"
   },
   "devDependencies": {
     "@eslint/eslintrc": "^3.2.0",
     "@eslint/js": "^9.17.0",
-    "eslint": "^9.17.0",
     "@types/node": "^20.3.1",
     "@types/react": "19.0.2",
     "@types/react-dom": "19.0.2",
     "@xipkg/eslint": "3.2.0",
     "@xipkg/typescript": "latest",
     "autoprefixer": "^10.4.20",
+    "eslint": "^9.17.0",
     "eslint-config-custom": "*",
     "ignore-loader": "^0.1.2",
     "postcss": "^8.4.24",