Convert pages to dictionary with nav icons as values

Replace separate pages list and nav_icons list with a single dictionary
mapping page objects to their navigation icons for clearer association.

🤖 Generated with Claude Code

Co-Authored-By: Claude <noreply@anthropic.com>

app.py

@@ -65,7 +65,7 @@ def create_kpi_card_figure(data_frame, title, icon, metric_value=None, is_curren
             title=title,
             icon=icon,
         ),
-        actions=va.set_control(control="metric", value=metric_value)
+        actions=va.set_control(control="metric", value=metric_value),
     )
 
 
@@ -103,12 +103,11 @@ overview_page = vm.Page(
                 create_kpi_card_figure(order_kpi_df, "Orders", "orders", metric_value="Order ID", is_currency=False),
                 create_kpi_card_figure(
                     customer_kpi_df, "Customers", "group", metric_value="Customer ID", is_currency=False
-                )
+                ),
             ],
         ),
         create_chart_container_with_nav(
-            id="line_month",
-            figure=create_line_chart_per_month(superstore_df, value_col="Sales")
+            id="line_month", figure=create_line_chart_per_month(superstore_df, value_col="Sales")
         ),
         create_chart_container_with_nav(
             id="order_status",
@@ -129,7 +128,7 @@ overview_page = vm.Page(
             id="category_bar",
             figure=create_bar_current_vs_previous_category(superstore_df, value_col="Sales"),
             nav_href="/products",
-        )
+        ),
     ],
     controls=[
         vm.Parameter(
@@ -160,22 +159,17 @@ regions_page = vm.Page(
                             id="region_map_chart",
                             header="💡 Click on a state to filter charts on the right.",
                             figure=create_map_bubble_new(superstore_df, value_col="Sales", custom_data=["State_Code"]),
-                            actions=va.set_control(control="state_filter", value="State_Code")
+                            actions=va.set_control(control="state_filter", value="State_Code"),
                         )
                     ],
-                    variant="filled"
+                    variant="filled",
                 ),
                 vm.Container(
-                    components=[
-                        vm.Graph(
-                            id="pg2-chart-1",
-                            figure=bar_chart_top_n(superstore_df, x="Sales", y="City")
-                        )
-                    ],
+                    components=[vm.Graph(id="pg2-chart-1", figure=bar_chart_top_n(superstore_df, x="Sales", y="City"))],
                     controls=[
                         vm.Parameter(
                             targets=["pg2-chart-1.top_n"],
-                            selector=vm.Slider(min=5, max=30, step=5, value=20, title="Choose top N")
+                            selector=vm.Slider(min=5, max=30, step=5, value=20, title="Choose top N"),
                         ),
                         vm.Parameter(
                             selector=vm.RadioItems(
@@ -183,10 +177,10 @@ regions_page = vm.Page(
                                 title="Choose y-axis",
                             ),
                             targets=["pg2-chart-1.y"],
-                        )
+                        ),
                     ],
                     variant="filled",
-                )
+                ),
             ],
             controls=[
                 vm.Filter(
@@ -194,14 +188,8 @@ regions_page = vm.Page(
                     column="State_Code",
                     visible=False,
                 ),
-                vm.Filter(
-                    column="Segment",
-                    selector=vm.Checklist(title="Choose segment")
-                ),
-                vm.Filter(
-                    column="Category",
-                    selector=vm.Checklist(title="Choose category")
-                ),
+                vm.Filter(column="Segment", selector=vm.Checklist(title="Choose segment")),
+                vm.Filter(column="Category", selector=vm.Checklist(title="Choose category")),
                 vm.Parameter(
                     selector=vm.RadioItems(
                         options=["Sales", "Profit"],
@@ -211,7 +199,7 @@ regions_page = vm.Page(
                         "region_map_chart.value_col",
                         "pg2-chart-1.x",
                     ],
-                )
+                ),
             ],
         )
     ],
@@ -230,14 +218,14 @@ customers_page = vm.Page(
                         aggrid_df,
                         columnDefs=COLUMN_DEFS_CUSTOMERS,
                     ),
-                    actions=va.set_control(control="pg3_parameter_1", value="Customer Name")
+                    actions=va.set_control(control="pg3_parameter_1", value="Customer Name"),
                 ),
