Skip to content

Commit 5fabbc2

Browse files
ohchanju3ohchanju3
committed
[Fix] LINE-NOW#35 - Fix about onboarding
1 parent b800880 commit 5fabbc2

File tree

5 files changed

+67
-65
lines changed

5 files changed

+67
-65
lines changed

‎src/components/sidebar/Sidebar.tsx

+3-2
Original file line numberDiff line numberDiff line change
@@ -176,12 +176,13 @@ const Sidebar = ({ isMobile, isOpen, setIsOpen }: SidebarProps) => {
176176
<>
177177
<h3>안녕하세요</h3>
178178
<h1>
179-
<span className="lime">
179+
{/* <span className="lime">
180180
{window.location.pathname === "/onboarding"
181181
? "라인나우님"
182182
: `${boothInfo?.name}`}
183183
</span>
184-
님
184+
님 */}
185+
<span className="lime">{boothInfo?.name}</span> 님
185186
</h1>
186187
<CommonButton>
187188
<S.SidebarLogout onClick={handleLogoutClick}>

‎src/components/sidebar/useSidebarModalConfig.ts

+2-2
Original file line numberDiff line numberDiff line change
@@ -69,8 +69,8 @@ const useSidebarModalConfig = () => {
6969
},
7070
});
7171
// Set firstUse to false in localStorage
72-
localStorage.setItem("firstUse", "false");
73-
closeModal(); // Close the modal after the operation
72+
// localStorage.setItem("firstUse", "false");
73+
// closeModal(); // Close the modal after the operation
7474
},
7575
},
7676
});

‎src/pages/main/MainPages.tsx

+14-13
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ import * as S from "./MainPage.styled";
55
import TagList from "./_components/tag/TagList";
66
import Spinner from "@components/spinner/Spinner";
77
import { WaitingStatusParams } from "@linenow-types/status";
8-
import { useNavigate } from "react-router-dom";
8+
// import { useNavigate } from "react-router-dom";
99
import { useGetWaitingsCounts } from "@hooks/apis/boothManaging";
1010

