From 198ee628451a30f6ce5fe37d13ad05d04983badd Mon Sep 17 00:00:00 2001
From: ali asaria <aliasaria@users.noreply.github.com>
Date: Tue, 25 Jun 2024 15:41:13 -0400
Subject: [PATCH] smaller ellipsis

---
 src/renderer/components/Data/PreviewDatasetModal.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/renderer/components/Data/PreviewDatasetModal.tsx b/src/renderer/components/Data/PreviewDatasetModal.tsx
index b06622ca..d1b41c8b 100644
--- a/src/renderer/components/Data/PreviewDatasetModal.tsx
+++ b/src/renderer/components/Data/PreviewDatasetModal.tsx
@@ -19,7 +19,6 @@ import { iconButtonClasses } from '@mui/joy/IconButton';
 
 import * as chatAPI from '../../lib/transformerlab-api-sdk';
 import { ChevronLeftIcon, ChevronRightIcon } from 'lucide-react';
-import { FaEllipsisH } from 'react-icons/fa';
 
 const fetcher = (url) =>
   fetch(url)
@@ -146,7 +145,7 @@ export default function PreviewDatasetModal({ dataset_id, open, setOpen }) {
             >
               {1}
             </IconButton>
-            {pageNumber > 4 ? <FaEllipsisH /> : <div />}
+            {pageNumber > 4 ? '…' : <div />}
             {Array.from(
               { length: Math.min(5, numOfPages) },
               (_, i) => pageNumber + i - 2
@@ -164,7 +163,7 @@ export default function PreviewDatasetModal({ dataset_id, open, setOpen }) {
                   {page}
                 </IconButton>
               ))}
-            {pageNumber < numOfPages - 4 ? <FaEllipsisH /> : <div />}
+            {pageNumber < numOfPages - 4 ? '…' : <div />}
             {numOfPages != 1 && (
               <IconButton
                 key={numOfPages}
-- 
GitLab