가맹점 정보, 일부 상수 및 공용 변경
This commit is contained in:
39
src/pages/merchant/info/info-page.tsx
Normal file
39
src/pages/merchant/info/info-page.tsx
Normal file
@@ -0,0 +1,39 @@
|
||||
import { useState } from 'react';
|
||||
import { PATHS } from '@/shared/constants/paths';
|
||||
import { useNavigate } from '@/shared/lib/hooks/use-navigate';
|
||||
import { MerchantTab } from '@/entities/merchant/ui/merchant-tab';
|
||||
import { InfoWrap } from '@/entities/merchant/ui/info-wrap';
|
||||
import { MerchantTabKeys } from '@/entities/merchant/model/types';
|
||||
import { HeaderType } from '@/entities/common/model/types';
|
||||
import {
|
||||
useSetHeaderTitle,
|
||||
useSetHeaderType,
|
||||
useSetFooterMode,
|
||||
useSetOnBack
|
||||
} from '@/widgets/sub-layout/use-sub-layout';
|
||||
|
||||
export const InfoPage = () => {
|
||||
const { navigate } = useNavigate();
|
||||
|
||||
const [activeTab, setActiveTab] = useState<MerchantTabKeys>(MerchantTabKeys.Info);
|
||||
|
||||
useSetHeaderTitle('가맹점 관리');
|
||||
useSetHeaderType(HeaderType.LeftArrow);
|
||||
useSetFooterMode(true);
|
||||
useSetOnBack(() => {
|
||||
navigate(PATHS.home);
|
||||
});
|
||||
|
||||
return (
|
||||
<>
|
||||
<main>
|
||||
<div className="tab-content">
|
||||
<div className="tab-pane pt-46 active">
|
||||
<MerchantTab activeTab={ activeTab }></MerchantTab>
|
||||
<InfoWrap></InfoWrap>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</>
|
||||
);
|
||||
};
|
||||
16
src/pages/merchant/merchant-pages.tsx
Normal file
16
src/pages/merchant/merchant-pages.tsx
Normal file
@@ -0,0 +1,16 @@
|
||||
import { Route } from 'react-router-dom';
|
||||
import { SentryRoutes } from '@/shared/configs/sentry';
|
||||
import { ROUTE_NAMES } from '@/shared/constants/route-names';
|
||||
import { InfoPage } from './info/info-page';
|
||||
import { RegistrationStatusPage } from './registration-status/registration-status-page';
|
||||
|
||||
export const MerchantPages = () => {
|
||||
return (
|
||||
<>
|
||||
<SentryRoutes>
|
||||
<Route path={ROUTE_NAMES.merchant.info} element={<InfoPage />} />
|
||||
<Route path={ROUTE_NAMES.merchant.registrationStatus} element={<RegistrationStatusPage />} />
|
||||
</SentryRoutes>
|
||||
</>
|
||||
);
|
||||
};
|
||||
@@ -0,0 +1,39 @@
|
||||
import { useState } from 'react';
|
||||
import { PATHS } from '@/shared/constants/paths';
|
||||
import { useNavigate } from '@/shared/lib/hooks/use-navigate';
|
||||
import { MerchantTab } from '@/entities/merchant/ui/merchant-tab';
|
||||
import { RegistrationStatusWrap } from '@/entities/merchant/ui/registration-status-wrap';
|
||||
import { MerchantTabKeys } from '@/entities/merchant/model/types';
|
||||
import { HeaderType } from '@/entities/common/model/types';
|
||||
import {
|
||||
useSetHeaderTitle,
|
||||
useSetHeaderType,
|
||||
useSetFooterMode,
|
||||
useSetOnBack
|
||||
} from '@/widgets/sub-layout/use-sub-layout';
|
||||
|
||||
export const RegistrationStatusPage = () => {
|
||||
const { navigate } = useNavigate();
|
||||
|
||||
const [activeTab, setActiveTab] = useState<MerchantTabKeys>(MerchantTabKeys.RegistrationStatus);
|
||||
|
||||
useSetHeaderTitle('가맹점 관리');
|
||||
useSetHeaderType(HeaderType.LeftArrow);
|
||||
useSetFooterMode(true);
|
||||
useSetOnBack(() => {
|
||||
navigate(PATHS.home);
|
||||
});
|
||||
|
||||
return (
|
||||
<>
|
||||
<main>
|
||||
<div className="tab-content">
|
||||
<div className="tab-pane pt-46 active">
|
||||
<MerchantTab activeTab={ activeTab }></MerchantTab>
|
||||
<RegistrationStatusWrap></RegistrationStatusWrap>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</>
|
||||
);
|
||||
};
|
||||
Reference in New Issue
Block a user