Use selected lang global state to persist language selection (#3032)

src/apps/content-editor/src/app/views/ItemList/ItemListFilters.tsx

@@ -27,6 +27,8 @@ import { useGetUsersQuery } from "../../../../../../shell/services/accounts";
 import { useParams as useRouterParams } from "react-router";
 import { CascadingMenuItem } from "../../../../../../shell/components/CascadingMenuItem";
 import { TableSortContext } from "./TableSortProvider";
+import { selectLang } from "../../../../../../shell/store/user";
+import { useDispatch } from "react-redux";
 
 const SORT_ORDER = {
   lastSaved: "Last Saved",
@@ -101,6 +103,7 @@ export const ItemListFilters = () => {
   const { data: fields, isFetching: isFieldsFetching } =
     useGetContentModelFieldsQuery(modelZUID);
   const [sortModel, setSortModel] = useContext(TableSortContext);
+  const dispatch = useDispatch();
 
   const activeSortOrder = sortModel?.[0]?.field;
 
@@ -360,6 +363,7 @@ export const ItemListFilters = () => {
             onClick={() => {
               setAnchorEl(null);
               setParams(language.code, "lang");
+              dispatch(selectLang(language.code));
             }}
           >
             {getFlagEmojiFromIETFTag(language.code)}{" "}

src/apps/content-editor/src/app/views/ItemList/index.tsx

@@ -104,6 +104,7 @@ export const ItemList = () => {
     selectFilteredItems(state, modelZUID, activeLangId, !hasMounted)
   );
   const allFields = useSelector((state: AppState) => state.fields);
+  const user = useSelector((state: AppState) => state.user);
   const { data: users, isFetching: isUsersFetching } = useGetUsersQuery();
 
   const [isModelItemsFetching, setIsModelItemsFetching] = useState(true);
@@ -192,9 +193,9 @@ export const ItemList = () => {
   }, [modelZUID, activeLanguageCode]);
 
   useEffect(() => {
-    // if languages and no language param, set the first language as the active language
+    // if languages and no language param, set the user selected lang or first language as the active language
     if (languages && !activeLanguageCode) {
-      setParams(languages[0].code, "lang");
+      setParams(user?.selected_lang || languages[0].code, "lang");
     }
   }, [languages, activeLanguageCode]);