add rootCommonId to last common from feed and change persistence

src/pages/commonFeed/CommonFeed.tsx

@@ -426,6 +426,7 @@ const CommonFeedComponent: FC<CommonFeedProps> = (props) => {
                 image: common.image,
                 isProject: checkIsProject(common),
                 memberCount: common.memberCount,
+                rootCommonId: common.rootCommonId,
               }
             : null,
         }),

src/store/states/commonLayout/types.ts

@@ -9,6 +9,7 @@ export interface CommonLayoutState {
       image: string;
       isProject: boolean;
       memberCount: number;
+      rootCommonId?: string;
     } | null;
   } | null;
   commons: ProjectsStateItem[];

src/store/store.tsx

@@ -17,7 +17,7 @@ import createSagaMiddleware from "redux-saga";
 import { AppState } from "@/shared/interfaces";
 import rootReducer from "./reducer";
 import appSagas from "./saga";
-import { inboxTransform } from "./transforms";
+import { inboxTransform, lastCommonFromFeedTransform } from "./transforms";
 
 const persistConfig: PersistConfig<AppState> = {
   key: "root",
@@ -32,7 +32,7 @@ const persistConfig: PersistConfig<AppState> = {
     "multipleSpacesLayout",
   ],
   stateReconciler: autoMergeLevel2,
-  transforms: [inboxTransform],
+  transforms: [inboxTransform, lastCommonFromFeedTransform],
 };
 
 const sagaMiddleware = createSagaMiddleware();

src/store/transforms.ts

@@ -2,6 +2,7 @@ import { createTransform } from "redux-persist";
 import { deserializeFeedLayoutItemWithFollowData } from "@/shared/interfaces";
 import { convertObjectDatesToFirestoreTimestamps } from "@/shared/utils";
 import { getFeedLayoutItemDateForSorting } from "@/store/states/inbox/utils";
+import { CommonLayoutState } from "./states/commonLayout";
 import { InboxItems, InboxState } from "./states/inbox";
 
 export const inboxTransform = createTransform(
@@ -43,3 +44,21 @@ export const inboxTransform = createTransform(
   }),
   { whitelist: ["inbox"] },
 );
+
+export const lastCommonFromFeedTransform = createTransform(
+  (inboundState: CommonLayoutState) => {
+    const { lastCommonFromFeed } = inboundState;
+
+    return {
+      ...inboundState,
+      lastCommonFromFeed: lastCommonFromFeed?.data?.rootCommonId
+        ? {
+            id: lastCommonFromFeed.data.rootCommonId,
+            data: null,
+          }
+        : lastCommonFromFeed,
+    };
+  },
+  (outboundState: CommonLayoutState) => outboundState,
+  { whitelist: ["commonLayout"] },
+);