📌fix: Optimize imports
- Reformat code - Optimize imports - Rearrange code - isGlobalLoaing 구문 추가 -> StuffSubHeader.jsx
This commit is contained in:
yoosangwook
parent
0dfc2c415e
commit
24db76fa01
@ -1,7 +1,9 @@
|
|||||||
import StuffSearchCondition from '@/components/management/StuffSearchCondition'
|
|
||||||
import Stuff from '@/components/management/Stuff'
|
import Stuff from '@/components/management/Stuff'
|
||||||
|
import StuffSearchCondition from '@/components/management/StuffSearchCondition'
|
||||||
import StuffSubHeader from '@/components/management/StuffSubHeader'
|
import StuffSubHeader from '@/components/management/StuffSubHeader'
|
||||||
|
|
||||||
import '@/styles/grid.scss'
|
import '@/styles/grid.scss'
|
||||||
|
|
||||||
export default async function ManagementStuffPage() {
|
export default async function ManagementStuffPage() {
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
|
|||||||
@ -1,19 +1,26 @@
|
|||||||
'use client'
|
'use client'
|
||||||
|
|
||||||
import { useEffect } from 'react'
|
import { useContext, useEffect } from 'react'
|
||||||
|
|
||||||
import Link from 'next/link'
|
import Link from 'next/link'
|
||||||
import Image from 'next/image'
|
import Image from 'next/image'
|
||||||
import { useMessage } from '@/hooks/useMessage'
|
|
||||||
import { useRouter, useSearchParams } from 'next/navigation'
|
import { useRouter, useSearchParams } from 'next/navigation'
|
||||||
import { floorPlanObjectState } from '@/store/floorPlanObjectAtom'
|
|
||||||
import { useSetRecoilState } from 'recoil'
|
import { useSetRecoilState } from 'recoil'
|
||||||
|
|
||||||
|
import { QcastContext } from '@/app/QcastProvider'
|
||||||
|
import { useMessage } from '@/hooks/useMessage'
|
||||||
|
import { floorPlanObjectState } from '@/store/floorPlanObjectAtom'
|
||||||
import { queryStringFormatter } from '@/util/common-utils'
|
import { queryStringFormatter } from '@/util/common-utils'
|
||||||
|
|
||||||
export default function StuffSubHeader({ type }) {
|
export default function StuffSubHeader({ type }) {
|
||||||
const { getMessage } = useMessage()
|
const { getMessage } = useMessage()
|
||||||
const router = useRouter()
|
const router = useRouter()
|
||||||
|
|
||||||
const setFloorPlanObjectNo = useSetRecoilState(floorPlanObjectState)
|
const setFloorPlanObjectNo = useSetRecoilState(floorPlanObjectState)
|
||||||
|
|
||||||
|
const { isGlobalLoading } = useContext(QcastContext)
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
window.scrollTo(0, 0)
|
window.scrollTo(0, 0)
|
||||||
}, [])
|
}, [])
|
||||||
@ -35,85 +42,87 @@ export default function StuffSubHeader({ type }) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
!isGlobalLoading && (
|
||||||
<div className="sub-header">
|
<>
|
||||||
<div className="sub-header-inner">
|
<div className="sub-header">
|
||||||
{type === 'list' && (
|
<div className="sub-header-inner">
|
||||||
<>
|
{type === 'list' && (
|
||||||
<Link href={'#'}>
|
<>
|
||||||
<h1 className="sub-header-title">{getMessage('header.menus.management')}</h1>
|
<Link href={'#'}>
|
||||||
</Link>
|
<h1 className="sub-header-title">{getMessage('header.menus.management')}</h1>
|
||||||
<ul className="sub-header-location">
|
</Link>
|
||||||
<li className="location-item">
|
<ul className="sub-header-location">
|
||||||
<span className="home">
|
<li className="location-item">
|
||||||
<Image src="/static/images/main/home_icon.svg" alt="react" width={16} height={16} />
|
<span className="home">
|
||||||
</span>
|
<Image src="/static/images/main/home_icon.svg" alt="react" width={16} height={16} />
|
||||||
</li>
|
</span>
|
||||||
<li className="location-item">
|
</li>
|
||||||
<span>{getMessage('header.menus.management')}</span>
|
<li className="location-item">
|
||||||
</li>
|
<span>{getMessage('header.menus.management')}</span>
|
||||||
<li className="location-item">
|
</li>
|
||||||
<span>{getMessage('header.menus.management.stuffList')}</span>
|
<li className="location-item">
|
||||||
</li>
|
<span>{getMessage('header.menus.management.stuffList')}</span>
|
||||||
</ul>
|
</li>
|
||||||
</>
|
</ul>
|
||||||
)}
|
</>
|
||||||
{type === 'temp' && (
|
)}
|
||||||
<>
|
{type === 'temp' && (
|
||||||
<ul className="sub-header-title-wrap">
|
<>
|
||||||
<li className="title-item">
|
<ul className="sub-header-title-wrap">
|
||||||
<Link className="sub-header-title" href={'#'}>
|
<li className="title-item">
|
||||||
{getMessage('stuff.temp.subTitle')}
|
<Link className="sub-header-title" href={'#'}>
|
||||||
</Link>
|
{getMessage('stuff.temp.subTitle')}
|
||||||
</li>
|
</Link>
|
||||||
</ul>
|
</li>
|
||||||
<ul className="sub-header-location">
|
</ul>
|
||||||
<li className="location-item">
|
<ul className="sub-header-location">
|
||||||
<span className="home">
|
<li className="location-item">
|
||||||
<Image src="/static/images/main/home_icon.svg" alt="react" width={16} height={16} />
|
<span className="home">
|
||||||
</span>
|
<Image src="/static/images/main/home_icon.svg" alt="react" width={16} height={16} />
|
||||||
</li>
|
</span>
|
||||||
<li className="location-item">
|
</li>
|
||||||
<span>{getMessage('header.menus.management')}</span>
|
<li className="location-item">
|
||||||
</li>
|
<span>{getMessage('header.menus.management')}</span>
|
||||||
<li className="location-item">
|
</li>
|
||||||
<span>{getMessage('header.menus.management.newStuff')}</span>
|
<li className="location-item">
|
||||||
</li>
|
<span>{getMessage('header.menus.management.newStuff')}</span>
|
||||||
</ul>
|
</li>
|
||||||
</>
|
</ul>
|
||||||
)}
|
</>
|
||||||
{type === 'detail' && (
|
)}
|
||||||
<>
|
{type === 'detail' && (
|
||||||
<ul className="sub-header-title-wrap">
|
<>
|
||||||
<li className="title-item">
|
<ul className="sub-header-title-wrap">
|
||||||
<Link className="sub-header-title" href={'#'}>
|
<li className="title-item">
|
||||||
{getMessage('stuff.temp.subTitle')}
|
<Link className="sub-header-title" href={'#'}>
|
||||||
</Link>
|
{getMessage('stuff.temp.subTitle')}
|
||||||
</li>
|
</Link>
|
||||||
<li className="title-item">
|
</li>
|
||||||
<a className="sub-header-title" onClick={moveFloorPlan}>
|
<li className="title-item">
|
||||||
<span className="icon drawing"></span>
|
<a className="sub-header-title" onClick={moveFloorPlan}>
|
||||||
{getMessage('stuff.temp.subTitle2')}
|
<span className="icon drawing"></span>
|
||||||
</a>
|
{getMessage('stuff.temp.subTitle2')}
|
||||||
</li>
|
</a>
|
||||||
</ul>
|
</li>
|
||||||
<ul className="sub-header-location">
|
</ul>
|
||||||
<li className="location-item">
|
<ul className="sub-header-location">
|
||||||
<span className="home">
|
<li className="location-item">
|
||||||
<Image src="/static/images/main/home_icon.svg" alt="react" width={16} height={16} />
|
<span className="home">
|
||||||
</span>
|
<Image src="/static/images/main/home_icon.svg" alt="react" width={16} height={16} />
|
||||||
</li>
|
</span>
|
||||||
<li className="location-item">
|
</li>
|
||||||
<span>{getMessage('header.menus.management')}</span>
|
<li className="location-item">
|
||||||
</li>
|
<span>{getMessage('header.menus.management')}</span>
|
||||||
<li className="location-item">
|
</li>
|
||||||
<span>{getMessage('header.menus.management.detail')}</span>
|
<li className="location-item">
|
||||||
</li>
|
<span>{getMessage('header.menus.management.detail')}</span>
|
||||||
</ul>
|
</li>
|
||||||
</>
|
</ul>
|
||||||
)}
|
</>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</>
|
||||||
</>
|
)
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user