From 41d0e93fe9831b24f432ed048e359f8875627aa8 Mon Sep 17 00:00:00 2001
From: Bruce <bruce.lu@vesoft.com>
Date: Wed, 8 Nov 2023 16:54:19 +0800
Subject: [PATCH] fix: long space name display (#666)

* fix: long space name display

* fix: runNgql params
---
 app/components/Breadcrumb/index.module.less | 2 ++
 app/pages/Import/TaskList/index.tsx         | 2 +-
 app/utils/websocket.ts                      | 4 ++--
 3 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/app/components/Breadcrumb/index.module.less b/app/components/Breadcrumb/index.module.less
index 314645a1..4ad2cb9a 100644
--- a/app/components/Breadcrumb/index.module.less
+++ b/app/components/Breadcrumb/index.module.less
@@ -24,6 +24,7 @@
 			-webkit-box-orient: vertical;
 			text-align: left;
 			word-break: break-all;
+			line-height: 1.2;
 		}
 		a {
 			&:hover {
@@ -31,6 +32,7 @@
 			}
 			align-items: center;
 			display: inline-flex;
+			white-space: nowrap;
 		}
 	}
 	.arrowIcon > svg {
diff --git a/app/pages/Import/TaskList/index.tsx b/app/pages/Import/TaskList/index.tsx
index 9b44c0a4..edf59717 100644
--- a/app/pages/Import/TaskList/index.tsx
+++ b/app/pages/Import/TaskList/index.tsx
@@ -157,7 +157,7 @@ const TaskList = () => {
           <Select
             showSearch
             allowClear
-            style={{ minWidth: 200 }}
+            style={{ minWidth: 200, maxWidth: 600 }}
             value={filter.space}
             placeholder={intl.get('console.selectSpace')}
             onChange={(space) => getData({ space, page: 1 })}
diff --git a/app/utils/websocket.ts b/app/utils/websocket.ts
index 8df52c44..f18bfad5 100644
--- a/app/utils/websocket.ts
+++ b/app/utils/websocket.ts
@@ -263,7 +263,7 @@ export class NgqlRunner {
     this.socket?.readyState === WebSocket.OPEN && this.socket.send(WsHeartbeatReq);
   };
 
-  runNgql = async ({ gql, space }: { gql: string; space?: string }, config: Recordable = {}): Promise<NgqlRes> => {
+  runNgql = async (params: { gql: string; space?: string }, config: Recordable = {}): Promise<NgqlRes> => {
     if (!this.socket || this.socket.readyState !== WebSocket.OPEN) {
       const flag = await this.reConnect();
       if (!flag) {
@@ -279,7 +279,7 @@ export class NgqlRunner {
         resolve,
         reject,
         product: this.product,
-        content: { gql, space },
+        content: params,
         config,
         msgType: MsgType.NGQL,
       });