fix: minor bugs in dashboard page (#132)

fix: minor bugs
line · Jan 15, 2024 · 1bd7292 · 1bd7292
1 parent 2006bb8
commit 1bd7292
Show file tree

Hide file tree

Showing 8 changed files with 20 additions and 20 deletions.
diff --git a/apps/web/public/locales/en/common.json b/apps/web/public/locales/en/common.json
@@ -390,11 +390,11 @@
     }
   },
   "chart": {
-    "total-feedback-trend": {
+    "feedback-trend": {
       "title": "Feedback Trend",
       "description": "Display the trend of feedback creation over a specific period of time."
     },
-    "total-issue-trend": {
+    "issue-trend": {
       "title": "Issue Trend",
       "description": "Display the trend of Issue creation over a specific period of time."
     },
@@ -406,7 +406,7 @@
       "title": "Top Issue",
       "description": "Display the top issues with a large number of count."
     },
-    "issue-trend": {
+    "issue-comparison": {
       "title": "Issue comparison",
       "description": "Compare and display the trend of feedback creation for selected issues."
     }

diff --git a/apps/web/public/locales/ja/common.json b/apps/web/public/locales/ja/common.json
@@ -390,14 +390,13 @@
     }
   },
   "chart": {
-    "total-feedback-trend": {
+    "feedback-trend": {
       "title": "フィードバック生成推移",
       "description": "特定の期間のフィードバック生成の推移を示します。"
     },
-    "total-issue-trend": {
+    "issue-trend": {
       "title": "イシュー生成推移",
-      "description": "特定期間のイシュー作成推移を示します。",
-      "issue-count": "イシュー生成数"
+      "description": "特定期間のイシュー作成推移を示します。"
     },
     "issue-status-count": {
       "title": "イシュー現況",
@@ -407,7 +406,7 @@
       "title": "上位イシュー",
       "description": "フィードバック数が多い上位イシューを表示します。"
     },
-    "issue-trend": {
+    "issue-comparison": {
       "title": "イシュー比較",
       "description": "選択したイシューのフィードバック生成推移を比較して表示します。"
     }

diff --git a/apps/web/public/locales/ko/common.json b/apps/web/public/locales/ko/common.json
@@ -390,11 +390,11 @@
     }
   },
   "chart": {
-    "total-feedback-trend": {
+    "feedback-trend": {
       "title": "피드백 생성 추이",
       "description": "특정 기간의 피드백 생성 추이를 보여줍니다."
     },
-    "total-issue-trend": {
+    "issue-trend": {
       "title": "이슈 생성 추이",
       "description": "특정 기간의 이슈 생성 추이를 보여줍니다."
     },
@@ -406,7 +406,7 @@
       "title": "상위 이슈",
       "description": "피드백 개수가 많은 상위 이슈를 보여줍니다."
     },
-    "issue-trend": {
+    "issue-comparison": {
       "title": "이슈 비교",
       "description": "선택한 이슈의 피드백 생성 추이를 비교해서 보여줍니다."
     }

diff --git a/apps/web/src/components/charts/LineChart.tsx b/apps/web/src/components/charts/LineChart.tsx
@@ -65,6 +65,7 @@ const LineChart: React.FC<IProps> = ({
           className="font-10-regular text-secondary"
           tickSize={15}
           tickLine={false}
+          interval="equidistantPreserveStart"
         />
         <YAxis
           tickFormatter={(v) => v.toLocaleString()}

diff --git a/apps/web/src/components/layouts/Header/LocaleSelectBox.tsx b/apps/web/src/components/layouts/Header/LocaleSelectBox.tsx
@@ -48,7 +48,7 @@ const LocaleSelectBox: React.FC<IProps> = () => {
           </>
         )}
       </Listbox.Button>
-      <Listbox.Options className="bg-primary absolute z-10 mt-1 w-full rounded border">
+      <Listbox.Options className="bg-primary absolute z-10 mt-1 w-full overflow-hidden rounded border">
         {router.locales
           ?.filter((v) => v !== 'default')
           .map((v) => (

diff --git a/apps/web/src/containers/dashboard/FeedbackLineChart.tsx b/apps/web/src/containers/dashboard/FeedbackLineChart.tsx
@@ -87,8 +87,8 @@ const FeedbackLineChart: React.FC<IFeedbackLineChartProps> = (props) => {
 
   return (
     <SimpleLineChart
-      title={t('chart.total-feedback-trend.title')}
-      description={`${t('chart.total-feedback-trend.description')} (${dayjs(
+      title={t('chart.feedback-trend.title')}
+      description={`${t('chart.feedback-trend.description')} (${dayjs(
         from,
       ).format('YYYY/MM/DD')} - ${dayjs(to).format('YYYY/MM/DD')})`}
       height={400}

diff --git a/apps/web/src/containers/dashboard/IssueFeedbackLineChart.tsx b/apps/web/src/containers/dashboard/IssueFeedbackLineChart.tsx
@@ -118,8 +118,8 @@ const IssueFeedbackLineChart: React.FC<IProps> = ({ from, projectId, to }) => {
 
   return (
     <SimpleLineChart
-      title={t('chart.total-issue-trend.title')}
-      description={`${t('chart.total-issue-trend.description')} (${dayjs(
+      title={t('chart.issue-comparison.title')}
+      description={`${t('chart.issue-comparison.description')} (${dayjs(
         from,
       ).format('YYYY/MM/DD')} - ${dayjs(to).format('YYYY/MM/DD')})`}
       height={400}

diff --git a/apps/web/src/containers/dashboard/IssueLineChart.tsx b/apps/web/src/containers/dashboard/IssueLineChart.tsx
@@ -55,10 +55,10 @@ const IssueLineChart: React.FC<IProps> = ({ from, projectId, to }) => {
 
   return (
     <SimpleLineChart
-      title={t('chart.total-issue-trend.title')}
-      description={`${t('chart.total-issue-trend.description')} (${dayjs(
-        from,
-      ).format('YYYY/MM/DD')} - ${dayjs(to).format('YYYY/MM/DD')})`}
+      title={t('chart.issue-trend.title')}
+      description={`${t('chart.issue-trend.description')} (${dayjs(from).format(
+        'YYYY/MM/DD',
+      )} - ${dayjs(to).format('YYYY/MM/DD')})`}
       height={400}
       data={chartData}
       dataKeys={dataKeys}