From a068b82db3d4e389829e88fc000a64adb1343c0f Mon Sep 17 00:00:00 2001
From: Rishi Ghan <rishi.ghan@gmail.com>
Date: Wed, 6 Dec 2023 10:58:22 -0600
Subject: [PATCH] =?UTF-8?q?=F0=9F=8F=97=EF=B8=8F=20Cleaned=20up=20past=20i?=
 =?UTF-8?q?mports=20table?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/client/components/Import/Import.tsx  | 25 ++++++++++++++----------
 src/client/components/shared/Navbar2.tsx |  7 +++----
 2 files changed, 18 insertions(+), 14 deletions(-)

diff --git a/src/client/components/Import/Import.tsx b/src/client/components/Import/Import.tsx
index 9cbfb25..1c52b25 100644
--- a/src/client/components/Import/Import.tsx
+++ b/src/client/components/Import/Import.tsx
@@ -265,21 +265,27 @@ export const Import = (props: IProps): ReactElement => {
           {/* Past imports */}
           {!isLoading && !isEmpty(data?.data) && (
             <div className="max-w-screen-lg">
-              <h3 className="text-xl mt-4">Past Imports</h3>
+              <span className="flex items-center mt-6">
+                <span className="text-xl dark:text-slate-200 pr-5">
+                  Past Imports
+                </span>
+                <span className="h-px flex-1 bg-slate-200 dark:bg-slate-400"></span>
+              </span>
+
               <div className="overflow-x-auto mt-4 rounded-lg border border-gray-200">
                 <table className="min-w-full divide-y-2 divide-gray-200 dark:divide-gray-200 text-md">
                   <thead className="ltr:text-left rtl:text-right">
                     <tr>
-                      <th className="whitespace-nowrap px-4 py-2 font-medium text-gray-900">
+                      <th className="whitespace-nowrap px-4 py-2 font-medium text-gray-900 dark:text-slate-200">
                         Time Started
                       </th>
-                      <th className="whitespace-nowrap px-4 py-2 font-medium text-gray-900">
+                      <th className="whitespace-nowrap px-4 py-2 font-medium text-gray-900 dark:text-slate-200">
                         Session Id
                       </th>
-                      <th className="whitespace-nowrap px-4 py-2 font-medium text-gray-900">
+                      <th className="whitespace-nowrap px-4 py-2 font-medium text-gray-900 dark:text-slate-200">
                         Imported
                       </th>
-                      <th className="whitespace-nowrap px-4 py-2 font-medium text-gray-900">
+                      <th className="whitespace-nowrap px-4 py-2 font-medium text-gray-900 dark:text-slate-200">
                         Failed
                       </th>
                     </tr>
@@ -289,29 +295,28 @@ export const Import = (props: IProps): ReactElement => {
                     {data?.data.map((jobResult, id) => {
                       return (
                         <tr key={id}>
-                          <td className="whitespace-nowrap px-4 py-2 text-gray-700 dark:text-slate-400">
+                          <td className="whitespace-nowrap px-2 py-2 text-gray-700 dark:text-slate-300">
                             {format(
                               new Date(jobResult.earliestTimestamp),
                               "EEEE, hh:mma, do LLLL Y",
                             )}
                           </td>
-                          <td className="whitespace-nowrap px-4 py-2 text-gray-700 dark:text-slate-400">
+                          <td className="whitespace-nowrap px-2 py-2 text-gray-700 dark:text-slate-300">
                             <span className="tag is-warning">
                               {jobResult.sessionId}
                             </span>
                           </td>
-                          <td className="whitespace-nowrap px-4 py-2 text-gray-700 dark:text-slate-400">
+                          <td className="whitespace-nowrap px-4 py-2 text-gray-700 dark:text-slate-300">
                             <span className="inline-flex items-center justify-center rounded-full bg-emerald-100 px-2 py-0.5 text-emerald-700">
                               <span className="h-5 w-6">
                                 <i className="icon-[solar--check-circle-line-duotone] h-5 w-5"></i>
                               </span>
-
                               <p className="whitespace-nowrap text-sm">
                                 {jobResult.completedJobs}
                               </p>
                             </span>
                           </td>
-                          <td className="whitespace-nowrap px-4 py-2 text-gray-700 dark:text-slate-400">
+                          <td className="whitespace-nowrap px-4 py-2 text-gray-700 dark:text-slate-300">
                             <span className="inline-flex items-center justify-center rounded-full bg-red-100 px-2 py-0.5 text-red-700">
                               <span className="h-5 w-6">
                                 <i className="icon-[solar--close-circle-line-duotone] h-5 w-5"></i>
diff --git a/src/client/components/shared/Navbar2.tsx b/src/client/components/shared/Navbar2.tsx
index 8afff16..9c1936c 100644
--- a/src/client/components/shared/Navbar2.tsx
+++ b/src/client/components/shared/Navbar2.tsx
@@ -9,7 +9,6 @@ export const Navbar2 = (): ReactElement => {
   const toggleDarkMode = (checked) => {
     setTheme(colorTheme);
     setDarkMode(!darkMode);
-    console.log("here", checked.target.value);
   };
 
   return (
@@ -26,12 +25,12 @@ export const Navbar2 = (): ReactElement => {
           >
             <ul className="flex items-center gap-6 text-md">
               <li>
-                <a
+                <Link
+                  to="/dashboard"
                   className="text-gray-500 transition hover:text-gray-500/75 dark:text-white dark:hover:text-white/75"
-                  href="/"
                 >
                   Dashboard
-                </a>
+                </Link>
               </li>
 
               <li>