Add filter and sort persistence to multiple dashboard components

- Enhanced various components across the Dashboard, including Invoices, Payments, TaxRecords, and Inventory items, by adding props to save and use filters and sorting in both session and URL. - This update improves user experience by maintaining state across sessions and enhancing data handling consistency throughout the application.
2026-08-01 14:10:16 +01:00 · 2026-08-01 14:10:16 +01:00 · 2d32c55456
commit 2d32c55456
parent ddd48660e0
43 changed files with 344 additions and 0 deletions
--- a/src/components/Dashboard/Finance/Invoices.jsx
+++ b/src/components/Dashboard/Finance/Invoices.jsx
@ -81,6 +81,14 @@ const Invoices = () => {
          cards={viewMode === 'cards'}
          showFilterSidebar={showFilterSidebar}
          expandHeight={true}
+          saveFilterInSession={true}
+          saveFilterInUrl={true}
+          useFilterInSession={true}
+          useFilterInUrl={true}
+          saveSortInSession={true}
+          saveSortInUrl={true}
+          useSortInSession={true}
+          useSortInUrl={true}
        />
      </Flex>
      <Modal
--- a/src/components/Dashboard/Finance/Payments.jsx
+++ b/src/components/Dashboard/Finance/Payments.jsx
@ -81,6 +81,14 @@ const Payments = () => {
          cards={viewMode === 'cards'}
          showFilterSidebar={showFilterSidebar}
          expandHeight={true}
+          saveFilterInSession={true}
+          saveFilterInUrl={true}
+          useFilterInSession={true}
+          useFilterInUrl={true}
+          saveSortInSession={true}
+          saveSortInUrl={true}
+          useSortInSession={true}
+          useSortInUrl={true}
        />
      </Flex>
      <Modal
--- a/src/components/Dashboard/Finance/TaxRecords.jsx
+++ b/src/components/Dashboard/Finance/TaxRecords.jsx
@ -81,6 +81,14 @@ const TaxRecords = () => {
          cards={viewMode === 'cards'}
          showFilterSidebar={showFilterSidebar}
          expandHeight={true}
+          saveFilterInSession={true}
+          saveFilterInUrl={true}
+          useFilterInSession={true}
+          useFilterInUrl={true}
+          saveSortInSession={true}
+          saveSortInUrl={true}
+          useSortInSession={true}
+          useSortInUrl={true}
        />
      </Flex>
      <Modal
--- a/src/components/Dashboard/Inventory/FilamentStocks.jsx
+++ b/src/components/Dashboard/Inventory/FilamentStocks.jsx
@ -87,6 +87,14 @@ const FilamentStocks = () => {
          cards={viewMode === 'cards'}
          showFilterSidebar={showFilterSidebar}
          expandHeight={true}
+          saveFilterInSession={true}
+          saveFilterInUrl={true}
+          useFilterInSession={true}
+          useFilterInUrl={true}
+          saveSortInSession={true}
+          saveSortInUrl={true}
+          useSortInSession={true}
+          useSortInUrl={true}
        />
      </Flex>
      <Modal
--- a/src/components/Dashboard/Inventory/OrderItems.jsx
+++ b/src/components/Dashboard/Inventory/OrderItems.jsx
@ -81,6 +81,14 @@ const OrderItems = () => {
          cards={viewMode === 'cards'}
          showFilterSidebar={showFilterSidebar}
          expandHeight={true}
+          saveFilterInSession={true}
+          saveFilterInUrl={true}
+          useFilterInSession={true}
+          useFilterInUrl={true}
+          saveSortInSession={true}
+          saveSortInUrl={true}
+          useSortInSession={true}
+          useSortInUrl={true}
        />
      </Flex>
      <Modal
--- a/src/components/Dashboard/Inventory/PartStocks.jsx
+++ b/src/components/Dashboard/Inventory/PartStocks.jsx
@ -87,6 +87,14 @@ const PartStocks = () => {
          cards={viewMode === 'cards'}
          showFilterSidebar={showFilterSidebar}
          expandHeight={true}
+          saveFilterInSession={true}
+          saveFilterInUrl={true}
+          useFilterInSession={true}
+          useFilterInUrl={true}
+          saveSortInSession={true}
+          saveSortInUrl={true}
+          useSortInSession={true}
+          useSortInUrl={true}
        />
      </Flex>
      <Modal
--- a/src/components/Dashboard/Inventory/ProductStocks.jsx
+++ b/src/components/Dashboard/Inventory/ProductStocks.jsx
@ -88,6 +88,14 @@ const ProductStocks = () => {
          cards={viewMode === 'cards'}
          showFilterSidebar={showFilterSidebar}
          expandHeight={true}
+          saveFilterInSession={true}
+          saveFilterInUrl={true}
+          useFilterInSession={true}
+          useFilterInUrl={true}
+          saveSortInSession={true}
+          saveSortInUrl={true}
+          useSortInSession={true}
+          useSortInUrl={true}
        />
      </Flex>
      <Modal
--- a/src/components/Dashboard/Inventory/PurchaseOrders.jsx
+++ b/src/components/Dashboard/Inventory/PurchaseOrders.jsx
@ -81,6 +81,14 @@ const PurchaseOrders = () => {
          cards={viewMode === 'cards'}
          showFilterSidebar={showFilterSidebar}
          expandHeight={true}
+          saveFilterInSession={true}
+          saveFilterInUrl={true}
+          useFilterInSession={true}
+          useFilterInUrl={true}
+          saveSortInSession={true}
+          saveSortInUrl={true}
+          useSortInSession={true}
+          useSortInUrl={true}
        />
      </Flex>
      <Modal
--- a/src/components/Dashboard/Inventory/Shipments.jsx
+++ b/src/components/Dashboard/Inventory/Shipments.jsx
@ -81,6 +81,14 @@ const Shipments = () => {
          cards={viewMode === 'cards'}
          showFilterSidebar={showFilterSidebar}
          expandHeight={true}
+          saveFilterInSession={true}
+          saveFilterInUrl={true}
+          useFilterInSession={true}
+          useFilterInUrl={true}
+          saveSortInSession={true}
+          saveSortInUrl={true}
+          useSortInSession={true}
+          useSortInUrl={true}
        />
      </Flex>
      <Modal
--- a/src/components/Dashboard/Inventory/StockAudits.jsx
+++ b/src/components/Dashboard/Inventory/StockAudits.jsx
@ -87,6 +87,14 @@ const StockAudits = () => {
          cards={viewMode === 'cards'}
          showFilterSidebar={showFilterSidebar}
          expandHeight={true}
+          saveFilterInSession={true}
+          saveFilterInUrl={true}
+          useFilterInSession={true}
+          useFilterInUrl={true}
+          saveSortInSession={true}
+          saveSortInUrl={true}
+          useSortInSession={true}
+          useSortInUrl={true}
        />
      </Flex>
      <Modal
--- a/src/components/Dashboard/Inventory/StockEvents.jsx
+++ b/src/components/Dashboard/Inventory/StockEvents.jsx
@ -70,6 +70,14 @@ const StockEvents = () => {
          cards={viewMode === 'cards'}
          showFilterSidebar={showFilterSidebar}
          expandHeight={true}
+          saveFilterInSession={true}
+          saveFilterInUrl={true}
+          useFilterInSession={true}
+          useFilterInUrl={true}
+          saveSortInSession={true}
+          saveSortInUrl={true}
+          useSortInSession={true}
+          useSortInUrl={true}
        />
      </Flex>
    </>
--- a/src/components/Dashboard/Inventory/StockLocations.jsx
+++ b/src/components/Dashboard/Inventory/StockLocations.jsx
@ -85,6 +85,14 @@ const StockLocations = () => {
          cards={viewMode === 'cards'}
          showFilterSidebar={showFilterSidebar}
          expandHeight={true}
+          saveFilterInSession={true}
+          saveFilterInUrl={true}
+          useFilterInSession={true}
+          useFilterInUrl={true}
+          saveSortInSession={true}
+          saveSortInUrl={true}
+          useSortInSession={true}
+          useSortInUrl={true}
        />
      </Flex>
      <Modal
--- a/src/components/Dashboard/Inventory/StockTransfers.jsx
+++ b/src/components/Dashboard/Inventory/StockTransfers.jsx
@ -85,6 +85,14 @@ const StockTransfers = () => {
          cards={viewMode === 'cards'}
          showFilterSidebar={showFilterSidebar}
          expandHeight={true}
+          saveFilterInSession={true}
+          saveFilterInUrl={true}
+          useFilterInSession={true}
+          useFilterInUrl={true}
+          saveSortInSession={true}
+          saveSortInUrl={true}
+          useSortInSession={true}
+          useSortInUrl={true}
        />
      </Flex>
      <Modal
--- a/src/components/Dashboard/Management/AppPasswords.jsx
+++ b/src/components/Dashboard/Management/AppPasswords.jsx
@ -81,6 +81,14 @@ const AppPasswords = () => {
          visibleColumns={columnVisibility}
          showFilterSidebar={showFilterSidebar}
          expandHeight={true}
+          saveFilterInSession={true}
+          saveFilterInUrl={true}
+          useFilterInSession={true}
+          useFilterInUrl={true}
+          saveSortInSession={true}
+          saveSortInUrl={true}
+          useSortInSession={true}
+          useSortInUrl={true}
        />

        <Modal
--- a/src/components/Dashboard/Management/AuditLogs.jsx
+++ b/src/components/Dashboard/Management/AuditLogs.jsx
@ -63,6 +63,14 @@ const AuditLogs = () => {
          type='auditLog'
          showFilterSidebar={showFilterSidebar}
          expandHeight={true}
+          saveFilterInSession={true}
+          saveFilterInUrl={true}
+          useFilterInSession={true}
+          useFilterInUrl={true}
+          saveSortInSession={true}
+          saveSortInUrl={true}
+          useSortInSession={true}
+          useSortInUrl={true}
        />
      </Flex>
    </>
--- a/src/components/Dashboard/Management/CourierServices.jsx
+++ b/src/components/Dashboard/Management/CourierServices.jsx
@ -81,6 +81,14 @@ const CourierServices = () => {
          cards={viewMode === 'cards'}
          showFilterSidebar={showFilterSidebar}
          expandHeight={true}
+          saveFilterInSession={true}
+          saveFilterInUrl={true}
+          useFilterInSession={true}
+          useFilterInUrl={true}
+          saveSortInSession={true}
+          saveSortInUrl={true}
+          useSortInSession={true}
+          useSortInUrl={true}
        />
      </Flex>
      <Modal
--- a/src/components/Dashboard/Management/Couriers.jsx
+++ b/src/components/Dashboard/Management/Couriers.jsx
@ -80,6 +80,14 @@ const Couriers = () => {
          cards={viewMode === 'cards'}
          showFilterSidebar={showFilterSidebar}
          expandHeight={true}
+          saveFilterInSession={true}
+          saveFilterInUrl={true}
+          useFilterInSession={true}
+          useFilterInUrl={true}
+          saveSortInSession={true}
+          saveSortInUrl={true}
+          useSortInSession={true}
+          useSortInUrl={true}
        />
      </Flex>
      <Modal
--- a/src/components/Dashboard/Management/DocumentJobs.jsx
+++ b/src/components/Dashboard/Management/DocumentJobs.jsx
@ -81,6 +81,14 @@ const DocumentJobs = () => {
          cards={viewMode === 'cards'}
          showFilterSidebar={showFilterSidebar}
          expandHeight={true}
+          saveFilterInSession={true}
+          saveFilterInUrl={true}
+          useFilterInSession={true}
+          useFilterInUrl={true}
+          saveSortInSession={true}
+          saveSortInUrl={true}
+          useSortInSession={true}
+          useSortInUrl={true}
        />
      </Flex>
      <Modal
--- a/src/components/Dashboard/Management/DocumentPrinters.jsx
+++ b/src/components/Dashboard/Management/DocumentPrinters.jsx
@ -80,6 +80,14 @@ const DocumentPrinters = () => {
          cards={viewMode === 'cards'}
          showFilterSidebar={showFilterSidebar}
          expandHeight={true}
+          saveFilterInSession={true}
+          saveFilterInUrl={true}
+          useFilterInSession={true}
+          useFilterInUrl={true}
+          saveSortInSession={true}
+          saveSortInUrl={true}
+          useSortInSession={true}
+          useSortInUrl={true}
        />
      </Flex>
      <Modal
--- a/src/components/Dashboard/Management/DocumentSizes.jsx
+++ b/src/components/Dashboard/Management/DocumentSizes.jsx
@ -79,6 +79,14 @@ const DocumentSizes = () => {
          cards={viewMode === 'cards'}
          showFilterSidebar={showFilterSidebar}
          expandHeight={true}
+          saveFilterInSession={true}
+          saveFilterInUrl={true}
+          useFilterInSession={true}
+          useFilterInUrl={true}
+          saveSortInSession={true}
+          saveSortInUrl={true}
+          useSortInSession={true}
+          useSortInUrl={true}
        />
      </Flex>
      <Modal
--- a/src/components/Dashboard/Management/DocumentTemplates.jsx
+++ b/src/components/Dashboard/Management/DocumentTemplates.jsx
@ -81,6 +81,14 @@ const DocumentTemplates = () => {
          cards={viewMode === 'cards'}
          showFilterSidebar={showFilterSidebar}
          expandHeight={true}
+          saveFilterInSession={true}
+          saveFilterInUrl={true}
+          useFilterInSession={true}
+          useFilterInUrl={true}
+          saveSortInSession={true}
+          saveSortInUrl={true}
+          useSortInSession={true}
+          useSortInUrl={true}
        />
      </Flex>
      <Modal
--- a/src/components/Dashboard/Management/FilamentSkus.jsx
+++ b/src/components/Dashboard/Management/FilamentSkus.jsx
@ -85,6 +85,14 @@ const FilamentSkus = () => {
          cards={viewMode === 'cards'}
          showFilterSidebar={showFilterSidebar}
          expandHeight={true}
+          saveFilterInSession={true}
+          saveFilterInUrl={true}
+          useFilterInSession={true}
+          useFilterInUrl={true}
+          saveSortInSession={true}
+          saveSortInUrl={true}
+          useSortInSession={true}
+          useSortInUrl={true}
        />
      </Flex>
      <Modal
--- a/src/components/Dashboard/Management/Filaments.jsx
+++ b/src/components/Dashboard/Management/Filaments.jsx
@ -87,6 +87,14 @@ const Filaments = () => {
          visibleColumns={columnVisibility}
          showFilterSidebar={showFilterSidebar}
          expandHeight={true}
+          saveFilterInSession={true}
+          saveFilterInUrl={true}
+          useFilterInSession={true}
+          useFilterInUrl={true}
+          saveSortInSession={true}
+          saveSortInUrl={true}
+          useSortInSession={true}
+          useSortInUrl={true}
        />

        <Modal
--- a/src/components/Dashboard/Management/Files.jsx
+++ b/src/components/Dashboard/Management/Files.jsx
@ -69,6 +69,14 @@ const Files = () => {
          cards={viewMode === 'cards'}
          showFilterSidebar={showFilterSidebar}
          expandHeight={true}
+          saveFilterInSession={true}
+          saveFilterInUrl={true}
+          useFilterInSession={true}
+          useFilterInUrl={true}
+          saveSortInSession={true}
+          saveSortInUrl={true}
+          useSortInSession={true}
+          useSortInUrl={true}
        />
      </Flex>
    </>
--- a/src/components/Dashboard/Management/Hosts.jsx
+++ b/src/components/Dashboard/Management/Hosts.jsx
@ -86,6 +86,14 @@ const Hosts = () => {
          visibleColumns={columnVisibility}
          showFilterSidebar={showFilterSidebar}
          expandHeight={true}
+          saveFilterInSession={true}
+          saveFilterInUrl={true}
+          useFilterInSession={true}
+          useFilterInUrl={true}
+          saveSortInSession={true}
+          saveSortInUrl={true}
+          useSortInSession={true}
+          useSortInUrl={true}
        />

        <Modal
--- a/src/components/Dashboard/Management/Materials.jsx
+++ b/src/components/Dashboard/Management/Materials.jsx
@ -84,6 +84,14 @@ const Materials = () => {
          visibleColumns={columnVisibility}
          showFilterSidebar={showFilterSidebar}
          expandHeight={true}
+          saveFilterInSession={true}
+          saveFilterInUrl={true}
+          useFilterInSession={true}
+          useFilterInUrl={true}
+          saveSortInSession={true}
+          saveSortInUrl={true}
+          useSortInSession={true}
+          useSortInUrl={true}
        />

        <Modal
--- a/src/components/Dashboard/Management/NoteTypes.jsx
+++ b/src/components/Dashboard/Management/NoteTypes.jsx
@ -81,6 +81,14 @@ const NoteTypes = () => {
          cards={viewMode === 'cards'}
          showFilterSidebar={showFilterSidebar}
          expandHeight={true}
+          saveFilterInSession={true}
+          saveFilterInUrl={true}
+          useFilterInSession={true}
+          useFilterInUrl={true}
+          saveSortInSession={true}
+          saveSortInUrl={true}
+          useSortInSession={true}
+          useSortInUrl={true}
        />
      </Flex>
      <Modal
--- a/src/components/Dashboard/Management/PartSkus.jsx
+++ b/src/components/Dashboard/Management/PartSkus.jsx
@ -84,6 +84,14 @@ const PartSkus = () => {
          cards={viewMode === 'cards'}
          showFilterSidebar={showFilterSidebar}
          expandHeight={true}
+          saveFilterInSession={true}
+          saveFilterInUrl={true}
+          useFilterInSession={true}
+          useFilterInUrl={true}
+          saveSortInSession={true}
+          saveSortInUrl={true}
+          useSortInSession={true}
+          useSortInUrl={true}
        />
      </Flex>
      <Modal
--- a/src/components/Dashboard/Management/Parts.jsx
+++ b/src/components/Dashboard/Management/Parts.jsx
@ -86,6 +86,14 @@ const Parts = (filter) => {
          filter={filter}
          showFilterSidebar={showFilterSidebar}
          expandHeight={true}
+          saveFilterInSession={true}
+          saveFilterInUrl={true}
+          useFilterInSession={true}
+          useFilterInUrl={true}
+          saveSortInSession={true}
+          saveSortInUrl={true}
+          useSortInSession={true}
+          useSortInUrl={true}
        />
      </Flex>
      <Modal
--- a/src/components/Dashboard/Management/ProductCategories.jsx
+++ b/src/components/Dashboard/Management/ProductCategories.jsx
@ -84,6 +84,14 @@ const ProductCategories = () => {
          visibleColumns={columnVisibility}
          showFilterSidebar={showFilterSidebar}
          expandHeight={true}
+          saveFilterInSession={true}
+          saveFilterInUrl={true}
+          useFilterInSession={true}
+          useFilterInUrl={true}
+          saveSortInSession={true}
+          saveSortInUrl={true}
+          useSortInSession={true}
+          useSortInUrl={true}
        />

        <Modal
--- a/src/components/Dashboard/Management/ProductSkus.jsx
+++ b/src/components/Dashboard/Management/ProductSkus.jsx
@ -85,6 +85,14 @@ const ProductSkus = () => {
          cards={viewMode === 'cards'}
          showFilterSidebar={showFilterSidebar}
          expandHeight={true}
+          saveFilterInSession={true}
+          saveFilterInUrl={true}
+          useFilterInSession={true}
+          useFilterInUrl={true}
+          saveSortInSession={true}
+          saveSortInUrl={true}
+          useSortInSession={true}
+          useSortInUrl={true}
        />
      </Flex>
      <Modal
--- a/src/components/Dashboard/Management/Products.jsx
+++ b/src/components/Dashboard/Management/Products.jsx
@ -356,6 +356,14 @@ const Products = () => {
          cards={viewMode === 'cards'}
          showFilterSidebar={showFilterSidebar}
          expandHeight={true}
+          saveFilterInSession={true}
+          saveFilterInUrl={true}
+          useFilterInSession={true}
+          useFilterInUrl={true}
+          saveSortInSession={true}
+          saveSortInUrl={true}
+          useSortInSession={true}
+          useSortInUrl={true}
        />
      </Flex>
      <Modal
--- a/src/components/Dashboard/Management/TaxRates.jsx
+++ b/src/components/Dashboard/Management/TaxRates.jsx
@ -80,6 +80,14 @@ const TaxRates = () => {
          cards={viewMode === 'cards'}
          showFilterSidebar={showFilterSidebar}
          expandHeight={true}
+          saveFilterInSession={true}
+          saveFilterInUrl={true}
+          useFilterInSession={true}
+          useFilterInUrl={true}
+          saveSortInSession={true}
+          saveSortInUrl={true}
+          useSortInSession={true}
+          useSortInUrl={true}
        />
      </Flex>
      <Modal
--- a/src/components/Dashboard/Management/Vendors.jsx
+++ b/src/components/Dashboard/Management/Vendors.jsx
@ -80,6 +80,14 @@ const Vendors = () => {
          cards={viewMode === 'cards'}
          showFilterSidebar={showFilterSidebar}
          expandHeight={true}
+          saveFilterInSession={true}
+          saveFilterInUrl={true}
+          useFilterInSession={true}
+          useFilterInUrl={true}
+          saveSortInSession={true}
+          saveSortInUrl={true}
+          useSortInSession={true}
+          useSortInUrl={true}
        />
      </Flex>
      <Modal
--- a/src/components/Dashboard/Production/FilamentProfiles.jsx
+++ b/src/components/Dashboard/Production/FilamentProfiles.jsx
@ -78,6 +78,14 @@ const FilamentProfiles = () => {
          visibleColumns={columnVisibility}
          showFilterSidebar={showFilterSidebar}
          expandHeight={true}
+          saveFilterInSession={true}
+          saveFilterInUrl={true}
+          useFilterInSession={true}
+          useFilterInUrl={true}
+          saveSortInSession={true}
+          saveSortInUrl={true}
+          useSortInSession={true}
+          useSortInUrl={true}
        />
      </Flex>

--- a/src/components/Dashboard/Production/GCodeFiles.jsx
+++ b/src/components/Dashboard/Production/GCodeFiles.jsx
@ -83,6 +83,14 @@ const GCodeFiles = () => {
          visibleColumns={columnVisibility}
          showFilterSidebar={showFilterSidebar}
          expandHeight={true}
+          saveFilterInSession={true}
+          saveFilterInUrl={true}
+          useFilterInSession={true}
+          useFilterInUrl={true}
+          saveSortInSession={true}
+          saveSortInUrl={true}
+          useSortInSession={true}
+          useSortInUrl={true}
        />
      </Flex>
      <Modal
--- a/src/components/Dashboard/Production/Jobs.jsx
+++ b/src/components/Dashboard/Production/Jobs.jsx
@ -87,6 +87,14 @@ const Jobs = () => {
          cards={viewMode === 'cards'}
          showFilterSidebar={showFilterSidebar}
          expandHeight={true}
+          saveFilterInSession={true}
+          saveFilterInUrl={true}
+          useFilterInSession={true}
+          useFilterInUrl={true}
+          saveSortInSession={true}
+          saveSortInUrl={true}
+          useSortInSession={true}
+          useSortInUrl={true}
        />
      </Flex>
      <Modal
--- a/src/components/Dashboard/Production/PrinterProfiles.jsx
+++ b/src/components/Dashboard/Production/PrinterProfiles.jsx
@ -77,6 +77,14 @@ const PrinterProfiles = () => {
          visibleColumns={columnVisibility}
          showFilterSidebar={showFilterSidebar}
          expandHeight={true}
+          saveFilterInSession={true}
+          saveFilterInUrl={true}
+          useFilterInSession={true}
+          useFilterInUrl={true}
+          saveSortInSession={true}
+          saveSortInUrl={true}
+          useSortInSession={true}
+          useSortInUrl={true}
        />
      </Flex>

--- a/src/components/Dashboard/Production/SubJobs.jsx
+++ b/src/components/Dashboard/Production/SubJobs.jsx
@ -72,6 +72,14 @@ const SubJobs = () => {
          cards={viewMode === 'cards'}
          showFilterSidebar={showFilterSidebar}
          expandHeight={true}
+          saveFilterInSession={true}
+          saveFilterInUrl={true}
+          useFilterInSession={true}
+          useFilterInUrl={true}
+          saveSortInSession={true}
+          saveSortInUrl={true}
+          useSortInSession={true}
+          useSortInUrl={true}
        />
      </Flex>
    </>
--- a/src/components/Dashboard/Sales/Clients.jsx
+++ b/src/components/Dashboard/Sales/Clients.jsx
@ -80,6 +80,14 @@ const Clients = () => {
          cards={viewMode === 'cards'}
          showFilterSidebar={showFilterSidebar}
          expandHeight={true}
+          saveFilterInSession={true}
+          saveFilterInUrl={true}
+          useFilterInSession={true}
+          useFilterInUrl={true}
+          saveSortInSession={true}
+          saveSortInUrl={true}
+          useSortInSession={true}
+          useSortInUrl={true}
        />
      </Flex>
      <Modal
--- a/src/components/Dashboard/Sales/Listings.jsx
+++ b/src/components/Dashboard/Sales/Listings.jsx
@ -81,6 +81,14 @@ const Listings = () => {
          cards={viewMode === 'cards'}
          showFilterSidebar={showFilterSidebar}
          expandHeight={true}
+          saveFilterInSession={true}
+          saveFilterInUrl={true}
+          useFilterInSession={true}
+          useFilterInUrl={true}
+          saveSortInSession={true}
+          saveSortInUrl={true}
+          useSortInSession={true}
+          useSortInUrl={true}
        />
      </Flex>
      <Modal
--- a/src/components/Dashboard/Sales/Marketplaces.jsx
+++ b/src/components/Dashboard/Sales/Marketplaces.jsx
@ -81,6 +81,14 @@ const Marketplaces = () => {
          cards={viewMode === 'cards'}
          showFilterSidebar={showFilterSidebar}
          expandHeight={true}
+          saveFilterInSession={true}
+          saveFilterInUrl={true}
+          useFilterInSession={true}
+          useFilterInUrl={true}
+          saveSortInSession={true}
+          saveSortInUrl={true}
+          useSortInSession={true}
+          useSortInUrl={true}
        />
      </Flex>
      <Modal
--- a/src/components/Dashboard/Sales/SalesOrders.jsx
+++ b/src/components/Dashboard/Sales/SalesOrders.jsx
@ -81,6 +81,14 @@ const SalesOrders = () => {
          cards={viewMode === 'cards'}
          showFilterSidebar={showFilterSidebar}
          expandHeight={true}
+          saveFilterInSession={true}
+          saveFilterInUrl={true}
+          useFilterInSession={true}
+          useFilterInUrl={true}
+          saveSortInSession={true}
+          saveSortInUrl={true}
+          useSortInSession={true}
+          useSortInUrl={true}
        />
      </Flex>
      <Modal