rename database provider to data provider

Signed-off-by: ruiyi.jiang <ruiyi.jiang@zilliz.com>

client/src/App.tsx

@@ -7,14 +7,14 @@ import {
   AuthProvider,
   WebSocketProvider,
   PrometheusProvider,
-  DatabaseProvider,
+  DataProvider,
 } from './context';
 
 function App() {
   return (
     <AuthProvider>
       <RootProvider>
-        <DatabaseProvider>
+        <DataProvider>
           <PrometheusProvider>
             <WebSocketProvider>
               <NavProvider>
@@ -24,7 +24,7 @@ function App() {
               </NavProvider>
             </WebSocketProvider>
           </PrometheusProvider>
-        </DatabaseProvider>
+        </DataProvider>
       </RootProvider>
     </AuthProvider>
   );

client/src/components/layout/Header.tsx

@@ -2,7 +2,7 @@ import { FC, useContext } from 'react';
 import { useTranslation } from 'react-i18next';
 import { makeStyles, Theme, createStyles, Typography } from '@material-ui/core';
 import { useNavigate } from 'react-router-dom';
-import { navContext, databaseContext, authContext } from '@/context';
+import { navContext, dataContext, authContext } from '@/context';
 import { MilvusHttp } from '@/http';
 import { MILVUS_ADDRESS } from '@/consts';
 import CustomSelector from '@/components/customSelector/CustomSelector';
@@ -64,7 +64,7 @@ const useStyles = makeStyles((theme: Theme) =>
 const Header: FC<HeaderType> = props => {
   const classes = useStyles();
   const { navInfo } = useContext(navContext);
-  const { database, databases, setDatabase } = useContext(databaseContext);
+  const { database, databases, setDatabase } = useContext(dataContext);
   const { address, setAddress, setIsAuth } = useContext(authContext);
   const navigate = useNavigate();
 

client/src/context/Database.tsx → client/src/context/Data.tsx

@@ -1,16 +1,16 @@
 import { createContext, useEffect, useState } from 'react';
 import { DatabaseHttp } from '@/http';
-import { DatabaseContextType } from './Types';
+import { DataContextType } from './Types';
 
-export const databaseContext = createContext<DatabaseContextType>({
+export const dataContext = createContext<DataContextType>({
   database: 'default',
   databases: ['default'],
   setDatabase: () => {},
   setDatabaseList: () => {},
 });
 
-const { Provider } = databaseContext;
-export const DatabaseProvider = (props: { children: React.ReactNode }) => {
+const { Provider } = dataContext;
+export const DataProvider = (props: { children: React.ReactNode }) => {
   const [database, setDatabase] = useState<string>('default');
   const [databases, setDatabases] = useState<string[]>(['default']);
 

client/src/context/Types.ts

@@ -62,7 +62,7 @@ export type AuthContextType = {
   setIsAuth: Dispatch<SetStateAction<boolean>>;
 };
 
-export type DatabaseContextType = {
+export type DataContextType = {
   database: string;
   databases: string[];
   setDatabase: Dispatch<SetStateAction<string>>;

client/src/context/index.tsx

@@ -1,5 +1,5 @@
 export * from './Auth';
-export * from './Database';
+export * from './Data';
 export * from './Navigation';
 export * from './Prometheus';
 export * from './Root';

client/src/pages/collections/Collections.tsx

@@ -6,7 +6,7 @@ import Highlighter from 'react-highlight-words';
 import {
   rootContext,
   authContext,
-  databaseContext,
+  dataContext,
   webSocketContext,
 } from '@/context';
 import { useNavigationHook, usePaginationHook } from '@/hooks';
@@ -59,7 +59,7 @@ const useStyles = makeStyles((theme: Theme) => ({
 const Collections = () => {
   useNavigationHook(ALL_ROUTER_TYPES.COLLECTIONS);
   const { isManaged } = useContext(authContext);
-  const { database } = useContext(databaseContext);
+  const { database } = useContext(dataContext);
 
   const [searchParams] = useSearchParams();
   const [search, setSearch] = useState<string>(

client/src/pages/database/Database.tsx

@@ -9,14 +9,14 @@ import {
   DatabaseData,
 } from './Types';
 import DeleteTemplate from '@/components/customDialog/DeleteDialogTemplate';
-import { rootContext, databaseContext } from '@/context';
+import { rootContext, dataContext } from '@/context';
 import { useNavigationHook } from '@/hooks';
 import { ALL_ROUTER_TYPES } from '@/router/Types';
 import CreateUser from './Create';
 
 const Database = () => {
   useNavigationHook(ALL_ROUTER_TYPES.DATABASES);
-  const { setDatabaseList } = useContext(databaseContext);
+  const { setDatabaseList } = useContext(dataContext);
 
   const [databases, setDatabases] = useState<DatabaseData[]>([]);
   const [selectedDatabase, setSelectedDatabase] = useState<DatabaseData[]>([]);

client/src/pages/overview/Overview.tsx

@@ -1,7 +1,7 @@
 import { makeStyles, Theme, Typography, useTheme } from '@material-ui/core';
 import { useCallback, useContext, useEffect, useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import { rootContext, webSocketContext, databaseContext } from '@/context';
+import { rootContext, webSocketContext, dataContext } from '@/context';
 import EmptyCard from '@/components/cards/EmptyCard';
 import icons from '@/components/icons/Icons';
 import { WS_EVENTS, WS_EVENTS_TYPE, LOADING_STATE } from '@/consts';
@@ -28,7 +28,7 @@ const useStyles = makeStyles((theme: Theme) => ({
 
 const Overview = () => {
   useNavigationHook(ALL_ROUTER_TYPES.OVERVIEW);
-  const { database } = useContext(databaseContext);
+  const { database } = useContext(dataContext);
   const classes = useStyles();
   const theme = useTheme();
   const { t: overviewTrans } = useTranslation('overview');

client/src/pages/search/VectorSearch.tsx

@@ -9,7 +9,7 @@ import {
   usePaginationHook,
   useTimeTravelHook,
 } from '@/hooks';
-import { databaseContext } from '@/context';
+import { dataContext } from '@/context';
 import CustomSelector from '@/components/customSelector/CustomSelector';
 import { ColDefinitionsType } from '@/components/grid/Types';
 import AttuGrid from '@/components/grid/Grid';
@@ -44,7 +44,7 @@ import { FieldOption, SearchResultView, VectorSearchParam } from './Types';
 const VectorSearch = () => {
   useNavigationHook(ALL_ROUTER_TYPES.SEARCH);
   const location = useLocation();
-  const { database } = useContext(databaseContext);
+  const { database } = useContext(dataContext);
 
   // i18n
   const { t: searchTrans } = useTranslation('search');