chore: next-image mock

Author: ovflowd

apps/site/.storybook/main.ts

@@ -45,6 +45,7 @@ const config: StorybookConfig = {
     resolve: {
       ...config.resolve,
       alias: {
+        'next/image': join(mocksFolder, './next-image.mjs'),
         'next-intl/navigation': join(mocksFolder, './next-intl.mjs'),
         '@/client-context': join(mocksFolder, './client-context.mjs'),
         '@': join(__dirname, '../'),

apps/site/components/Common/AvatarGroup/Avatar/index.stories.tsx

@@ -20,12 +20,4 @@ export const NoSquare: Story = {
   },
 };
 
-export const FallBack: Story = {
-  args: {
-    image: 'https://avatars.githubusercontent.com/u/',
-    nickname: 'John Doe',
-    fallback: 'JD',
-  },
-};
-
 export default { component: Avatar } as Meta;

apps/site/components/Common/AvatarGroup/index.stories.tsx

@@ -23,14 +23,8 @@ const names = [
   'araujogui',
 ];
 
-const unknownAvatar = {
-  image: 'https://avatars.githubusercontent.com/u/',
-  nickname: 'unknown-avatar',
-  fallback: 'UA',
-};
-
 const defaultProps = {
-  avatars: [unknownAvatar, ...getAuthorWithId(names, true)],
+  avatars: getAuthorWithId(names, true),
 };
 
 export const Default: Story = {

apps/site/components/__mocks__/client-context.mjs

@@ -1,3 +1,5 @@
+'use strict';
+
 export const getClientContext = () => ({
   frontmatter: '',
   pathname: '',

apps/site/components/__mocks__/github-slugger.mjs

@@ -1,3 +1,5 @@
+'use strict';
+
 class GitHubSlugger {
   slug() {
     return 'mock-slug';

apps/site/components/__mocks__/next-image.mjs

@@ -0,0 +1,4 @@
+'use strict';
+
+// eslint-disable-next-line @next/next/no-img-element
+export default props => <img {...props} />;

apps/site/components/__mocks__/next-intl.mjs

@@ -1,3 +1,5 @@
+'use strict';
+
 export const useMessages = () => ({});
 
 export const useNow = () => new Date();

apps/site/components/__mocks__/next-router.mjs

@@ -1,3 +1,5 @@
+'use strict';
+
 export const useRouter = () => ({
   isReady: true,
   asPath: '/',