From 4c9209b69ae5d61e73c0a6ee26b2561a61328792 Mon Sep 17 00:00:00 2001
From: "Gabriel Ju Hyun, Yoon" <gabrielyoon7@gmail.com>
Date: Fri, 15 Sep 2023 23:04:09 +0900
Subject: [PATCH] =?UTF-8?q?design:=20=EC=B9=B4=ED=8E=98=EC=9D=B8=20?=
 =?UTF-8?q?=EB=A1=9C=EA=B3=A0=EA=B0=80=20=EB=AA=A8=EB=B0=94=EC=9D=BC=20?=
 =?UTF-8?q?=ED=99=94=EB=A9=B4=EC=97=90=EC=84=9C=EB=8F=84=20=EB=B3=B4?=
 =?UTF-8?q?=EC=9D=B4=EA=B3=A0=20=EC=83=88=EB=A1=9C=EA=B3=A0=EC=B9=A8=20?=
 =?UTF-8?q?=EC=97=AD=ED=95=A0=EC=9D=84=20=ED=95=98=EB=8F=84=EB=A1=9D=20?=
 =?UTF-8?q?=EA=B0=9C=EC=84=A0=ED=95=9C=EB=8B=A4=20(#751)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* design: 카페인 로고가 모바일 화면에서도 보이고 새로고침 역할을 하도록 개선

[#750]

* refactor: 미사용 코드 제거

[#750]

* fix: 데이터 생성 타입 버그 수정

[#750]

* design: 아이콘 수정

[#750]

* refactor: 로고에 새로고침 기능 추가

[#750]
---
 .../ui/compound/NavigationBar/Menu.tsx        | 19 +++++++++++--------
 .../reviews/stationReviewHandlers.ts          |  4 +++-
 2 files changed, 14 insertions(+), 9 deletions(-)

diff --git a/frontend/src/components/ui/compound/NavigationBar/Menu.tsx b/frontend/src/components/ui/compound/NavigationBar/Menu.tsx
index 1c6f263e2..6263ae424 100644
--- a/frontend/src/components/ui/compound/NavigationBar/Menu.tsx
+++ b/frontend/src/components/ui/compound/NavigationBar/Menu.tsx
@@ -1,13 +1,9 @@
-import {
-  AdjustmentsHorizontalIcon,
-  Bars3Icon,
-  MegaphoneIcon,
-  UserCircleIcon,
-} from '@heroicons/react/24/outline';
+import { AdjustmentsHorizontalIcon, Bars3Icon, UserCircleIcon } from '@heroicons/react/24/outline';
 import { ArrowRightOnRectangleIcon, PencilSquareIcon } from '@heroicons/react/24/solid';
 import { css } from 'styled-components';
 
 import type { PropsWithChildren } from 'react';
+import { HiArrowPath, HiOutlineChatBubbleOvalLeftEllipsis } from 'react-icons/hi2';
 
 import { useQueryClient } from '@tanstack/react-query';
 
@@ -83,7 +79,14 @@ const Menu = () => {
 
   return (
     <FlexBox css={[fixedPositionCss, paddingCss, borderCss, flexCss]} noRadius="all" nowrap>
-      <LogoIcon width={3} />
+      <Button css={displayNoneInMobile} aria-label="새로 고침" onClick={() => location.reload()}>
+        <LogoIcon width={3} />
+      </Button>
+
+      <Button css={displayNoneInWeb} aria-label="새로 고침" onClick={() => location.reload()}>
+        <HiArrowPath size="2.8rem" stroke="#333" />
+      </Button>
+
       <Button
         css={displayNoneInMobile}
         aria-label="주변 충전소 목록 열기"
@@ -112,7 +115,7 @@ const Menu = () => {
         aria-label="설문조사 하기"
         onClick={() => window.open('https://forms.gle/YQKx1zchUifjUJ396')}
       >
-        <MegaphoneIcon width="2.8rem" stroke="#333" />
+        <HiOutlineChatBubbleOvalLeftEllipsis size="2.8rem" stroke="#333" color="#333" />
       </Button>
     </FlexBox>
   );
diff --git a/frontend/src/mocks/handlers/station-details/reviews/stationReviewHandlers.ts b/frontend/src/mocks/handlers/station-details/reviews/stationReviewHandlers.ts
index fc3f0d391..e06dd24d3 100644
--- a/frontend/src/mocks/handlers/station-details/reviews/stationReviewHandlers.ts
+++ b/frontend/src/mocks/handlers/station-details/reviews/stationReviewHandlers.ts
@@ -11,7 +11,9 @@ export const stationReviewHandlers = [
     const max = 2000;
     return res(
       ctx.json({
-        totalRatings: (validReviews.reduce((a, b) => a + b.ratings, 0) / reviews.length).toFixed(2),
+        totalRatings: parseFloat(
+          (validReviews.reduce((a, b) => a + b.ratings, 0) / reviews.length).toFixed(2)
+        ),
         totalCount: Math.floor(Math.random() * (max - min + 1)) + min,
       }),
       ctx.delay(1000),