feature: Added ending time field on certificates page

limanmys · May 3, 2024 · e632b17 · e632b17
1 parent 68c10d0
commit e632b17
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 7 deletions.
diff --git a/src/pages/settings/advanced/certificates/index.tsx b/src/pages/settings/advanced/certificates/index.tsx
@@ -41,22 +41,37 @@ const AdvancedCertificateSettingsPage: NextPageWithLayout = () => {
       title: "Port",
     },
     {
-      accessorKey: "updated_at",
+      accessorKey: "valid_to",
       header: ({ column }) => (
-        <DataTableColumnHeader
-          column={column}
-          title={t("advanced.certificates.updated_at")}
-        />
+        <DataTableColumnHeader column={column} title="Bitiş Süresi" />
       ),
-      title: t("advanced.certificates.updated_at"),
+      title: "Bitiş Süresi",
       accessorFn: (row) =>
-        new Date(row.updated_at).toLocaleDateString(i18n.language, {
+        new Date(row.valid_to).toLocaleDateString(i18n.language, {
           day: "2-digit",
           month: "long",
           year: "numeric",
           hour: "2-digit",
           minute: "2-digit",
         }),
+      cell: ({ row, getValue }) => (
+        <>
+          {/* Add icons for validity time is near 1 month, is not valid and valid states */}
+          <div className="flex items-center">
+            {new Date(row.original.valid_to).getTime() - new Date().getTime() <
+            0 ? (
+              <div className="mr-2 size-3 rounded-full bg-red-500"></div>
+            ) : new Date(row.original.valid_to).getTime() -
+                new Date().getTime() <
+              2592000000 ? (
+              <div className="mr-2 size-3 rounded-full bg-yellow-500"></div>
+            ) : (
+              <div className="mr-2 size-3 rounded-full bg-green-500"></div>
+            )}
+            {getValue()}
+          </div>
+        </>
+      ),
       sortingFn: compareNumericString,
     },
     {

diff --git a/src/types/certificate.ts b/src/types/certificate.ts
@@ -4,6 +4,8 @@ export interface ICertificate {
   origin: string
   created_at: string
   updated_at: string
+  valid_to: string
+  valid_from: string
 }
 
 export interface ICertificateDetails {