feat: add filer and sort in UserTable and EnvironmentTable

Signed-off-by: karan-palan <karanpalan007@gmail.com>

Author: Karan-Palan

src/custom/UsersTable/UsersTable.tsx

@@ -229,17 +229,17 @@ const UsersTable: React.FC<UsersTableProps> = ({
       name: 'user_id',
       label: 'User ID',
       options: {
-        filter: false,
-        sort: false,
+        filter: true,
+        sort: true,
         searchable: false
       }
     },
     {
       name: 'avatar_url',
       label: 'Team Member',
       options: {
-        filter: false,
-        sort: false,
+        filter: true,
+        sort: true,
         searchable: false,
         customBodyRender: (value: string, tableMeta: MUIDataTableMeta) => (
           <Box sx={{ '& > img': { mr: 2, flexShrink: 0 } }}>
@@ -257,7 +257,7 @@ const UsersTable: React.FC<UsersTableProps> = ({
       name: 'email',
       label: 'Email',
       options: {
-        filter: false,
+        filter: true,
         sort: true,
         searchable: true
       }
@@ -266,7 +266,7 @@ const UsersTable: React.FC<UsersTableProps> = ({
       name: 'username',
       label: 'Username',
       options: {
-        filter: false,
+        filter: true,
         sort: true,
         searchable: true,
         customBodyRender: (value: string, tableMeta: MUIDataTableMeta) => (
@@ -308,7 +308,7 @@ const UsersTable: React.FC<UsersTableProps> = ({
       name: 'first_name',
       label: 'First',
       options: {
-        filter: false,
+        filter: true,
         sort: true,
         searchable: true
       }
@@ -317,7 +317,7 @@ const UsersTable: React.FC<UsersTableProps> = ({
       name: 'last_name',
       label: 'Last',
       options: {
-        filter: false,
+        filter: true,
         sort: true,
         searchable: true
       }
@@ -327,7 +327,7 @@ const UsersTable: React.FC<UsersTableProps> = ({
       label: 'Roles',
       options: {
         filter: true,
-        sort: false,
+        sort: true,
         searchable: false,
         //  filterType: "multiselect",
         filterOptions: {
@@ -349,7 +349,7 @@ const UsersTable: React.FC<UsersTableProps> = ({
       name: 'joined_at',
       label: 'Joined At',
       options: {
-        filter: false,
+        filter: true,
         sort: true,
         searchable: false,
         sortDescFirst: true
@@ -359,8 +359,9 @@ const UsersTable: React.FC<UsersTableProps> = ({
       name: 'last_login_time',
       label: 'Last Active At',
       options: {
-        filter: false,
+        filter: true,
         sort: true,
+
         searchable: false,
         sortDescFirst: true
       }
@@ -437,7 +438,11 @@ const UsersTable: React.FC<UsersTableProps> = ({
         <ResponsiveDataTable
           columns={columns}
           data={users}
-          options={options}
+          options={{
+            ...options,
+            filter: true,
+            sort: true
+          }}
           colViews={colViews}
           tableCols={tableCols}
           updateCols={updateCols}

src/custom/Workspaces/EnvironmentTable.tsx

@@ -100,7 +100,7 @@ const EnvironmentTable: React.FC<EnvironmentTableProps> = ({
       name: 'name',
       label: 'Name',
       options: {
-        filter: false,
+        filter: true,
         sort: true,
         searchable: true,
         customBodyRender: (value: string) => <ConditionalTooltip value={value} maxLength={10} />
@@ -110,8 +110,8 @@ const EnvironmentTable: React.FC<EnvironmentTableProps> = ({
       name: 'organization_id',
       label: 'Organization ID',
       options: {
-        filter: false,
-        sort: false,
+        filter: true,
+        sort: true,
         searchable: false
       }
     },
@@ -120,7 +120,7 @@ const EnvironmentTable: React.FC<EnvironmentTableProps> = ({
       name: 'description',
       label: 'Description',
       options: {
-        filter: false,
+        filter: true,
         sort: true,
         searchable: true,
         customBodyRender: (value: string) => <ResizableDescriptionCell value={value} />
@@ -130,7 +130,7 @@ const EnvironmentTable: React.FC<EnvironmentTableProps> = ({
       name: 'created_at',
       label: 'Created At',
       options: {
-        filter: false,
+        filter: true,
         sort: true,
         searchable: true,
         setCellHeaderProps: () => {
@@ -142,7 +142,7 @@ const EnvironmentTable: React.FC<EnvironmentTableProps> = ({
       name: 'updated_at',
       label: 'Updated At',
       options: {
-        filter: false,
+        filter: true,
         sort: true,
         searchable: true,
         setCellHeaderProps: () => {
@@ -154,8 +154,8 @@ const EnvironmentTable: React.FC<EnvironmentTableProps> = ({
       name: 'actions',
       label: 'Actions',
       options: {
-        filter: false,
-        sort: false,
+        filter: true,
+        sort: true,
         searchable: false,
         customBodyRender: (_: string, tableMeta: MUIDataTableMeta) => (
           <IconWrapper disabled={!isRemoveAllowed}>