fix: nebula connect use sessionStorage

src/pages/Login/index.tsx

@@ -3,7 +3,6 @@ import { Button, Form, Input, Select } from 'antd';
 import React from 'react';
 import intl from 'react-intl-universal';
 import { connect } from 'react-redux';
-import cookies from 'js-cookie';
 import { RouteComponentProps } from 'react-router-dom';
 import {
   passwordRulesFn,
@@ -16,6 +15,7 @@ import './index.less';
 import nebulaLogo from '@/static/images/nebula_logo.png';
 import { IDispatch, IRootState } from '@/store';
 import { LanguageContext } from '@/context';
+import { SessionStorageUtil } from '@/utils';
 
 const FormItem = Form.Item;
 
@@ -58,7 +58,7 @@ class ConfigServerForm extends React.Component<IProps> {
       ...values,
     });
     if (ok) {
-      cookies.set('version', values.version);
+      SessionStorageUtil.setItem('version', values.version)
       this.props.updateVersion(values.version);
       this.props.history.push('/machine/overview');
     }

src/pages/ServiceManage/LeaderDistribution/index.tsx

@@ -23,8 +23,7 @@ const mapDispatch: any = (dispatch: IDispatch) => ({
 
 const mapState = (state: IRootState) => ({
   loading: state.loading.effects.nebula.asyncGetHostsInfo,
-  address: (state.nebula as any).address,
-  port: (state.nebula as any).port,
+  nebulaConnect: (state.nebula as any).nebulaConnect,
 });
 
 interface IProps
@@ -44,14 +43,14 @@ const LeaderDistribution: React.FC<IProps> = (props: IProps) => {
   const [data, setData] = useState<IChaerData[]>([]);
   const [chartInstance, setChartInstance] = useState<Chart>();
 
-  const { address, cluster = {}, port, loading, isOverview, baseRouter = '/management' } = props;
+  const { nebulaConnect, cluster = {}, loading, isOverview, baseRouter = '/management' } = props;
 
   useEffect(() => {
-    if (isCommunityVersion() || (address && port)) {
+    if (isCommunityVersion() || nebulaConnect) {
       getStorageInfo();
     }
     return () => setData([]);
-  }, [address, port]);
+  }, [nebulaConnect]);
 
   useEffect(() => {
     if (chartInstance) {

src/pages/ServiceManage/Overview/index.tsx

@@ -71,7 +71,7 @@ const Overview: React.FC<IProps> = (props: IProps) => {
     }
   };
 
-  const balanceDataa = async () => {
+  const balanceData = async () => {
     const code = await props.asyncExecNGQL('submit job balance data');
     if (code === 0) {
       message.success(intl.get('common.succeed'));
@@ -84,7 +84,7 @@ const Overview: React.FC<IProps> = (props: IProps) => {
       content: intl.get('common.confirmAction'),
       okText: intl.get('common.confirm'),
       cancelText: intl.get('common.cancel'),
-      onOk: () => balanceDataa(),
+      onOk: () => balanceData(),
     });
   };
 

src/pages/ServiceManage/PartitionDistribution/index.tsx

@@ -23,8 +23,7 @@ const mapState = (state: IRootState) => ({
   spaces: state.nebula.spaces,
   loading: state.loading.models.nebula,
   currentSpace: state.nebula.currentSpace,
-  address: state.nebula.address,
-  port: state.nebula.port,
+  nebulaConnect: state.nebula.nebulaConnect,
 });
 
 interface IProps
@@ -51,8 +50,8 @@ class PartitionDistribution extends React.Component<IProps, IState> {
   }
 
   async componentDidMount() {
-    const { address, port } = this.props;
-    if (isCommunityVersion() || (address && port)) {
+    const { nebulaConnect } = this.props;
+    if (isCommunityVersion() || (nebulaConnect)) {
       await this.props.asyncGetSpaces();
       const { currentSpace } = this.props;
       if (currentSpace) {
@@ -62,9 +61,9 @@ class PartitionDistribution extends React.Component<IProps, IState> {
   }
 
   async componentDidUpdate(prevProps) {
-    const { address, port, currentSpace } = this.props;
-    if (address !== prevProps.address && port !== prevProps.port) {
-      if (isCommunityVersion() || (address && port)) {
+    const { nebulaConnect, currentSpace } = this.props;
+    if (nebulaConnect !== prevProps.nebulaConnect) {
+      if (isCommunityVersion() || nebulaConnect) {
         await this.props.asyncGetSpaces();
         const { currentSpace } = this.props;
         if (currentSpace) {

src/pages/ServiceManage/PartitionInfo/index.tsx

@@ -16,8 +16,7 @@ const mapState = (state: IRootState) => ({
   spaces: state.nebula.spaces,
   parts: state.nebula.parts,
   currentSpace: state.nebula.currentSpace,
-  address: state.nebula.address,
-  port: state.nebula.port,
+  nebulaConnect: state.nebula.nebulaConnect,
 });
 
 const mapDispatch: any = (dispatch: IDispatch) => ({
@@ -32,14 +31,14 @@ interface IProps
 }
 
 const PartitionInfo: React.FC<IProps> = (props: IProps) => {
-  const { address, port, currentSpace, loading, parts, spaces, isOverview } =
+  const { nebulaConnect, currentSpace, loading, parts, spaces, isOverview } =
     props;
 
   useEffect(() => {
-    if (address && port) {
+    if (nebulaConnect) {
       props.asyncGetSpaces();
     }
-  }, [address, port]);
+  }, [nebulaConnect]);
 
   useEffect(() => {
     if (currentSpace) {

src/pages/ServiceManage/ServiceInfo/index.tsx

@@ -14,8 +14,7 @@ import { isCommunityVersion } from '@/utils';
 const mapState = (state: IRootState) => ({
   loading: state.loading.effects.nebula.asyncGetServices,
   services: state.nebula.services,
-  address: (state.nebula as any).address,
-  port: (state.nebula as any).port,
+  nebulaConnect: (state.nebula as any).nebulaConnect,
 });
 
 const mapDispatch: any = (dispatch: IDispatch) => ({
@@ -30,15 +29,15 @@ class ServiceInfo extends React.Component<IProps> {
   modalHandler;
 
   componentDidMount() {
-    const { address, port } = this.props;
-    if (isCommunityVersion() || (address && port)) {
+    const { nebulaConnect } = this.props;
+    if (isCommunityVersion() || nebulaConnect) {
       this.props.asyncGetServices();
     }
   }
 
   componentDidUpdate(prevProps) {
-    const { address, port } = this.props;
-    if (address !== prevProps.address && port !== prevProps.port) {
+    const { nebulaConnect } = this.props;
+    if (nebulaConnect !== prevProps.nebulaConnect) {
       this.props.asyncGetServices();
     }
   }

src/pages/ServiceManage/VersionStatistic/index.tsx

@@ -11,8 +11,7 @@ const mapDispatch: any = (dispatch: IDispatch) => ({
 });
 
 const mapState = (state: IRootState) => ({
-  address: (state.nebula as any).address,
-  port: (state.nebula as any).port,
+  nebulaConnect: (state.nebula as any).nebulaConnect,
 });
 
 interface IProps
@@ -37,15 +36,15 @@ class VersionStatistic extends React.Component<IProps, IState> {
   }
 
   componentDidMount() {
-    const { address, port } = this.props;
-    if (isCommunityVersion() || (address && port)) {
+    const { nebulaConnect } = this.props;
+    if (isCommunityVersion() || nebulaConnect) {
       this.getVersion();
     }
   }
 
   componentDidUpdate(prevProps) {
-    const { address, port } = this.props;
-    if (address !== prevProps.address && port !== prevProps.port) {
+    const { nebulaConnect } = this.props;
+    if (nebulaConnect !== prevProps.nebulaConnect) {
       this.getVersion();
     }
   }

src/store/models/nebula.ts

@@ -1,9 +1,9 @@
 import { createModel } from '@rematch/core';
 import _ from 'lodash';
-import cookies from 'js-cookie';
 import service from '@/config/service';
 import { getConfigData } from "@/utils/dashboard";
 import { NebulaVersionType } from '@/utils/interface';
+import { SessionStorageUtil } from '@/utils';
 
 interface IState {
   configs: any[];
@@ -25,8 +25,8 @@ export function NebulaModelWrapper(serviceApi, state, _effects) {
       spaces: [] as any,
       parts: [],
       services: [],
-      currentSpace: cookies.get('dashboard_space'),
-      version: cookies.get('version') || '',
+      currentSpace: SessionStorageUtil.getItem('currentSpace'),
+      version: SessionStorageUtil.getItem('version') || '',
       ...state,
     },
     reducers: {
@@ -77,7 +77,7 @@ export function NebulaModelWrapper(serviceApi, state, _effects) {
           (this as any).update({
             currentSpace: space,
           });
-          cookies.set('dashboard_space', space);
+          SessionStorageUtil.setItem('currentSpace', space);
         }
         return { code, data };
       },

src/utils/index.ts

@@ -39,3 +39,20 @@ export const updateFn = (service: {
 }) => {
   getNebulaVersionName = service.getNebulaVersionName;
 }
+
+export class SessionStorageUtil {
+  static setItem<T>(key: string, value: T) {
+    sessionStorage.setItem(key, JSON.stringify(value));
+  }
+
+  static getItem<T>(key: string): T | undefined {
+    const item = sessionStorage.getItem(key);
+    if (item) {
+      return JSON.parse(item);
+    }
+  }
+
+  static removeItem(key: string) {
+    sessionStorage.removeItem(key);
+  }
+}

src/utils/interface.ts

@@ -113,4 +113,10 @@ export interface VersionFeatureInfo {
   version: string;
   type: NebulaVersionType;
   feature: VersionFeatureItem;
+}
+
+export interface NebulaConnectInfo {
+  address: string;
+  port: number;
+  currentSpace?: string;
 }