From a8c5903b63df82a60b8476a8e877cd20e44a5dff Mon Sep 17 00:00:00 2001
From: "Mr.MKZ" <74706544+MR-MKZ@users.noreply.github.com>
Date: Sat, 13 Jul 2024 21:53:00 +0000
Subject: [PATCH] [Update]: add sort by expiration date feature. #348  Changes
 to be committed: 	modified:  
 app/dashboard/src/components/UsersTable.tsx

---
 app/dashboard/src/components/UsersTable.tsx | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/app/dashboard/src/components/UsersTable.tsx b/app/dashboard/src/components/UsersTable.tsx
index 004d9ea5..6b8af862 100644
--- a/app/dashboard/src/components/UsersTable.tsx
+++ b/app/dashboard/src/components/UsersTable.tsx
@@ -510,9 +510,8 @@ export const UsersTable: FC<UsersTableProps> = (props) => {
               minW="150px"
               cursor={"pointer"}
             >
-              <HStack spacing={0} position="relative">
+              <HStack position="relative" gap={"5px"}>
                 <Text
-                  position="absolute"
                   _dark={{
                     bg: "gray.750",
                   }}
@@ -522,17 +521,23 @@ export const UsersTable: FC<UsersTableProps> = (props) => {
                   userSelect="none"
                   pointerEvents="none"
                   zIndex={1}
-                  w="100%"
                 >
                   {t("usersTable.status")}
                   {filters.status ? ": " + filters.status : ""}
                 </Text>
+                <Text>/</Text>
+                <Sort sort={filters.sort} column="expire" />
+                <HStack onClick={handleSort.bind(null, "expire")}>
+                  <Text>Sort by expire</Text>
+                </HStack>
                 <Select
                   fontSize="xs"
                   fontWeight="extrabold"
                   textTransform="uppercase"
                   cursor="pointer"
+                  position={"absolute"}
                   p={0}
+                  left={"-40px"}
                   border={0}
                   h="auto"
                   w="auto"