ФУНКЦИИ - МЕЖПРОЕКТНАЯ КОММУНИКАЦИЯ: администрирование воркспейсов и feature-gates в God Mode

plane-src/apps/admin/app/(all)/(dashboard)/workspace/page.tsx

@@ -17,6 +17,7 @@ import { Loader, ToggleSwitch } from "@plane/ui";
 import { cn } from "@plane/utils";
 // components
 import { PageWrapper } from "@/components/common/page-wrapper";
+import { WorkspaceFeaturesModal, WorkspaceMembersModal } from "@/components/workspace/admin-modals";
 import { WorkspaceListItem } from "@/components/workspace/list-item";
 // hooks
 import { useInstance, useWorkspace } from "@/hooks/store";
@@ -26,6 +27,8 @@ import type { Route } from "./+types/page";
 const WorkspaceManagementPage = observer(function WorkspaceManagementPage(_props: Route.ComponentProps) {
   // states
   const [isSubmitting, setIsSubmitting] = useState<boolean>(false);
+  const [membersWorkspaceId, setMembersWorkspaceId] = useState<string | null>(null);
+  const [featuresWorkspaceId, setFeaturesWorkspaceId] = useState<string | null>(null);
   // store
   const { formattedConfig, fetchInstanceConfigurations, updateInstanceConfigurations } = useInstance();
   const {
@@ -53,14 +56,14 @@ const WorkspaceManagementPage = observer(function WorkspaceManagementPage(_props
     const updateConfigPromise = updateInstanceConfigurations(payload);
 
     setPromiseToast(updateConfigPromise, {
-      loading: "Saving configuration",
+      loading: "Сохранение конфигурации",
       success: {
-        title: "Success",
-        message: () => "Configuration saved successfully",
+        title: "Сохранено",
+        message: () => "Конфигурация обновлена",
       },
       error: {
-        title: "Error",
-        message: () => "Failed to save configuration",
+        title: "Ошибка",
+        message: () => "Не удалось сохранить конфигурацию",
       },
     });
 
@@ -77,8 +80,8 @@ const WorkspaceManagementPage = observer(function WorkspaceManagementPage(_props
   return (
     <PageWrapper
       header={{
-        title: "Workspaces on this instance",
-        description: "See all workspaces and control who can create them.",
+        title: "Воркспейсы инстанса",
+        description: "Просматривайте все рабочие пространства и управляйте правом создания новых.",
       }}
     >
       <div className="space-y-3">
@@ -86,9 +89,9 @@ const WorkspaceManagementPage = observer(function WorkspaceManagementPage(_props
           <div className={cn("flex w-full items-center gap-14 rounded-sm")}>
             <div className="flex grow items-center gap-4">
               <div className="grow">
-                <div className="pb-1 text-16 font-medium">Prevent anyone else from creating a workspace.</div>
+                <div className="pb-1 text-16 font-medium">Запретить пользователям создавать воркспейсы</div>
                 <div className={cn("text-11 leading-5 font-regular text-tertiary")}>
-                  Toggling this on will let only you create workspaces. You will have to invite users to new workspaces.
+                  Если включить, создавать рабочие пространства сможет только администратор инстанса.
                 </div>
               </div>
             </div>
@@ -119,25 +122,30 @@ const WorkspaceManagementPage = observer(function WorkspaceManagementPage(_props
             <div className="flex items-center justify-between gap-2 pt-6">
               <div className="flex flex-col items-start gap-x-2">
                 <div className="flex items-center gap-2 text-16 font-medium">
-                  All workspaces on this instance <span className="text-tertiary">• {workspaceIds.length}</span>
+                  Все воркспейсы инстанса <span className="text-tertiary">• {workspaceIds.length}</span>
                   {workspaceLoader && ["mutation", "pagination"].includes(workspaceLoader) && (
                     <LoaderIcon className="h-4 w-4 animate-spin" />
                   )}
                 </div>
                 <div className={cn("text-11 leading-5 font-regular text-tertiary")}>
-                  You can&apos;t yet delete workspaces and you can only go to the workspace if you are an Admin or a
-                  Member.
+                  Удаление пока недоступно. Открыть воркспейс можно только при наличии роли администратора или
+                  участника.
                 </div>
               </div>
               <div className="flex items-center gap-2">
                 <Link href="/workspace/create" className={getButtonStyling("primary", "base")}>
-                  Create workspace
+                  Создать воркспейс
                 </Link>
               </div>
             </div>
             <div className="flex flex-col gap-4 py-2">
               {workspaceIds.map((workspaceId) => (
-                <WorkspaceListItem key={workspaceId} workspaceId={workspaceId} />
+                <WorkspaceListItem
+                  key={workspaceId}
+                  workspaceId={workspaceId}
+                  onMembersClick={setMembersWorkspaceId}
+                  onFeaturesClick={setFeaturesWorkspaceId}
+                />
               ))}
             </div>
             {hasNextPage && (
@@ -148,7 +156,7 @@ const WorkspaceManagementPage = observer(function WorkspaceManagementPage(_props
                   onClick={() => fetchNextWorkspaces()}
                   disabled={workspaceLoader === "pagination"}
                 >
-                  Load more
+                  Загрузить еще
                   {workspaceLoader === "pagination" && <LoaderIcon className="h-3 w-3 animate-spin" />}
                 </Button>
               </div>
@@ -162,11 +170,21 @@ const WorkspaceManagementPage = observer(function WorkspaceManagementPage(_props
             <Loader.Item height="92px" width="100%" />
           </Loader>
         )}
+        <WorkspaceMembersModal
+          isOpen={!!membersWorkspaceId}
+          workspaceId={membersWorkspaceId}
+          onClose={() => setMembersWorkspaceId(null)}
+        />
+        <WorkspaceFeaturesModal
+          isOpen={!!featuresWorkspaceId}
+          workspaceId={featuresWorkspaceId}
+          onClose={() => setFeaturesWorkspaceId(null)}
+        />
       </div>
     </PageWrapper>
   );
 });
 
-export const meta: Route.MetaFunction = () => [{ title: "Workspace Management - God Mode" }];
+export const meta: Route.MetaFunction = () => [{ title: "Воркспейсы - NODE.DC" }];
 
 export default WorkspaceManagementPage;