frishi/threetwo
1
0
Fork 0
Code Issues 9 Pull Requests 6 Actions Packages Projects Releases 2 Wiki Activity

🏗️ Cleaned up past imports table

Browse Source
This commit is contained in:
Rishi Ghan
2023-12-06 10:58:22 -06:00
parent c74c443534
commit a068b82db3
2 changed files with 18 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/client/components/Import/Import.tsx
View File

@@ -265,21 +265,27 @@ export const Import = (props: IProps): ReactElement => {
{/* Past imports */} {/* Past imports */}
{!isLoading && !isEmpty(data?.data) && ( {!isLoading && !isEmpty(data?.data) && (
<div className="max-w-screen-lg"> <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"> <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"> <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"> <thead className="ltr:text-left rtl:text-right">
<tr> <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 Time Started
</th> </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 Session Id
</th> </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 Imported
</th> </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 Failed
</th> </th>
</tr> </tr>
@@ -289,29 +295,28 @@ export const Import = (props: IProps): ReactElement => {
{data?.data.map((jobResult, id) => { {data?.data.map((jobResult, id) => {
return ( return (
<tr key={id}> <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( {format(
new Date(jobResult.earliestTimestamp), new Date(jobResult.earliestTimestamp),
"EEEE, hh:mma, do LLLL Y", "EEEE, hh:mma, do LLLL Y",
)} )}
</td> </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"> <span className="tag is-warning">
{jobResult.sessionId} {jobResult.sessionId}
</span> </span>
</td> </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="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"> <span className="h-5 w-6">
<i className="icon-[solar--check-circle-line-duotone] h-5 w-5"></i> <i className="icon-[solar--check-circle-line-duotone] h-5 w-5"></i>
</span> </span>
<p className="whitespace-nowrap text-sm"> <p className="whitespace-nowrap text-sm">
{jobResult.completedJobs} {jobResult.completedJobs}
</p> </p>
</span> </span>
</td> </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="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"> <span className="h-5 w-6">
<i className="icon-[solar--close-circle-line-duotone] h-5 w-5"></i> <i className="icon-[solar--close-circle-line-duotone] h-5 w-5"></i>

7
src/client/components/shared/Navbar2.tsx
View File

@@ -9,7 +9,6 @@ export const Navbar2 = (): ReactElement => {
const toggleDarkMode = (checked) => { const toggleDarkMode = (checked) => {
setTheme(colorTheme); setTheme(colorTheme);
setDarkMode(!darkMode); setDarkMode(!darkMode);
console.log("here", checked.target.value);
}; };
return ( return (
@@ -26,12 +25,12 @@ export const Navbar2 = (): ReactElement => {
> >
<ul className="flex items-center gap-6 text-md"> <ul className="flex items-center gap-6 text-md">
<li> <li>
<a <Link
to="/dashboard"
className="text-gray-500 transition hover:text-gray-500/75 dark:text-white dark:hover:text-white/75" className="text-gray-500 transition hover:text-gray-500/75 dark:text-white dark:hover:text-white/75"
href="/"
> >
Dashboard Dashboard
</a> </Link>
</li> </li>
<li> <li>