Merge pull request #48 from IDEA-Research/feature/dataset_desc

feat(dataset): add description for dataset list
IDEA-Research · Jul 6, 2023 · 2ea3106 · 2ea3106
2 parents 2e53c8d + bd5c2fd
commit 2ea3106
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 8 deletions.
diff --git a/packages/app/src/assets/images/cards/card_cover_0.png b/packages/app/src/assets/images/cards/card_cover_0.png
diff --git a/packages/app/src/components/DatasetItem/index.less b/packages/app/src/components/DatasetItem/index.less
@@ -86,17 +86,22 @@
     padding-right: 6px;
   }
 
-  .group {
+  .desc {
     max-height: 32px;
     color: #67738c;
     margin-bottom: 16px;
     padding: 0 2px;
     font-size: 12px;
-    height: 12px;
+    height: 28px;
     line-height: 130%;
-    white-space: nowrap;
+    word-wrap: break-word;
     text-overflow: ellipsis;
     overflow: hidden;
+    display: box;
+    -webkit-line-clamp: 2;
+
+    /* !autoprefixer: off */
+    -webkit-box-orient: vertical;
   }
 }
 

diff --git a/packages/app/src/components/DatasetItem/index.tsx b/packages/app/src/components/DatasetItem/index.tsx
@@ -34,7 +34,7 @@ const DatasetItem: React.FC<IProps> = (props) => {
         <div className={styles.imgBox}>
           <div className={styles.imgWrap}>
             <Image
-              src={data?.coverUrl}
+              src={data?.coverUrl ?? ''}
               alt="cover"
               onError={(e: any) => {
                 e.target.src = generateDefaultCover(data?.objectTypes);
@@ -76,9 +76,7 @@ const DatasetItem: React.FC<IProps> = (props) => {
               )}
             </div>
           </div>
-
-          <div className={styles.group}>{data.groupName}</div>
-
+          <div className={styles.desc}>{data.description}</div>
           <div className={styles.extra}>
             <div className={styles.extra_item}>
               <span>{data.numImages}</span>

diff --git a/packages/app/src/utils/datasets.ts b/packages/app/src/utils/datasets.ts
@@ -5,7 +5,7 @@ import { includes } from 'lodash';
  * @param type
  */
 export const generateDefaultCover = (type: string[]) => {
-  let _img_index: number = 5;
+  let _img_index: number = 0;
 
   if (includes(type, 'Classification')) {
     _img_index = 1;