[DOP-22969] save selected group in localstorage

Author: Zabilsya

src/entities/group/constants.ts

@@ -12,6 +12,8 @@ const SELECTED_GROUP_CONTEXT_INITIAL_VALUE: SelectedGroupContextProps = {
 
 export const SelectedGroupContext = createContext<SelectedGroupContextProps>(SELECTED_GROUP_CONTEXT_INITIAL_VALUE);
 
+export const SELECTED_GROUP_LOCAL_STORAGE_KEY = 'SELECTED_GROUP';
+
 export const USER_ROLE_IN_GROUP_SELECT_OPTIONS = prepareOptionsForSelect<keyof typeof UserRole>({
   data: ['Guest', 'Developer', 'Maintainer'],
   renderLabel: (data) => data,

src/entities/group/guards/checkIsGroup/index.ts

@@ -0,0 +1,18 @@
+import { Group } from '../../api';
+
+/**
+ * Guard for checking correctness of the type of the group variable read from localStorage
+ *
+ * @returns - Initial selected group or null
+ */
+export const checkIsGroup = (group: unknown): group is Group => {
+  const checkingGroup = group as Group;
+
+  return (
+    !!checkingGroup?.data &&
+    !!checkingGroup.data?.id &&
+    !!checkingGroup.data?.name &&
+    !!checkingGroup.data?.owner_id &&
+    !!checkingGroup?.role
+  );
+};

src/entities/group/guards/index.ts

@@ -0,0 +1 @@
+export * from './checkIsGroup';

src/entities/group/providers/SelectedGroupProvider/index.tsx

@@ -1,15 +1,26 @@
 import React, { PropsWithChildren, useState } from 'react';
 
+import { getInitialSelectedGroup } from '../../utils';
 import { Group } from '../../api';
-import { SelectedGroupContext } from '../../constants';
+import { SELECTED_GROUP_LOCAL_STORAGE_KEY, SelectedGroupContext } from '../../constants';
 
 export const SelectedGroupProvider = ({ children }: PropsWithChildren) => {
-  const [selectedGroup, setSelectedGroup] = useState<Group | null>(null);
+  const [selectedGroup, setSelectedGroup] = useState<Group | null>(() => getInitialSelectedGroup());
+
+  const handleSelectGroup = (group: Group) => {
+    setSelectedGroup(group);
+    localStorage.setItem(SELECTED_GROUP_LOCAL_STORAGE_KEY, JSON.stringify(group));
+  };
+
+  const handleCleanGroup = () => {
+    setSelectedGroup(null);
+    localStorage.removeItem(SELECTED_GROUP_LOCAL_STORAGE_KEY);
+  };
 
   const contextValue = {
     group: selectedGroup,
-    selectGroup: setSelectedGroup,
-    cleanGroup: () => setSelectedGroup(null),
+    selectGroup: handleSelectGroup,
+    cleanGroup: handleCleanGroup,
   };
 
   return <SelectedGroupContext.Provider value={contextValue}>{children}</SelectedGroupContext.Provider>;

src/entities/group/utils/getInitialSelectedGroup/index.ts

@@ -0,0 +1,24 @@
+import { Group } from '../../api';
+import { checkIsGroup } from '../../guards';
+import { SELECTED_GROUP_LOCAL_STORAGE_KEY } from '../../constants';
+
+/**
+ * Util for getting initial selected group from localStorage
+ *
+ * @returns - Initial selected group or null
+ */
+export const getInitialSelectedGroup = (): Group | null => {
+  let group = localStorage.getItem(SELECTED_GROUP_LOCAL_STORAGE_KEY);
+  if (!group) {
+    return null;
+  }
+  try {
+    group = JSON.parse(group);
+    if (checkIsGroup(group)) {
+      return group;
+    }
+    return null;
+  } catch {
+    return null;
+  }
+};

src/entities/group/utils/index.ts

@@ -0,0 +1 @@
+export * from './getInitialSelectedGroup';