refactor(tender-details): enhance tender section navigation and layout
- Introduced a scroll spy feature for tender sections to improve navigation experience. - Added TenderSectionNavList component for better section navigation and user interaction. - Updated MainLayout to adjust main content overflow behavior for improved layout consistency. - Refactored TendersTable to remove unnecessary create button and streamline feedback navigation.
This commit is contained in:
+667
-276
File diff suppressed because it is too large
Load Diff
@@ -18,7 +18,7 @@ function MainLayout({ children }: PropsWithChildren) {
|
|||||||
{isMobile && <div className="w-[70px] shrink-0" />}
|
{isMobile && <div className="w-[70px] shrink-0" />}
|
||||||
<div className="flex min-h-0 min-w-0 flex-1 flex-col bg-gray-2 dark:bg-[#020d1a]">
|
<div className="flex min-h-0 min-w-0 flex-1 flex-col bg-gray-2 dark:bg-[#020d1a]">
|
||||||
<Header />
|
<Header />
|
||||||
<main className="mx-auto isolate flex min-h-0 w-full max-w-screen-2xl flex-1 flex-col overflow-hidden px-3 py-4 md:px-4 md:py-6 2xl:px-6 2xl:py-4">
|
<main className="isolate mx-auto flex min-h-0 w-full max-w-screen-2xl flex-1 flex-col overflow-x-clip px-3 py-4 md:px-4 md:py-6 2xl:px-6 2xl:py-4">
|
||||||
{children}
|
{children}
|
||||||
</main>
|
</main>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -50,6 +50,7 @@ const TendersTable = () => {
|
|||||||
<ListHeader
|
<ListHeader
|
||||||
onFilter={() => setIsFilterModalOpen(true)}
|
onFilter={() => setIsFilterModalOpen(true)}
|
||||||
createButtonText="Create Tender"
|
createButtonText="Create Tender"
|
||||||
|
hasCreate={false}
|
||||||
/>
|
/>
|
||||||
<Table>
|
<Table>
|
||||||
<TableHeader>
|
<TableHeader>
|
||||||
@@ -142,7 +143,9 @@ const TendersTable = () => {
|
|||||||
const queryString = params?.lang
|
const queryString = params?.lang
|
||||||
? `?lang=${encodeURIComponent(params.lang)}`
|
? `?lang=${encodeURIComponent(params.lang)}`
|
||||||
: "";
|
: "";
|
||||||
router.push(`${pathName}/feedback/${item.id}${queryString}`);
|
router.push(
|
||||||
|
`${pathName}/feedback/${item.id}${queryString}`,
|
||||||
|
);
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
<Tooltip {..._TooltipDefaultParams({ id: "feedback" })} />
|
<Tooltip {..._TooltipDefaultParams({ id: "feedback" })} />
|
||||||
|
|||||||
Reference in New Issue
Block a user