add limits for query

Signed-off-by: shanghaikid <jiangruiyi@gmail.com>

client/src/components/cards/EmptyCard.tsx

@@ -10,19 +10,25 @@ const useStyles = makeStyles((theme: Theme) => ({
     flexDirection: 'column',
   },
   text: {
-    marginTop: theme.spacing(4),
+    marginTop: theme.spacing(2),
     fontSize: '36px',
     lineHeight: '42px',
     color: theme.palette.attuGrey.dark,
     fontWeight: 'bold',
     letterSpacing: '-0.02em',
   },
+  subText: {
+    fontSize: '18px',
+    marginTop: theme.spacing(1),
+    color: theme.palette.attuGrey.dark,
+  },
 }));
 
 const EmptyCard: FC<EmptyCardProps> = ({
   icon,
   text,
   wrapperClass = '',
+  subText = '',
   loading = false,
 }) => {
   const classes = useStyles();
@@ -34,6 +40,7 @@ const EmptyCard: FC<EmptyCardProps> = ({
       {loading && <StatusIcon type={ChildrenStatusType.CREATING} size={40} />}
       {icon}
       <Typography className={classes.text}>{text}</Typography>
+      <Typography className={classes.subText}>{subText}</Typography>
     </section>
   );
 };

client/src/components/cards/Types.ts

@@ -2,6 +2,7 @@ import { ReactElement } from 'react';
 
 export interface EmptyCardProps {
   text: string;
+  subText?: string;
   icon?: ReactElement;
   wrapperClass?: string;
   loading?: boolean;

client/src/i18n/en/collection.ts

@@ -84,7 +84,9 @@ const collectionTrans = {
   schemaTab: 'Schema',
   queryTab: 'Data Query',
   previewTab: 'Data Preview',
-  startTip: 'Start your data query',
+  startTip: 'Start your data query.',
+  dataQuerylimits:
+    ' Please note that the maximum number of results for your data query is 16384.',
   exprPlaceHolder: 'Please enter your data query, for example id > 0',
 
   // alias dialog

client/src/pages/query/Query.tsx

@@ -143,6 +143,8 @@ const Query: FC<{
       const res = await CollectionHttp.queryData(collectionName, {
         expr: expr,
         output_fields: fields.map(i => i.name),
+        offset: 0,
+        limit: 16384,
         // travel_timestamp: timeTravelInfo.timestamp,
       });
       const result = res.data;
@@ -322,6 +324,7 @@ const Query: FC<{
               ? searchTrans('empty')
               : collectionTrans('startTip')
           }
+          subText={collectionTrans('dataQuerylimits')}
         />
       )}
     </div>