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" />}
|
||||
<div className="flex min-h-0 min-w-0 flex-1 flex-col bg-gray-2 dark:bg-[#020d1a]">
|
||||
<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}
|
||||
</main>
|
||||
</div>
|
||||
|
||||
@@ -50,6 +50,7 @@ const TendersTable = () => {
|
||||
<ListHeader
|
||||
onFilter={() => setIsFilterModalOpen(true)}
|
||||
createButtonText="Create Tender"
|
||||
hasCreate={false}
|
||||
/>
|
||||
<Table>
|
||||
<TableHeader>
|
||||
@@ -142,7 +143,9 @@ const TendersTable = () => {
|
||||
const queryString = params?.lang
|
||||
? `?lang=${encodeURIComponent(params.lang)}`
|
||||
: "";
|
||||
router.push(`${pathName}/feedback/${item.id}${queryString}`);
|
||||
router.push(
|
||||
`${pathName}/feedback/${item.id}${queryString}`,
|
||||
);
|
||||
}}
|
||||
>
|
||||
<Tooltip {..._TooltipDefaultParams({ id: "feedback" })} />
|
||||
|
||||
Reference in New Issue
Block a user