From 40ca621bfd3956aa7e2de1c8011ee4133e9679b3 Mon Sep 17 00:00:00 2001
From: noumantahir <nouman.hawkdev@gmail.com>
Date: Thu, 29 Aug 2024 17:20:59 +0500
Subject: [PATCH] rendering pinned post up top in profile page

---
 .../tabbedPosts/view/tabContent.tsx           | 22 +++++++++++--------
 .../queries/postQueries/feedQueries.ts        | 11 ++++++++--
 2 files changed, 22 insertions(+), 11 deletions(-)

diff --git a/src/components/tabbedPosts/view/tabContent.tsx b/src/components/tabbedPosts/view/tabContent.tsx
index a00d32e8c..f248f84ff 100644
--- a/src/components/tabbedPosts/view/tabContent.tsx
+++ b/src/components/tabbedPosts/view/tabContent.tsx
@@ -41,14 +41,6 @@ const TabContent = ({
   const { username } = currentAccount;
   const userPinned = currentAccount.about?.profile?.pinned;
 
-  const feedQuery = useFeedQuery({
-    feedUsername,
-    filterKey,
-    tag,
-    cachePage: isInitialTab && isFeedScreen,
-    enableFetchOnAppState: isFeedScreen,
-  });
-  const promotedPostsQuery = usePromotedPostsQuery();
 
   // state
   const [sessionUser, setSessionUser] = useState(username);
@@ -61,6 +53,18 @@ const TabContent = ({
   const sessionUserRef = useRef(sessionUser);
   const postFetchTimerRef = useRef<any>(null);
 
+
+  const feedQuery = useFeedQuery({
+    feedUsername,
+    filterKey,
+    tag,
+    cachePage: isInitialTab && isFeedScreen,
+    enableFetchOnAppState: isFeedScreen,
+    pinnedPermlink:curPinned
+
+  });
+  const promotedPostsQuery = usePromotedPostsQuery();
+
   // init state refs;
   sessionUserRef.current = sessionUser;
 
@@ -98,9 +102,9 @@ const TabContent = ({
   useEffect(() => {
     console.log('curPinned change', userPinned);
     if (pageType === 'ownProfile' && userPinned !== curPinned) {
+      setCurPinned(userPinned);
       _scrollToTop();
       feedQuery.refresh();
-      setCurPinned(userPinned);
     }
   }, [userPinned]);
 
diff --git a/src/providers/queries/postQueries/feedQueries.ts b/src/providers/queries/postQueries/feedQueries.ts
index c1d568064..6ce5ab384 100644
--- a/src/providers/queries/postQueries/feedQueries.ts
+++ b/src/providers/queries/postQueries/feedQueries.ts
@@ -10,6 +10,7 @@ import { getAccountPosts, getRankedPosts } from '../../hive/dhive';
 import { calculateTimeLeftForPostCheck } from '../../../components/tabbedPosts/services/tabbedPostsHelpers';
 import { getPromotedEntries } from '../../ecency/ecency';
 import filterNsfwPost from '../../../utils/filterNsfwPost';
+import { useGetPostQuery } from './postQueries';
 
 const POSTS_FETCH_COUNT = 10;
 
@@ -19,6 +20,7 @@ interface FeedQueryParams {
   tag?: string;
   cachePage?: boolean;
   enableFetchOnAppState?: boolean;
+  pinnedPermlink?:string;
 }
 
 export const useFeedQuery = ({
@@ -27,6 +29,7 @@ export const useFeedQuery = ({
   tag,
   cachePage,
   enableFetchOnAppState,
+  pinnedPermlink
 }: FeedQueryParams) => {
   const postFetchTimerRef = useRef(null);
   const appState = useRef(AppState.currentState);
@@ -42,6 +45,8 @@ export const useFeedQuery = ({
   const nsfw = useAppSelector((state) => state.application.nsfw);
   const { mutes } = currentAccount;
 
+  const pinnedPostQuery = useGetPostQuery(feedUsername, pinnedPermlink);
+
   const queryClient = useQueryClient();
 
   // side effects
@@ -179,7 +184,9 @@ export const useFeedQuery = ({
     setIsRefreshing(true);
     setPageKeys(['']);
 
+    pinnedPostQuery.refetch();
     await feedQueries[0].refetch();
+
     setIsRefreshing(false);
   };
 
@@ -197,7 +204,7 @@ export const useFeedQuery = ({
 
   // schedules post fetch
   const _scheduleLatestPostsCheck = (firstPost?: any) => {
-    if (!firstPost && feedQueries[0].data) {
+    if (!firstPost &&  Array.isArray(feedQueries[0].data)) {
       [firstPost] = feedQueries[0].data;
     }
 
@@ -252,7 +259,7 @@ export const useFeedQuery = ({
     setLatestPosts([]);
   };
 
-  const _data = unionBy(...feedQueries.map((query) => query.data), 'url');
+  const _data = unionBy(pinnedPostQuery.data ? [pinnedPostQuery.data] : [], ...feedQueries.map((query) => query.data), 'url');
   const _filteredData = useMemo(
     () => _data.filter((post) => (isArray(mutes) ? mutes.indexOf(post?.author) < 0 : true)),
     [mutes, _data],