feat(onboarding): show personalized feed on complete page

Author: capJavert

packages/shared/src/components/Feed.tsx

@@ -101,6 +101,7 @@ export interface FeedProps<T>
   isHorizontal?: boolean;
   feedContainerRef?: React.Ref<HTMLDivElement>;
   disableListFrame?: boolean;
+  disableBriefCard?: boolean;
 }
 
 interface RankVariables {
@@ -196,6 +197,7 @@ export default function Feed<T>({
   isHorizontal = false,
   feedContainerRef,
   disableListFrame = false,
+  disableBriefCard = false,
 }: FeedProps<T>): ReactElement {
   const origin = Origin.Feed;
   const { logEvent } = useLogContext();
@@ -242,7 +244,8 @@ export default function Feed<T>({
     hasNoBriefAction &&
     !hasDismissedBriefCard &&
     !showProfileCompletionCard &&
-    !isProfileCompletionCardLoading;
+    !isProfileCompletionCardLoading &&
+    !disableBriefCard;
   const { value: briefCardFeatureValue } = useConditionalFeature({
     feature: briefCardFeedFeature,
     shouldEvaluate: shouldEvaluateBriefCard,

packages/shared/src/components/MainFeedLayout.tsx

@@ -178,6 +178,8 @@ export interface MainFeedLayoutProps
   navChildren?: ReactNode;
   isFinder?: boolean;
   onNavTabClick?: (tab: string) => void;
+  hideFeedActionButtons?: boolean;
+  disableBriefCard?: boolean;
 }
 
 const getQueryBasedOnLogin = (
@@ -217,6 +219,8 @@ export default function MainFeedLayout({
   navChildren,
   isFinder,
   onNavTabClick,
+  hideFeedActionButtons,
+  disableBriefCard,
 }: MainFeedLayoutProps): ReactElement {
   useScrollRestoration();
   const { sortingEnabled, loadedSettings } = useContext(SettingsContext);
@@ -475,7 +479,7 @@ export default function MainFeedLayout({
           feedName: SharedFeedPage.Custom,
         },
         emptyScreen: propsByFeed[feedName]?.emptyScreen || <FeedEmptyScreen />,
-        actionButtons: feedWithActions && (
+        actionButtons: feedWithActions && !hideFeedActionButtons && (
           <SearchControlHeader
             algoState={[selectedAlgo, handleSelectedAlgoChange]}
             feedName={feedName}
@@ -554,7 +558,7 @@ export default function MainFeedLayout({
       query: config.query,
       variables,
       emptyScreen: propsByFeed[feedName]?.emptyScreen || <FeedEmptyScreen />,
-      actionButtons: feedWithActions && (
+      actionButtons: feedWithActions && !hideFeedActionButtons && (
         <SearchControlHeader
           algoState={[selectedAlgo, handleSelectedAlgoChange]}
           feedName={feedName}
@@ -589,6 +593,7 @@ export default function MainFeedLayout({
     isLaptop,
     loadedAlgo,
     tokenRefreshed,
+    hideFeedActionButtons,
   ]);
 
   useEffect(() => {
@@ -720,6 +725,7 @@ export default function MainFeedLayout({
           <Feed
             {...feedProps}
             shortcuts={shortcuts}
+            disableBriefCard={disableBriefCard}
             className={classNames(
               shouldUseListFeedLayout && !isFinder && 'laptop:px-6',
             )}

packages/webapp/components/onboarding/OnboardingV2.tsx

@@ -290,9 +290,13 @@ export const OnboardingV2 = (): ReactElement => {
     null,
   ) as React.MutableRefObject<HTMLFormElement>;
 
-  const popularFeedNameValue = useMemo(
-    () => ({ feedName: SharedFeedPage.Popular as const }),
-    [],
+  const showPersonalizedFeed = step === 'complete' && isLoggedIn;
+  const activeFeedName = showPersonalizedFeed
+    ? SharedFeedPage.MyFeed
+    : SharedFeedPage.Popular;
+  const activeFeedNameValue = useMemo(
+    () => ({ feedName: activeFeedName }),
+    [activeFeedName],
   );
 
   const openSignup = useCallback(
@@ -1316,8 +1320,13 @@ export const OnboardingV2 = (): ReactElement => {
       >
         <SearchProvider>
           <FeedLayoutProvider>
-            <ActiveFeedNameContext.Provider value={popularFeedNameValue}>
-              <MainFeedLayout feedName="popular" isSearchOn={false} />
+            <ActiveFeedNameContext.Provider value={activeFeedNameValue}>
+              <MainFeedLayout
+                feedName={showPersonalizedFeed ? 'default' : 'popular'}
+                isSearchOn={false}
+                hideFeedActionButtons
+                disableBriefCard
+              />
             </ActiveFeedNameContext.Provider>
           </FeedLayoutProvider>
         </SearchProvider>