1111
const MainPage = () => {
@@ -33,21 +33,22 @@ const MainPage = () => {
3333
const handleTagClick = (tag: string) => {
3434
setSelectedTag(tag);
3535
};
36-
const navigate = useNavigate();
37-
useEffect(() => {
38-
let firstUse = localStorage.getItem("firstUse");
36+
// const navigate = useNavigate();
37+
// useEffect(() => {
38+
// let firstUse = localStorage.getItem("firstUse");
3939

40-
if (firstUse === null) {
41-
// Set firstUse to "true" if not found in localStorage
42-
localStorage.setItem("firstUse", "true");
43-
firstUse = "true";
44-
}
40+
// if (firstUse === null) {
41+
// // Set firstUse to "true" if not found in localStorage
42+
// localStorage.setItem("firstUse", "true");
43+
// firstUse = "true";
44+
// }
4545

46-
if (firstUse === "true") {
47-
navigate("/onboarding");
48-
}
49-
}, []);
46+
// if (firstUse === "true") {
47+
// navigate("/onboarding");
48+
// }
49+
// }, []);
5050

51+
useEffect(() => {}, []);
5152

5253
if (isLoading) {
5354
return (

‎src/pages/onboarding/Onboarding.tsx

+46-46
Original file line numberDiff line numberDiff line change
@@ -1,51 +1,51 @@
1-
import * as S from "./Onboarding.styled";
2-
import TagList from "@pages/main/_components/tag/TagList";
3-
import { ONBOARDING_WAITING } from "@constants/onboarding";
4-
import MainWaitingCard from "@pages/main/_components/MainWaitingCard";
5-
import { useState } from "react";
1+
// import * as S from "./Onboarding.styled";
2+
// import TagList from "@pages/main/_components/tag/TagList";
3+
// import { ONBOARDING_WAITING } from "@constants/onboarding";
4+
// import MainWaitingCard from "@pages/main/_components/MainWaitingCard";
5+
// import { useState } from "react";
66

7-
export const OnboardingPage = () => {
8-
const [isModalOpen, setIsModalOpen] = useState(true); // 모달 상태 관리
7+
// export const OnboardingPage = () => {
8+
// const [isModalOpen, setIsModalOpen] = useState(true); // 모달 상태 관리
99

10-
const closeModal = () => {
11-
setIsModalOpen(false); // 모달 닫기
12-
};
10+
// const closeModal = () => {
11+
// setIsModalOpen(false); // 모달 닫기
12+
// };
1313

14-
return (
15-
<S.OnboardingWrapper onClick={() => setIsModalOpen(!isModalOpen)}>
16-
{isModalOpen && (
17-
<S.ModalBackground onClick={closeModal}>
18-
<S.ModalContainer onClick={(e) => e.stopPropagation()}>
19-
<S.OnboardingContentText>
20-
잠깐, 오픈런 손님을 다 받으셨나요?
21-
</S.OnboardingContentText>
22-
<S.OnboardingMainText>
23-
라인나우 대기를 받으시려면 <span>운영 시작</span>을 클릭해주세요!
24-
</S.OnboardingMainText>
25-
</S.ModalContainer>
26-
</S.ModalBackground>
27-
)}
14+
// return (
15+
// <S.OnboardingWrapper onClick={() => setIsModalOpen(!isModalOpen)}>
16+
// {isModalOpen && (
17+
// <S.ModalBackground onClick={closeModal}>
18+
// <S.ModalContainer onClick={(e) => e.stopPropagation()}>
19+
// <S.OnboardingContentText>
20+
// 잠깐, 오픈런 손님을 다 받으셨나요?
21+
// </S.OnboardingContentText>
22+
// <S.OnboardingMainText>
23+
// 라인나우 대기를 받으시려면 <span>운영 시작</span>을 클릭해주세요!
24+
// </S.OnboardingMainText>
25+
// </S.ModalContainer>
26+
// </S.ModalBackground>
27+
// )}
2828

29-
<TagList
30-
selectedTag={"전체보기"}
31-
onTagClick={() => setIsModalOpen(true)}
32-
waitingCount={10}
33-
callingCount={7}
34-
arrivedCount={1}
35-
canceledCount={2}
36-
/>
29+
// <TagList
30+
// selectedTag={"전체보기"}
31+
// onTagClick={() => setIsModalOpen(true)}
32+
// waitingCount={10}
33+
// callingCount={7}
34+
// arrivedCount={1}
35+
// canceledCount={2}
36+
// />
3737

38-
{ONBOARDING_WAITING?.length > 0 ? (
39-
<S.OnboardingWaitingCardList>
40-
<S.OnboardingWaitingCardListScroll>
41-
{ONBOARDING_WAITING.map((item, index) => (
42-
<MainWaitingCard key={index} waiting={item} />
43-
))}
44-
</S.OnboardingWaitingCardListScroll>
45-
</S.OnboardingWaitingCardList>
46-
) : (
47-
<div>아직 대기가 없습니다.</div>
48-
)}
49-
</S.OnboardingWrapper>
50-
);
51-
};
38+
// {ONBOARDING_WAITING?.length > 0 ? (
39+
// <S.OnboardingWaitingCardList>
40+
// <S.OnboardingWaitingCardListScroll>
41+
// {ONBOARDING_WAITING.map((item, index) => (
42+
// <MainWaitingCard key={index} waiting={item} />
43+
// ))}
44+
// </S.OnboardingWaitingCardListScroll>
45+
// </S.OnboardingWaitingCardList>
46+
// ) : (
47+
// <div>아직 대기가 없습니다.</div>
48+
// )}
49+
// </S.OnboardingWrapper>
50+
// );
51+
// };

‎src/routes/router.tsx

+2-2
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@ import FaqPage from "@pages/faq/FaqPage";
77
import DefaultLayout from "@layouts/DefaultLayout";
88
import ProtectedRoute from "./ProtectedRoute";
99
import GuestRoute from "./GuestRoute";
10-
import { OnboardingPage } from "@pages/onboarding/Onboarding";
10+
// import { OnboardingPage } from "@pages/onboarding/Onboarding";
1111

1212
const router = createBrowserRouter([
1313
{
@@ -20,7 +20,7 @@ const router = createBrowserRouter([
2020
children: [
2121
{ path: "/", element: <MainPage /> },
2222
{ path: "/faq", element: <FaqPage /> },
23-
{ path: "/onboarding", element: <OnboardingPage /> },
23+
// { path: "/onboarding", element: <OnboardingPage /> },
2424
],
2525
},
2626
],

0 commit comments

Comments
 (0)