From 78c534ea29563af2c0163576ee310c0994f3ed8e Mon Sep 17 00:00:00 2001
From: Kelechi <okekekelechi96@gmail.com>
Date: Thu, 21 Nov 2024 09:01:53 +0100
Subject: [PATCH] fix: fixed sorting bug and updated created col to updated

---
 src/components/dashboard/hiiq-table/columns.tsx    | 13 ++++++++-----
 src/components/dashboard/hiiq-table/data-table.tsx |  1 -
 src/services/holders/index.ts                      |  4 ++--
 src/services/holders/queries.ts                    |  1 +
 4 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/src/components/dashboard/hiiq-table/columns.tsx b/src/components/dashboard/hiiq-table/columns.tsx
index 543b5b7c..d75be66c 100644
--- a/src/components/dashboard/hiiq-table/columns.tsx
+++ b/src/components/dashboard/hiiq-table/columns.tsx
@@ -10,7 +10,7 @@ import { useState } from 'react'
 export type HIIQHoldersProps = {
   address: string
   tokens: string
-  created: number
+  updated: number
 }
 
 export const columns: ColumnDef<HIIQHoldersProps>[] = [
@@ -66,7 +66,7 @@ export const columns: ColumnDef<HIIQHoldersProps>[] = [
         <Button
           variant="ghost"
           className="p-0"
-          onClick={() => column.toggleSorting(column.getIsSorted() === 'asc')}
+          onClick={() => column.toggleSorting()}
         >
           HiIQ Balance
           <RiArrowDownSFill className="ml-2 h-4 w-4" />
@@ -80,15 +80,18 @@ export const columns: ColumnDef<HIIQHoldersProps>[] = [
         </div>
       )
     },
+    sortingFn: (rowA, rowB) => {
+      return Number(rowA.original.tokens) - Number(rowB.original.tokens)
+    },
   },
   {
-    accessorKey: 'created',
-    header: 'Date Staked',
+    accessorKey: 'updated',
+    header: 'Date Updated',
     cell: ({ row }) => {
       return (
         <div className="flex flex-row items-center gap-1 font-medium">
           <span>
-            {new Date(row.getValue('created')).toLocaleDateString('en-GB', {
+            {new Date(row.getValue('updated')).toLocaleDateString('en-GB', {
               day: 'numeric',
               month: 'short',
               year: 'numeric',
diff --git a/src/components/dashboard/hiiq-table/data-table.tsx b/src/components/dashboard/hiiq-table/data-table.tsx
index 31e0e286..10d8dae8 100644
--- a/src/components/dashboard/hiiq-table/data-table.tsx
+++ b/src/components/dashboard/hiiq-table/data-table.tsx
@@ -53,7 +53,6 @@ export function DataTable<TData, TValue>({
     getPaginationRowModel: getPaginationRowModel(),
     onSortingChange: setSorting,
     getSortedRowModel: getSortedRowModel(),
-
     state: {
       sorting,
     },
diff --git a/src/services/holders/index.ts b/src/services/holders/index.ts
index ec19306e..572ab002 100644
--- a/src/services/holders/index.ts
+++ b/src/services/holders/index.ts
@@ -12,7 +12,7 @@ type GetHIIQHoldersRankResponse = {
   hiIQHoldersRank: {
     address: string
     tokens: string
-    created: number
+    updated: number
   }[]
 }
 
@@ -43,7 +43,7 @@ export const IQHoldersApi = createApi({
       {
         address: string
         tokens: string
-        created: number
+        updated: number
       }[],
       { limit: number; offset: number }
     >({
diff --git a/src/services/holders/queries.ts b/src/services/holders/queries.ts
index 34020c07..c823bca2 100644
--- a/src/services/holders/queries.ts
+++ b/src/services/holders/queries.ts
@@ -15,6 +15,7 @@ export const HIIQ_HOLDERS_RANK = gql`
       address
       tokens
       created
+      updated
     }
   }