Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Feat: fix dynamic title #181 #205

Merged
merged 1 commit into from
Jan 26, 2024
Merged

Feat: fix dynamic title #181 #205

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
11 changes: 11 additions & 0 deletions src/components/Head/Head.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
import {Helmet} from 'react-helmet-async';

function Head({title}: {title: string}) {
return (
<Helmet>
<title>TRIPVOTE | {title}</title>
</Helmet>
);
}

export default Head;
286 changes: 241 additions & 45 deletions src/routes/MainRouter/MainRouter.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
import {useEffect, useState} from 'react';
import {Helmet} from 'react-helmet-async';
import {Route, Routes, useLocation} from 'react-router-dom';
import {Route, Routes} from 'react-router-dom';

import Head from '@/components/Head/Head';

import AddPlaceFromVote from '@/pages/AddPlaceFromVote/AddPlaceFromVote';
import FindPassword from '@/pages/Auth/FindPassword/FindPassword';
Expand Down Expand Up @@ -28,51 +28,247 @@ import Vote from '@/pages/Vote/Vote';
import VoteMemo from '@/pages/Vote/VoteMemo/VoteMemo';
import Wishes from '@/pages/Wishes/Wishes';
import Dashboard from '@/routes/Dashboard/Dashboard';
import {getTitle} from '@/utils/getTitle';

function MainRouter() {
const [title, setTitle] = useState('');
const location = useLocation();
useEffect(() => {
setTitle(getTitle(location.pathname));
}, [location]);

return (
<>
<Helmet>
<title>TRIPVOTE | {title}</title>
</Helmet>
<Routes>
<Route element={<Dashboard />}>
<Route index element={<Home />} />
<Route path='/trip' element={<CheckTrip />} />
<Route path='/trip/:id' element={<Trip />} />
<Route path='/wishes' element={<Wishes />} />
<Route path='/user' element={<User />} />
<Route path='/user/privacy' element={<UserPrivacy />} />
<Route path='/user/profile/edit' element={<ModifyProfile />} />
<Route path='/user/myspace' element={<MySpace />} />
<Route path='/user/myreview' element={<MyReview />} />
</Route>
<Route path='/search' element={<SearchFromHome />} />
<Route path='/detail/:id' element={<Detail />} />
<Route path='/votes/:id' element={<Vote />} />
<Route path='/votes/:id/votememo' element={<VoteMemo />} />
<Route path='/votes/:id/map' element={<CandidatesMap />} />
<Route path='/auth/login' element={<Login />} />
<Route path='/auth/signup' element={<Signup />} />
<Route path='/auth/signup/agreePrivacy' element={<AgreePrivacy />} />
<Route path='/auth/signup/agreeService' element={<AgreeService />} />
<Route path='/auth/password/find' element={<FindPassword />} />
<Route path='/auth/password/modify' element={<ModifyPassword />} />
<Route path='/auth/withdrawal' element={<Withdrawal />} />
<Route path='/trip/:id/selectDate' element={<Calendar />} />
<Route path='/trip/:id/selectRegion' element={<RegionSearch />} />
<Route path='/trip/:id/map' element={<MapZoomIn />} />
<Route path='/trip/:id/add/vote' element={<AddPlaceFromVote />} />
<Route path='/wishes/bring' element={<Wishes />} />
</Routes>
</>
<Routes>
<Route element={<Dashboard />}>
<Route
index
element={
<>
<Head title='홈' />
<Home />
</>
}
/>
<Route
path='/trip'
element={
<>
<Head title='여행스페이스' />
<CheckTrip />
</>
}
/>
<Route
path='/trip/:id'
element={
<>
<Head title='여행스페이스' />
<Trip />
</>
}
/>
<Route
path='/wishes'
element={
<>
<Head title='찜' />
<Wishes />
</>
}
/>
<Route
path='/user'
element={
<>
<Head title='마이페이지' />
<User />
</>
}
/>
<Route
path='/user/privacy'
element={
<>
<Head title='계정관리' />
<UserPrivacy />
</>
}
/>
<Route
path='/user/profile/edit'
element={
<>
<Head title='프로필 수정' />
<ModifyProfile />
</>
}
/>
<Route
path='/user/myspace'
element={
<>
<Head title='내 여행스페이스' />
<MySpace />
</>
}
/>
<Route
path='/user/myreview'
element={
<>
<Head title='내 리뷰' />
<MyReview />
</>
}
/>
</Route>
<Route
path='/search'
element={
<>
<Head title='검색' />
<SearchFromHome />
</>
}
/>
<Route
path='/detail/:id'
element={
<>
<Head title='상세' />
<Detail />
</>
}
/>
<Route
path='/votes/:id'
element={
<>
<Head title='투표' />
<Vote />
</>
}
/>
<Route
path='/votes/:id/votememo'
element={
<>
<Head title='투표 메모' />
<VoteMemo />
</>
}
/>
<Route
path='/votes/:id/map'
element={
<>
<Head title='지도' />
<CandidatesMap />
</>
}
/>
<Route
path='/auth/login'
element={
<>
<Head title='로그인' />
<Login />
</>
}
/>
<Route
path='/auth/signup'
element={
<>
<Head title='회원가입' />
<Signup />
</>
}
/>
<Route
path='/auth/signup/agreePrivacy'
element={
<>
<Head title='개인정보수집 약관' />
<AgreePrivacy />
</>
}
/>
<Route
path='/auth/signup/agreeService'
element={
<>
<Head title='서비스 이용 약관 ' />
<AgreeService />
</>
}
/>
<Route
path='/auth/password/find'
element={
<>
<Head title='비밀번호 찾기' />
<FindPassword />
</>
}
/>
<Route
path='/auth/password/modify'
element={
<>
<Head title='비밀번호 수정' />
<ModifyPassword />
</>
}
/>
<Route
path='/auth/withdrawal'
element={
<>
<Head title='다음에 또 만나요' />
<Withdrawal />
</>
}
/>
<Route
path='/trip/:id/selectDate'
element={
<>
<Head title='날짜 선택' />
<Calendar />
</>
}
/>
<Route
path='/trip/:id/selectRegion'
element={
<>
<Head title='지역 탐색' />
<RegionSearch />
</>
}
/>
<Route
path='/trip/:id/map'
element={
<>
<Head title='지도' />
<MapZoomIn />
</>
}
/>
<Route
path='/trip/:id/add/vote'
element={
<>
<Head title='장소 추가' />
<AddPlaceFromVote />
</>
}
/>
<Route
path='/wishes/bring'
element={
<>
<Head title='찜 가져오기' />
<Wishes />
</>
}
/>
</Routes>
);
}

Expand Down
48 changes: 0 additions & 48 deletions src/utils/getTitle.ts
View file
Open in desktop

This file was deleted.

Loading