2.21.5 (#417)

* refactor: streamline sign-in and sign-up methods containers for improved conditional rendering

- Updated SignInMethodsContainer and SignUpMethodsContainer to conditionally render the separator and "or continue with" text only when applicable authentication methods are available.
- Enhanced code readability by removing redundant div elements and improving the structure of conditional rendering.

* refactor: enhance UI components with improved styling and structure

- Updated PlanIntervalSwitcher to include hover effects and adjusted button size for better user interaction.
- Refined PersonalAccountDropdown by removing unnecessary animation classes for cleaner code.
- Modified Footer component to standardize padding across different screen sizes.
- Adjusted Pill component's height and padding for a more consistent appearance.

* refactor: enhance admin members and memberships tables with date rendering and sorting adjustments

- Removed User ID column from both AdminMembersTable and AdminMembershipsTable for a cleaner interface.
- Added date rendering functionality for Created At and Updated At columns, displaying time in a user-friendly format.
- Disabled sorting for Name, Email, Role, Created At, and Updated At columns to improve usability.

* fix: update account linking messages and redirect logic

- Changed the success message for account linking to indicate that a request has been sent and to prompt the user to wait.
- Added a redirect path to the PersonalAccountSettingsContainer for improved navigation after account linking.
- Removed the unused useUnlinkIdentity hook to clean up the codebase.

packages/features/admin/src/components/admin-members-table.tsx

@@ -17,12 +17,9 @@ export function AdminMembersTable(props: { members: Memberships[] }) {
 
 function getColumns(): ColumnDef<Memberships>[] {
   return [
-    {
-      header: 'User ID',
-      accessorKey: 'user_id',
-    },
     {
       header: 'Name',
+      enableSorting: false,
       cell: ({ row }) => {
         const name = row.original.name ?? row.original.email;
 
@@ -48,9 +45,11 @@ function getColumns(): ColumnDef<Memberships>[] {
     {
       header: 'Email',
       accessorKey: 'email',
+      enableSorting: false,
     },
     {
       header: 'Role',
+      enableSorting: false,
       cell: ({ row }) => {
         return row.original.role;
       },
@@ -58,10 +57,22 @@ function getColumns(): ColumnDef<Memberships>[] {
     {
       header: 'Created At',
       accessorKey: 'created_at',
+      enableSorting: false,
+      cell: ({ row }) => {
+        return renderDate(row.original.created_at);
+      },
     },
     {
       header: 'Updated At',
       accessorKey: 'updated_at',
+      enableSorting: false,
+      cell: ({ row }) => {
+        return renderDate(row.original.updated_at);
+      },
     },
   ];
 }
+
+function renderDate(date: string) {
+  return <span className={'text-xs'}>{new Date(date).toTimeString()}</span>;
+}

packages/features/admin/src/components/admin-memberships-table.tsx

@@ -20,12 +20,9 @@ export function AdminMembershipsTable(props: { memberships: Membership[] }) {
 
 function getColumns(): ColumnDef<Membership>[] {
   return [
-    {
-      header: 'User ID',
-      accessorKey: 'user_id',
-    },
     {
       header: 'Team',
+      enableSorting: false,
       cell: ({ row }) => {
         return (
           <Link
@@ -40,14 +37,27 @@ function getColumns(): ColumnDef<Membership>[] {
     {
       header: 'Role',
       accessorKey: 'account_role',
+      enableSorting: false,
     },
     {
       header: 'Created At',
       accessorKey: 'created_at',
+      enableSorting: false,
+      cell: ({ row }) => {
+        return renderDate(row.original.created_at);
+      },
     },
     {
       header: 'Updated At',
       accessorKey: 'updated_at',
+      enableSorting: false,
+      cell: ({ row }) => {
+        return renderDate(row.original.updated_at);
+      },
     },
   ];
 }
+
+function renderDate(date: string) {
+  return <span className={'text-xs'}>{new Date(date).toTimeString()}</span>;
+}