add copy button on search result page (#373)

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

client/src/components/grid/Table.tsx

@@ -287,9 +287,7 @@ const EnhancedTable: FC<TableType> = props => {
                                           : row[colDef.id]}
                                       </Button>
                                     ) : colDef.formatter ? (
-                                      <Typography title={row[colDef.id]}>
-                                        {colDef.formatter(row)}
-                                      </Typography>
+                                      colDef.formatter(row)
                                     ) : (
                                       row[colDef.id]
                                     )}

client/src/pages/search/SearchParams.tsx

@@ -322,19 +322,6 @@ const SearchParams: FC<SearchParamsProps> = ({
 
   return (
     <div className={wrapperClass}>
-      {/* metric type */}
-      <CustomSelector
-        options={metricOptions}
-        value={metricType}
-        label={indexTrans('metric')}
-        wrapperClass={classes.selector}
-        variant="filled"
-        disabled={true}
-        onChange={(e: { target: { value: unknown } }) => {
-          const metricType = e.target.value as string;
-          handleMetricTypeChange(metricType);
-        }}
-      />
       {/* consistency level */}
       <CustomSelector
         options={CONSISTENCY_LEVEL_OPTIONS}
@@ -364,3 +351,16 @@ const SearchParams: FC<SearchParamsProps> = ({
 };
 
 export default SearchParams;
+
+// <CustomSelector
+// options={metricOptions}
+// value={metricType}
+// label={indexTrans('metric')}
+// wrapperClass={classes.selector}
+// variant="filled"
+// disabled={true}
+// onChange={(e: { target: { value: unknown } }) => {
+//   const metricType = e.target.value as string;
+//   handleMetricTypeChange(metricType);
+// }}
+// />

client/src/pages/search/VectorSearch.tsx

@@ -156,7 +156,7 @@ const VectorSearch = () => {
             align: 'left',
             disablePadding: false,
             label: key === DYNAMIC_FIELD ? searchTrans('dynamicFields') : key,
-            needCopy: primaryKeyField === key,
+            needCopy: key !== 'score',
           }))
       : [];
   }, [searchResult, primaryKeyField, orderArray]);
@@ -469,7 +469,9 @@ const VectorSearch = () => {
         </CardContent>
 
         <CardContent className={classes.s3}>
-          <Typography className="text">{searchTrans('thirdTip')}</Typography>
+          <Typography className="text">
+            {searchTrans('thirdTip')} ({selectedMetricType})
+          </Typography>
           <SearchParams
             wrapperClass={classes.paramsWrapper}
             metricType={selectedMetricType}
@@ -529,7 +531,6 @@ const VectorSearch = () => {
               className="btn"
               disabled={result.length === 0}
               onClick={() => {
-                console.log(searchResult);
                 saveCsvAs(searchResult, `search_result_${selectedCollection}`);
               }}
             >
@@ -563,7 +564,6 @@ const VectorSearch = () => {
             order={order}
             labelDisplayedRows={getLabelDisplayedRows(`(${latency} ms)`)}
             handleSort={handleGridSort}
-            tableCellMaxWidth="100%"
           />
         ) : (
           <EmptyCard