dailydotdev · tomeredlich · Feb 17, 2026 · Feb 17, 2026 · Feb 17, 2026 · Feb 17, 2026
diff --git a/packages/extension/__mocks__/fileMock.ts b/packages/extension/__mocks__/fileMock.ts
@@ -0,0 +1,3 @@
+const mockFile = 'test-file-stub';
+
+export default mockFile;
diff --git a/packages/extension/jest.config.js b/packages/extension/jest.config.js
@@ -15,6 +15,7 @@ module.exports = {
   moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx', 'json', 'node'],
   moduleNameMapper: {
     '\\.svg$': '<rootDir>/__mocks__/svgrMock.ts',
+    '\\.(png|jpe?g|gif|webp|avif)$': '<rootDir>/__mocks__/fileMock.ts',
     '\\.css$': 'identity-obj-proxy',
     'react-markdown': '<rootDir>/__mocks__/reactMarkdownMock.tsx',
   },

diff --git a/packages/shared/__mocks__/fileMock.ts b/packages/shared/__mocks__/fileMock.ts
@@ -0,0 +1,3 @@
+const mockFile = 'test-file-stub';
+
+export default mockFile;
diff --git a/packages/shared/jest.config.js b/packages/shared/jest.config.js
@@ -13,6 +13,7 @@ module.exports = {
   moduleNameMapper: {
     '^node-emoji$': 'node-emoji/lib/index.cjs',
     '\\.svg$': '<rootDir>/__mocks__/svgrMock.ts',
+    '\\.(png|jpe?g|gif|webp|avif)$': '<rootDir>/__mocks__/fileMock.ts',
     '\\.css$': 'identity-obj-proxy',
     'react-markdown': '<rootDir>/__mocks__/reactMarkdownMock.tsx',
     'react-turnstile': 'identity-obj-proxy',

diff --git a/packages/shared/src/components/MainFeedLayout.tsx b/packages/shared/src/components/MainFeedLayout.tsx
@@ -67,6 +67,7 @@ import useCustomDefaultFeed from '../hooks/feed/useCustomDefaultFeed';
 import { useSearchContextProvider } from '../contexts/search/SearchContext';
 import { isDevelopment, isProductionAPI, webappUrl } from '../lib/constants';
 import { useReadingReminderHero } from '../hooks/notifications/useReadingReminderHero';
+import { FeedGreetingHero } from './streak/FeedGreetingHero';
 
 const FeedExploreHeader = dynamic(
   () =>
@@ -521,6 +522,8 @@ export default function MainFeedLayout({
   }, [sortingEnabled, selectedAlgo, loadedSettings, loadedAlgo]);
 
   const disableTopPadding = isFinder || shouldUseListFeedLayout;
+  const shouldShowFeedGreetingHero =
+    feedName === SharedFeedPage.MyFeed && !isSearchOn;
   const shouldShowReadingReminderOnHomepage =
     router.pathname === webappUrl && shouldShowReadingReminder;
 
@@ -568,7 +571,8 @@ export default function MainFeedLayout({
     >
       {isAnyExplore && <FeedExploreComponent />}
       {isSearchOn && !isSearchPageLaptop && search}
-      {shouldShowReadingReminderOnHomepage && (
+      {shouldShowFeedGreetingHero && <FeedGreetingHero />}
+      {shouldShowReadingReminderOnHomepage && !shouldShowFeedGreetingHero && (
         <ReadingReminderHero className="px-4 pb-2" onEnable={onEnable} />
       )}
       {shouldUseCommentFeedLayout ? (

diff --git a/packages/shared/src/components/feeds/FeedNav.tsx b/packages/shared/src/components/feeds/FeedNav.tsx
@@ -138,7 +138,7 @@ function FeedNav(): ReactElement {
           shouldMountInactive
           className={{
             header: classNames(
-              'no-scrollbar overflow-x-auto px-2',
+              'no-scrollbar overflow-x-auto !bg-background-default px-2 tablet:!bg-background-default',
               isSortableFeed && sortingEnabled && 'pr-28',
             ),
           }}

diff --git a/packages/shared/src/components/icons/ReputationLightning/filled.svg b/packages/shared/src/components/icons/ReputationLightning/filled.svg
diff --git a/packages/shared/src/components/layout/common.tsx b/packages/shared/src/components/layout/common.tsx
@@ -207,7 +207,7 @@ export const SearchControlHeader = ({
         );
 
         return (
-          <div className="flex w-full items-center justify-between tablet:mb-2 tablet:p-2">
+          <div className="mt-2 flex w-full items-center justify-between tablet:mb-2 tablet:p-2">
             {wrapperChildren}
 
             {isStreaksEnabled && (

diff --git a/packages/shared/src/components/modals/streaks/StreakRecoverModal.spec.tsx b/packages/shared/src/components/modals/streaks/StreakRecoverModal.spec.tsx
@@ -257,8 +257,9 @@ it('Should have no cost for first time recovery', async () => {
   expect(popupHeader).toBeInTheDocument();
 
   // expect cost to be 0
-  const cost = screen.getByText('Restore my streakFree');
-  expect(cost).toBeInTheDocument();
+  const button = screen.getByTestId('streak-recover-button');
+  expect(button).toHaveTextContent(/Restore my streak/i);
+  expect(button).toHaveTextContent(/Free/i);
 });
 
 it('Should have cost of 100 Cores for 2nd+ time recovery', async () => {
@@ -285,8 +286,9 @@ it('Should have cost of 100 Cores for 2nd+ time recovery', async () => {
   expect(popupHeader).toBeInTheDocument();
 
   // expect cost to be 100
-  const cost = screen.getByText('Restore my streak100');
-  expect(cost).toBeInTheDocument();
+  const button = screen.getByTestId('streak-recover-button');
+  expect(button).toHaveTextContent(/Restore my streak/i);
+  expect(button).toHaveTextContent(/100/i);
 });
 
 it('Should show buy Cores message if user does not have enough Cores', async () => {
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,3 @@
		const mockFile = 'test-file-stub';

		export default mockFile;