From 0fe49e634de4fc41588d6ec2e971805cdfa08fd0 Mon Sep 17 00:00:00 2001
From: Daniele Guido <gui.daniele@gmail.com>
Date: Thu, 12 Dec 2024 11:19:13 +0100
Subject: [PATCH] add feature column names on datasets modal

---
 src/components/DatasetsModal.tsx | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/components/DatasetsModal.tsx b/src/components/DatasetsModal.tsx
index 0ce73c0..7f79bab 100644
--- a/src/components/DatasetsModal.tsx
+++ b/src/components/DatasetsModal.tsx
@@ -6,6 +6,7 @@ import DatasetCard from "./DatasetCard"
 import { useBrowserStore, usePersistentStore } from "../store"
 import { BrowserViewLogin } from "../constants"
 import MarkdownSnippet from "./MarkdownSnippet"
+import { DocStar, MediaImage } from "iconoir-react"
 
 export type DatasetModalProps = {
   title?: string
@@ -158,7 +159,7 @@ const DatasetModal: React.FC<DatasetModalProps> = ({
             >
               {user ? userPlan : "(guest)"}
             </div>
-            <div className="very-small mt-2 muted">
+            <div className="very-small mt-2 mb-2 muted">
               {user ? (
                 "Discover Available Datasets according to your plan"
               ) : (
@@ -175,6 +176,17 @@ const DatasetModal: React.FC<DatasetModalProps> = ({
               )}
             </div>
           </Col>
+          <Col sm={{ offset: 9, span: 1 }}>
+            <div className="very-small">Explore in Impresso App</div>
+          </Col>
+          <Col sm={1}>
+            <DocStar />
+            <div className="very-small">Export transcripts</div>
+          </Col>
+          <Col sm={1}>
+            <MediaImage />
+            <div className="very-small">Export illustrations</div>
+          </Col>
           <Col sm={12}>
             <div className="border-dark pt-3 border-bottom h-1px"></div>
           </Col>