Merge branch 'feat-20221012-environment' into 'master'

hotfix: pdb改为3d效果

See merge request !221

src/views/Project/ProjectData/SeeDataset/components/DatasetCardTable/index.tsx

@@ -40,14 +40,17 @@ const DatasetCardTable = (props: IDatasetCardTableProps) => {
 	};
 
 	// 空盒子用于布局
-	const nullBox = useMemo(() => {
-		if (list.length > 4) {
-			let nullBoxLength = Math.abs(8 - list.length);
-			return new Array(nullBoxLength).fill("");
-		} else {
-			return [];
-		}
-	}, [list]);
+	const nullBox = useMemo(
+		() => {
+			if (list.length > 4) {
+				let nullBoxLength = Math.abs(8 - list.length);
+				return new Array(nullBoxLength).fill("");
+			} else {
+				return [];
+			}
+		},
+		[list]
+	);
 
 	return (
 		<>
@@ -69,7 +72,10 @@ const DatasetCardTable = (props: IDatasetCardTableProps) => {
 											<KekuleView id={`${index}2d`} smi={item.smiles} />
 										)}
 										{graphicDimension === "3D" && (
-											<NglView id={`${index}3d`} content={item.pdb} />
+											<NglView
+												id={`${index}3d`}
+												content={item.pdb3d || item.mol2}
+											/>
 										)}
 									</div>
 									<div className={style.datasetLiBottom}>
@@ -134,13 +140,13 @@ const DatasetCardTable = (props: IDatasetCardTableProps) => {
 										[style.nullBox]: true,
 									})}
 									key={index + "null"}
-								></div>
+								/>
 							);
 						})}
 					</div>
 				</>
 			)}
-			{list.length === 0 && <NoData text="未搜索到相关数据"></NoData>}
+			{list.length === 0 && <NoData text="未搜索到相关数据" />}
 		</>
 	);
 };