From e6a8ba114eebbe39c3e00f101d8ca6cc30a838cc Mon Sep 17 00:00:00 2001
From: Luccas Mateus de Medeiros Gomes <luccasmmg@gmail.com>
Date: Wed, 10 May 2023 18:12:14 -0300
Subject: [PATCH] [examples/538] - changes requested by demenech

---
 examples/fiverthirtyeight-example/pages/_app.tsx            | 2 ++
 .../pages/datasets/[datasetName].tsx                        | 3 ++-
 examples/fiverthirtyeight-example/pages/index.tsx           | 6 +++---
 examples/fiverthirtyeight-example/tailwind.config.js        | 1 -
 4 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/examples/fiverthirtyeight-example/pages/_app.tsx b/examples/fiverthirtyeight-example/pages/_app.tsx
index 021681f4..53e7581d 100644
--- a/examples/fiverthirtyeight-example/pages/_app.tsx
+++ b/examples/fiverthirtyeight-example/pages/_app.tsx
@@ -1,4 +1,6 @@
 import '@/styles/globals.css'
+import '@portaljs/components/styles.css'
+
 import type { AppProps } from 'next/app'
 
 export default function App({ Component, pageProps }: AppProps) {
diff --git a/examples/fiverthirtyeight-example/pages/datasets/[datasetName].tsx b/examples/fiverthirtyeight-example/pages/datasets/[datasetName].tsx
index 56cb0cc9..6a9b491f 100644
--- a/examples/fiverthirtyeight-example/pages/datasets/[datasetName].tsx
+++ b/examples/fiverthirtyeight-example/pages/datasets/[datasetName].tsx
@@ -58,9 +58,10 @@ export default function DatasetPage({
         </div>
         {dataset.files && dataset.files.length > 0 && (
           <>
-            <h2 className="mb-0 mt-10">PREVIEWS</h2>
+            <h2 className="mb-0 mt-10">DATA PREVIEWS</h2>
             {dataset.files?.map((file) => (
               <div key={file} className="preview-table my-8">
+                <h3>{file.split('/').slice(-1)}</h3>
                 <Table url={file} />
               </div>
             ))}
diff --git a/examples/fiverthirtyeight-example/pages/index.tsx b/examples/fiverthirtyeight-example/pages/index.tsx
index 8c3bdd8d..da6fcc6d 100644
--- a/examples/fiverthirtyeight-example/pages/index.tsx
+++ b/examples/fiverthirtyeight-example/pages/index.tsx
@@ -43,10 +43,10 @@ export function MobileItem({ dataset }: { dataset: Dataset }) {
           info
         </a>
         <a
-          className="border border-zinc-900 font-light px-4 py-1 text-sm transition hover:bg-zinc-900 hover:text-white"
+          className="ml-2 border border-zinc-900 font-light px-4 py-1 text-sm transition hover:bg-zinc-900 hover:text-white"
           href={`/datasets/${dataset.name}`}
         >
-          info
+          explore
         </a>
         {/*
                 <button>
@@ -101,7 +101,7 @@ export function DesktopItem({ dataset }: { dataset: Dataset }) {
           <td className="py-8">
             {index === 0 && (
               <a
-                className="border border-zinc-900 font-light px-[25px] py-2.5 text-sm transition hover:bg-zinc-900 hover:text-white"
+                className="ml-2 border border-zinc-900 font-light px-[25px] py-2.5 text-sm transition hover:bg-zinc-900 hover:text-white"
                 href={`/datasets/${dataset.name}`}
               >
                 explore
diff --git a/examples/fiverthirtyeight-example/tailwind.config.js b/examples/fiverthirtyeight-example/tailwind.config.js
index fe3a9c32..8672e0d9 100644
--- a/examples/fiverthirtyeight-example/tailwind.config.js
+++ b/examples/fiverthirtyeight-example/tailwind.config.js
@@ -14,6 +14,5 @@ module.exports = {
       },
     },
   },
-  safelist: ['w-6', 'h-6', 'opacity-100'],
   plugins: [require('@tailwindcss/typography')],
 };