-                vm.Graph(id="pg3_pareto_chart", figure=pareto_customers_chart(superstore_df, highlight_customer=None))
+                vm.Graph(id="pg3_pareto_chart", figure=pareto_customers_chart(superstore_df, highlight_customer=None)),
             ],
             controls=[
                 vm.Filter(column="Region", selector=vm.Checklist(title="Choose region")),
                 vm.Filter(column="Segment", selector=vm.Checklist(title="Choose segment")),
-                vm.Filter(column="Category", selector=vm.Checklist(title="Choose category"))
+                vm.Filter(column="Category", selector=vm.Checklist(title="Choose category")),
             ],
         )
     ],
@@ -256,20 +244,14 @@ products_page = vm.Page(
     title="Products",
     components=[
         vm.Container(
-            layout=vm.Grid(
-                grid=[
-                    [0, 0, 2, 2],
-                    [1, 1, 2, 2],
-                    [1, 1, 2, 2]
-                ]
-            ),
+            layout=vm.Grid(grid=[[0, 0, 2, 2], [1, 1, 2, 2], [1, 1, 2, 2]]),
             components=[
                 vm.Container(
                     components=[
                         vm.Graph(
                             id="pg4-chart-1",
                             figure=bar_chart_by_category(superstore_df, custom_data=["Category"]),
-                            actions=va.set_control(control="pg4-filter-1", value="Category")
+                            actions=va.set_control(control="pg4-filter-1", value="Category"),
                         )
                     ],
                     variant="filled",
@@ -280,7 +262,7 @@ products_page = vm.Page(
                             id="table",
                             header="💡 Click on a row to highlight the data point in the matrix on the right.",
                             figure=dash_ag_grid(superstore_product_df, columnDefs=COLUMN_DEFS_PRODUCT),
-                            actions=va.set_control(control="pg4_parameter_1", value="Sub-Category")
+                            actions=va.set_control(control="pg4_parameter_1", value="Sub-Category"),
                         )
                     ],
                     variant="filled",
@@ -294,12 +276,12 @@ products_page = vm.Page(
                                 x="Sales",
                                 y="Profit",
                                 custom_data=["Sub-Category"],
-                            )
+                            ),
                         )
                     ],
                     variant="filled",
-                )
-            ]
+                ),
+            ],
         )
     ],
     controls=[
@@ -320,7 +302,7 @@ products_page = vm.Page(
             targets=["pg4-chart-3.highlight_sub_category"],
             selector=vm.Dropdown(options=subcategories, value="NONE", multi=False),
             visible=False,
-        )
+        ),
     ],
 )
 
@@ -330,32 +312,30 @@ orders_page = vm.Page(
     components=[
         vm.AgGrid(id="table_id", figure=custom_orders_aggrid(superstore_df)),
         vm.Button(
-            text="Export data",
-            icon="download",
-            actions=va.export_data(targets=["table_id"], file_format="xlsx")
-        )
+            text="Export data", icon="download", actions=va.export_data(targets=["table_id"], file_format="xlsx")
+        ),
     ],
 )
 
 
-nav_items = [
-    ("Overview", "Home"),
-    ("Regions", "Globe Asia"),
-    ("Products", "Barcode"),
-    ("Customers", "Group"),
-    ("Orders", "Shopping Cart"),
-]
+pages = {
+    overview_page: "Home",
+    regions_page: "Globe Asia",
+    products_page: "Barcode",
+    customers_page: "Group",
+    orders_page: "Shopping Cart",
+}
 
 navigation = vm.Navigation(
-    pages=["Overview", "Regions", "Customers", "Products", "Orders"],
+    pages=[page.title for page in pages.keys()],
     nav_selector=vm.NavBar(
-        items=[vm.NavLink(pages=[page], label=page, icon=icon) for page, icon in nav_items]
+        items=[vm.NavLink(pages=[page.title], label=page.title, icon=icon) for page, icon in pages.items()]
     ),
 )
 
 dashboard = vm.Dashboard(
     title="Superstore dashboard",
-    pages=[overview_page, regions_page, customers_page, products_page, orders_page],
+    pages=list(pages.keys()),
     navigation=navigation,
     theme="vizro_light",
 )