diff --git a/src/components/Recipe/RecipeItem/RecipeItem.stories.tsx b/src/components/Recipe/RecipeItem/RecipeItem.stories.tsx index 2f553f06..edef2731 100644 --- a/src/components/Recipe/RecipeItem/RecipeItem.stories.tsx +++ b/src/components/Recipe/RecipeItem/RecipeItem.stories.tsx @@ -27,10 +27,7 @@ export const Default: Story = {
-
- - -
+ ); }, @@ -45,10 +42,7 @@ export const Recipe: Story = {
-
- - -
+ ); @@ -80,10 +74,7 @@ export const Search: Story = {
-
- - -
+ ); }, diff --git a/src/components/Recipe/RecipeItem/RecipeItem.tsx b/src/components/Recipe/RecipeItem/RecipeItem.tsx index 89345048..ac20cd6c 100644 --- a/src/components/Recipe/RecipeItem/RecipeItem.tsx +++ b/src/components/Recipe/RecipeItem/RecipeItem.tsx @@ -128,13 +128,13 @@ const Author = () => { return {`${author.nickname} 님`}; }; -const CreatedDate = () => { +const AuthorAndCreatedDate = () => { const { recipe } = useRecipeItemValueContext(); - const { createdAt } = recipe; + const { author, createdAt } = recipe; return ( - · {getRelativeDate(createdAt)} + {`${author.nickname} 님 · ${getRelativeDate(createdAt)}`} ); }; @@ -155,7 +155,7 @@ RecipeItem.ProductButton = ProductButton; RecipeItem.ProductCircleButton = ProductCircleButton; RecipeItem.Title = Title; RecipeItem.Author = Author; -RecipeItem.CreatedDate = CreatedDate; +RecipeItem.AuthorAndCreatedDate = AuthorAndCreatedDate; RecipeItem.Content = Content; export default RecipeItem;