minor home page changes. show scope description

enjalot · Feb 14, 2024 · 523d4fe · 523d4fe
1 parent 1c927fd
commit 523d4fe
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/web/src/components/Home.css b/web/src/components/Home.css
@@ -48,6 +48,10 @@
   width: 240px;
   margin: 6px 0;
 }
+.home .scope-description {
+  display: inline-block;
+  max-width: 240px;
+}
 
 @media (prefers-color-scheme: dark) {
   .home label[for="upload-button"] {

diff --git a/web/src/components/Home.jsx b/web/src/components/Home.jsx
@@ -96,7 +96,7 @@ function Home() {
         <h3>Create new dataset</h3>
         <form onSubmit={handleNewDataset} onDragOver={handleDragOver} onDrop={handleDrop}>
           <label htmlFor="upload-button">
-            <span>Import a CSV, Parquet or JSONL file to create a new dataset</span>
+            <span>Import a CSV or Parquet file to create a new dataset</span>
           </label>
           <input
             hidden
@@ -127,7 +127,10 @@ function Home() {
                 <div className="scope-link" key={i} >
                   <Link to={`/datasets/${dataset.id}/explore/${scope.id}`}>{scope.label || scope.id}<br/>
                   <img src={`${apiUrl}/files/${dataset.id}/clusters/${scope.cluster_id}.png`} />
-                  </Link><br></br>
+                  </Link>
+                  <br/>
+                  <span className="scope-description">{scope.description}</span>
+                  <br/>
                   {readonly ? null : <Link to={`/datasets/${dataset.id}/setup/${scope.id}`}>Configure</Link> }
                 </div>
               ))}