fix: [UIE-10097] - IAM: User type not applied after page refresh (linode#13332)

* fix: [UIE-10097] - users type fix

* Added changeset: IAM Delegation: The selected user type is not applied after reloading the page

* review fix

Author: mpolotsk-akamai

packages/manager/.changeset/pr-13332-fixed-1769527315688.md

@@ -0,0 +1,5 @@
+---
+"@linode/manager": Fixed
+---
+
+IAM Delegation: The selected user type is not applied after reloading the page  ([#13332](https://github.com/linode/manager/pull/13332))

packages/manager/src/features/IAM/Users/UsersTable/Users.tsx

@@ -33,7 +33,7 @@ export const UsersLanding = () => {
   const { isIAMDelegationEnabled } = useIsIAMDelegationEnabled();
   const { data: profile } = useProfile();
 
-  const { query } = useSearch({
+  const { query, users: usersParam } = useSearch({
     from: '/iam',
   });
   const [isCreateDrawerOpen, setIsCreateDrawerOpen] =
@@ -72,8 +72,34 @@ export const UsersLanding = () => {
   const isChildWithDelegationEnabled =
     isIAMDelegationEnabled && Boolean(profile?.user_type === 'child');
 
+  const filterableOptions = React.useMemo(
+    () => [
+      ALL_USERS_OPTION,
+      {
+        label: 'Users',
+        value: 'users',
+      },
+      {
+        label: 'Delegate Users',
+        value: 'delegate',
+      },
+    ],
+    []
+  );
+
+  // Initialize userType based on URL parameter
+  const getInitialUserType = React.useMemo(() => {
+    if (!usersParam || usersParam === 'all') {
+      return ALL_USERS_OPTION;
+    }
+    return (
+      filterableOptions.find((option) => option.value === usersParam) ||
+      ALL_USERS_OPTION
+    );
+  }, [usersParam, filterableOptions]);
+
   const [userType, setUserType] = React.useState<null | SelectOption>(
-    ALL_USERS_OPTION
+    getInitialUserType
   );
 
   const usersFilter: Filter = {
@@ -101,18 +127,6 @@ export const UsersLanding = () => {
     },
   });
 
-  const filterableOptions = [
-    ALL_USERS_OPTION,
-    {
-      label: 'Users',
-      value: 'users',
-    },
-    {
-      label: 'Delegate Users',
-      value: 'delegate',
-    },
-  ];
-
   const isSmDown = useMediaQuery(theme.breakpoints.down('sm'));
   const isLgDown = useMediaQuery(theme.breakpoints.up('lg'));