fix: 영감 없을 때 이미지 구분 (#632)

depromeet · Apr 5, 2024 · c642b30 · c642b30
1 parent cbf3ff4
commit c642b30
Show file tree

Hide file tree

Showing 8 changed files with 18 additions and 19 deletions.
diff --git a/next.config.js b/next.config.js
@@ -1,7 +1,7 @@
-// const { withSentryConfig } = require('@sentry/nextjs');
-// const withBundleAnalyzer = require('@next/bundle-analyzer')({
-//   enabled: process.env.ANALYZE === 'true',
-// });
+const { withSentryConfig } = require('@sentry/nextjs');
+const withBundleAnalyzer = require('@next/bundle-analyzer')({
+  enabled: process.env.ANALYZE === 'true',
+});
 const CompressionPlugin = require('compression-webpack-plugin');
 const { version } = require('./package.json');
 
@@ -29,14 +29,12 @@ const nextConfig = {
   output: 'export',
 };
 
-// const sentryWebpackPluginOptions = {
-//   silent: true,
-//   authToken: process.env.SENTRY_AUTH_TOKEN,
-// };
-
-module.exports = nextConfig;
+const sentryWebpackPluginOptions = {
+  silent: true,
+  authToken: process.env.SENTRY_AUTH_TOKEN,
+};
 
-// module.exports = () => {
-//   const plugins = [[withSentryConfig, sentryWebpackPluginOptions], [withBundleAnalyzer]];
-//   return plugins.reduce((acc, cur) => cur[0](acc, cur[1] ?? undefined), nextConfig);
-// };
+module.exports = () => {
+  const plugins = [[withSentryConfig, sentryWebpackPluginOptions], [withBundleAnalyzer]];
+  return plugins.reduce((acc, cur) => cur[0](acc, cur[1] ?? undefined), nextConfig);
+};
diff --git a/public/InspirationEmpty.webp b/public/InspirationEmpty.webp
diff --git a/public/InspirationEmptyText.png b/public/InspirationEmptyText.png
diff --git a/public/InspirationEmptyText.webp b/public/InspirationEmptyText.webp
diff --git a/public/UserProfile.png b/public/UserProfile.png
diff --git a/public/UserProfile.webp b/public/UserProfile.webp
diff --git a/src/components/home/ThumbnailContent.tsx b/src/components/home/ThumbnailContent.tsx
@@ -1,7 +1,7 @@
 import { useState } from 'react';
 import { css, Theme } from '@emotion/react';
 
-import { INSPIRATION_EMPTY_IMAGE_SRC } from '~/constants/assets';
+import { PREVIEW_NONE_IMAGE_SRC } from '~/constants/assets';
 import useDidMount from '~/hooks/common/useDidMount';
 import useOpenGraphImage from '~/hooks/common/useOpenGraphImage';
 import { textEllipsisCss } from '~/styles/utils';
@@ -36,7 +36,7 @@ function LinkContent({ openGraph }: Pick<ContentThumbnailProps, 'openGraph'>) {
   const [og, setOg] = useState<OpenGraphResponse>();
   const { src, onImageError } = useOpenGraphImage({
     url: og?.url,
-    image: og?.image || INSPIRATION_EMPTY_IMAGE_SRC,
+    image: og?.image || PREVIEW_NONE_IMAGE_SRC,
   });
 
   useDidMount(() => {

diff --git a/src/constants/assets.ts b/src/constants/assets.ts
@@ -1,6 +1,7 @@
-export const INSPIRATION_EMPTY_IMAGE_SRC = '/insp-empty.webp';
-export const INSPIRATION_EMPTY_TEXT_IMAGE_SRC = '/InspirationEmptyText.png';
-export const USER_PROFILE_IMAGE_SRC = '/UserProfile.png';
+export const PREVIEW_NONE_IMAGE_SRC = '/insp-empty.webp'; // 영감 카드 미리보기가 비어있을 때 보여줄 이미지
+export const INSPIRATION_EMPTY_IMAGE_SRC = '/InspirationEmpty.webp'; // 영감이 없을 때 이미지
+export const INSPIRATION_EMPTY_TEXT_IMAGE_SRC = '/InspirationEmptyText.webp';
+export const USER_PROFILE_IMAGE_SRC = '/UserProfile.webp';
 
 export const INSPIRATION_MODAL_IMAGE = {
   1: '/modal_characters/1.png',