Merge branch 'main' into dev

Author: jihun

GUIDE.md

@@ -56,7 +56,15 @@ Ensure that the endpoint you provide is secure and can accept POST requests with
 
 ABC User Feedback's webhook supports the following event types, each with its own specific payload structure:
 
-#### FEEDBACK_CREATION
+| No. | Title              | Description                        |
+|-----|--------------------|------------------------------------|
+| 1   | FEEDBACK_CREATION  | When the new Feedback is created.  |
+| 2   | ISSUE_ADDITION  | When an Issue is added to a feedback.  |
+| 3   | ISSUE_CREATION  | When the new Issue is created.  |
+| 4   | ISSUE_STATUS_CHANGE  | When the Issue status is changed.  |
+
+
+#### 1. FEEDBACK_CREATION
 
 This event is triggered when a new piece of feedback is created.
 
@@ -95,7 +103,7 @@ This event is triggered when a new piece of feedback is created.
 }
 ```
 
-#### ISSUE_ADDITION
+#### 2. ISSUE_ADDITION
 
 This event is triggered when an issue is added to an existing piece of feedback.
 
@@ -144,7 +152,7 @@ This event is triggered when an issue is added to an existing piece of feedback.
 }
 ```
 
-#### ISSUE_CREATION
+#### 3. ISSUE_CREATION
 
 This event is triggered when a new issue is created within a project.
 
@@ -172,7 +180,7 @@ This event is triggered when a new issue is created within a project.
 }
 ```
 
-#### ISSUE_STATUS_CHANGE
+#### 4. ISSUE_STATUS_CHANGE
 
 This event is triggered when the status of an issue is updated.
 

README.md

@@ -2,8 +2,7 @@
 
 ![cover image](./assets/cover.png)
 
-ABC User Feedback is a standalone web application designed to manage Voice of Customer (VoC) data. It enables you to efficiently gather and categorize customer feedback. The application is currently utilized in services with a reach of 10 million MAU.
-
+ABC User Feedback is a standalone web application designed to manage Voice of Customer (VOC) data. It enables you to efficiently gather and categorize customer feedback. With AI-powered insights, you can manage feedback more effectively. The application is currently utilized in services reaching 10 million monthly active users (MAU).
 ## Quick Start
 
 To quickly set up and run the application locally, follow these steps:

apps/web/next.config.js

@@ -7,7 +7,7 @@ createJiti(fileURLToPath(import.meta.url))('./src/env');
 
 /** @type {import('next').NextConfig} */
 const nextConfig = {
-  reactStrictMode: process.env.NODE_ENV === 'production',
+  reactStrictMode: true,
   i18n: i18nConfig.default.i18n,
   output: 'standalone',
   eslint: { ignoreDuringBuilds: true },

apps/web/src/pages/main/project/[projectId]/feedback.tsx

@@ -65,7 +65,10 @@ const FeedbackManagementPage: NextPageWithLayout<IProps> = (props) => {
     return channels?.items.find((channel) => channel.id === currentChannelId);
   }, [channels, currentChannelId]);
 
-  const fields = (channelData?.fields ?? []).sort((a, b) => a.order - b.order);
+  const fields = useMemo(
+    () => [...(channelData?.fields ?? [])].sort((a, b) => a.order - b.order),
+    [channelData],
+  );
 
   const filterFields = useMemo(() => {
     return (channelData?.fields ?? [])

apps/web/src/shared/ui/feedback-image.tsx

@@ -32,12 +32,6 @@ const FeedbackImage = ({ url, onClick }: Props) => {
   const { data: channelData } = useOAIQuery({
     path: '/api/admin/projects/{projectId}/channels/{channelId}',
     variables: { channelId, projectId },
-    queryOptions: {
-      enabled:
-        router.isReady &&
-        Number.isFinite(projectId) &&
-        Number.isFinite(channelId),
-    },
   });
 
   const imageKey = useMemo(() => {