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:
AmirReza Jamali
2026-05-10 10:13:57 +03:30
parent f01632e38d
commit 283aa9385e
3 changed files with 672 additions and 278 deletions
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>
+4 -1
View File
@@ -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" })} />