navigate distructuring 적용

titicacadev · Nov 29, 2023 · df7a4ff · df7a4ff
1 parent 7b4e64e
commit df7a4ff
Show file tree

Hide file tree

Showing 14 changed files with 15 additions and 15 deletions.
diff --git a/packages/standard-action-handler/src/hook.ts b/packages/standard-action-handler/src/hook.ts
@@ -3,7 +3,7 @@ import { useNavigate, useExternalRouter } from '@titicaca/router'
 import { initialize } from './index'
 
 export function useStandardActionHandler() {
-  const navigate = useNavigate()
+  const { navigate } = useNavigate()
   const routeExternally = useExternalRouter()
 
   return initialize({ navigate, routeExternally })

diff --git a/packages/tds-widget/src/ad-banner/content-details-banner.tsx b/packages/tds-widget/src/ad-banner/content-details-banner.tsx
@@ -55,7 +55,7 @@ function isPropsForInventoryApi(
 function useAdBannerProps(props: AdBannersProps) {
   const { latitude, longitude } = useDeviceContext()
   const trackEvent = useTrackEvent()
-  const navigate = useNavigate()
+  const { navigate } = useNavigate()
 
   if (isPropsForInventoryApi(props)) {
     const { onBannersFetch, onBannerIntersect, onBannerClick } = props

diff --git a/packages/tds-widget/src/ad-banner/list-top-banners.tsx b/packages/tds-widget/src/ad-banner/list-top-banners.tsx
@@ -62,7 +62,7 @@ function isPropsForInventoryApi(
 function useAdBannerProps(props: AdBannersProps) {
   const { latitude, longitude } = useDeviceContext()
   const trackEvent = useTrackEvent()
-  const navigate = useNavigate()
+  const { navigate } = useNavigate()
 
   if (isPropsForInventoryApi(props)) {
     const { onBannersFetch, onBannerIntersect, onBannerClick } = props

diff --git a/packages/tds-widget/src/booking-completion/index.tsx b/packages/tds-widget/src/booking-completion/index.tsx
@@ -78,7 +78,7 @@ export function BookingCompletion({
   const { t } = useTranslation('triple-frontend')
 
   const regionName = region?.names.ko || region?.names.en
-  const navigate = useNavigate()
+  const { navigate } = useNavigate()
 
   const handleMoveToRegion = useAppCallback(
     TransitionType.General,

diff --git a/packages/tds-widget/src/nearby-pois/poi-entry.tsx b/packages/tds-widget/src/nearby-pois/poi-entry.tsx
@@ -25,7 +25,7 @@ export default function PoiEntry({
   optimized?: boolean
 }) {
   const trackEvent = useTrackEvent()
-  const navigate = useNavigate()
+  const { navigate } = useNavigate()
 
   const handleIntersectionChange = useCallback(
     ({ isIntersecting }: { isIntersecting: boolean }) => {

diff --git a/packages/tds-widget/src/replies/list/reply.tsx b/packages/tds-widget/src/replies/list/reply.tsx
@@ -93,7 +93,7 @@ export default function Reply({
   const { setEditingMessage } = useRepliesContext()
   const { addUriHash, removeUriHash } = useHashRouter()
   const { asyncBack } = useIsomorphicNavigation()
-  const navigate = useNavigate()
+  const { navigate } = useNavigate()
   const likeReactionCount = likeReaction?.count
 
   const handleMoreClick = useCallback(
@@ -432,7 +432,7 @@ function Content({
 
   const [unfolded, setUnfolded] = useState(false)
   const foldedPosition = findFoldedPosition(5, text)
-  const navigate = useNavigate()
+  const { navigate } = useNavigate()
 
   const handleMentiondUserNameClick = useAppCallback(
     TransitionType.General,

diff --git a/packages/tds-widget/src/review/services/use-client-actions.tsx b/packages/tds-widget/src/review/services/use-client-actions.tsx
@@ -10,7 +10,7 @@ import type { SortingType, SortingOption } from '../components/sorting-context'
 
 export function useClientActions() {
   const { appUrlScheme } = useEnv()
-  const navigate = useNavigate()
+  const { navigate } = useNavigate()
   const { getWindowId } = useTripleClientActions()
 
   return useMemo(() => {

diff --git a/packages/tds-widget/src/social-reviews/social-review.tsx b/packages/tds-widget/src/social-reviews/social-review.tsx
@@ -25,7 +25,7 @@ function SocialReviews({
   const { t } = useTranslation('triple-frontend')
 
   const trackEvent = useTrackEvent()
-  const navigate = useNavigate()
+  const { navigate } = useNavigate()
 
   if (!socialReviews || socialReviews.length === 0) {
     return null

diff --git a/packages/triple-document/src/elements/coupon/modals.tsx b/packages/triple-document/src/elements/coupon/modals.tsx
@@ -42,7 +42,7 @@ const CouponIcon = styled.img`
 export function CouponModal({ identifier }: { identifier: string }) {
   const { t } = useTranslation('triple-frontend')
   const { uriHash, removeUriHash } = useHashRouter()
-  const navigate = useNavigate()
+  const { navigate } = useNavigate()
 
   const modalHash = uriHash.replace(`${identifier}.`, '')
 

diff --git a/packages/triple-document/src/elements/itinerary.tsx b/packages/triple-document/src/elements/itinerary.tsx
@@ -99,7 +99,7 @@ export default function ItineraryElement({ value }: Props) {
   const { courses, regionId, poiIds, hasItineraries, hideAddButton } =
     useItinerary(value)
   const addPoisToTrip = useHandleAddPoisToTrip(regionId || '')
-  const navigate = useNavigate()
+  const { navigate } = useNavigate()
 
   const generatePoiClickHandler = useCallback(
     ({

diff --git a/packages/triple-document/src/elements/itinerary/use-handle-add-pois-to-trip.ts b/packages/triple-document/src/elements/itinerary/use-handle-add-pois-to-trip.ts
@@ -11,7 +11,7 @@ import { useNavigate } from '@titicaca/router'
  */
 export default function useHandleAddPoiToTrip(regionId?: string) {
   const { appUrlScheme } = useEnv()
-  const navigate = useNavigate()
+  const { navigate } = useNavigate()
 
   const handleFn = useCallback(
     (poiId: string | string[]) => {

diff --git a/packages/triple-document/src/elements/tna/slot.tsx b/packages/triple-document/src/elements/tna/slot.tsx
@@ -20,7 +20,7 @@ export function Slot({
   const { t } = useTranslation('triple-frontend')
   const { colors } = useTheme()
   const trackEvent = useTrackEvent()
-  const navigate = useNavigate()
+  const { navigate } = useNavigate()
 
   const [showMore, setShowMore] = useState(false)
 

diff --git a/packages/triple-document/src/triple-document.tsx b/packages/triple-document/src/triple-document.tsx
@@ -41,7 +41,7 @@ export function TripleDocument({
 } & TripleDocumentContext) {
   const trackEventWithMetadata = useTrackEventWithMetadata()
   const trackResourceEvent = useEventResourceTracker()
-  const navigate = useNavigate()
+  const { navigate } = useNavigate()
   const routeExternally = useExternalRouter()
 
   const handleAction = useMemo(

diff --git a/packages/triple-header/src/frame/frame.tsx b/packages/triple-header/src/frame/frame.tsx
@@ -47,7 +47,7 @@ export function Frame({
   const heightRatio = calculateFrameRatio(height)
 
   const trackEventWithMetadata = useTrackEventWithMetadata()
-  const navigate = useNavigate()
+  const { navigate } = useNavigate()
   const routeExternally = useExternalRouter()
 
   const handleAction = useMemo(