more changes

Author: LineIndent

admin_dashboard/.gitignore

@@ -8,4 +8,4 @@ venv/
 .web
 __pycache__/
 .DS_Store
-.idea/
+.idea/

admin_dashboard/admin_dashboard/admin_dashboard.py

@@ -1,9 +1,10 @@
 import reflex as rx
-from admin_dashboard.components.navigation import navigation
-from admin_dashboard.components.data_table import data_table
-from admin_dashboard.components.customer_details import customer_details
 import reflex.components.radix.themes as rdxt
 
+from admin_dashboard.components.customer_details import customer_details
+from admin_dashboard.components.data_table import data_table
+from admin_dashboard.components.navigation import navigation
+
 
 def index() -> rx.Component:
     """The main page layout for the dashboard."""
@@ -61,12 +62,8 @@ def customer_success_hub_page() -> rx.Component:
     return mock_page("Customer Success Hub")
 
 
-app = rx.App(
-    theme=rx.theme(appearance="light"), stylesheets=[]
-)
+app = rx.App(theme=rx.theme(appearance="light"), stylesheets=[])
 app.add_page(index, route="/")
 app.add_page(sales_pipeline_page, route="/sales-pipeline")
 app.add_page(hr_portal_page, route="/hr-portal")
-app.add_page(
-    customer_success_hub_page, route="/customer-success-hub"
-)
+app.add_page(customer_success_hub_page, route="/customer-success-hub")

admin_dashboard/admin_dashboard/components/customer_details.py

@@ -1,31 +1,25 @@
 import reflex as rx
 import reflex.components.recharts as recharts
+
 from admin_dashboard.states.dashboard_state import (
-    DashboardState,
     CustomerData,
+    DashboardState,
 )
-from typing import Optional
 
 
-def detail_item(
-    label: str, value: rx.Var[str]
-) -> rx.Component:
+def detail_item(label: str, value: rx.Var[str]) -> rx.Component:
     """Displays a single detail item with label and value."""
     return rx.el.div(
         rx.el.dt(
             label,
             class_name="text-sm font-medium text-gray-500",
         ),
-        rx.el.dd(
-            value, class_name="mt-1 text-sm text-gray-900"
-        ),
+        rx.el.dd(value, class_name="mt-1 text-sm text-gray-900"),
         class_name="py-2",
     )
 
 
-def license_stat(
-    label: str, value: rx.Var[int], change: rx.Var[int]
-) -> rx.Component:
+def license_stat(label: str, value: rx.Var[int], change: rx.Var[int]) -> rx.Component:
     """Displays a license statistic card."""
     return rx.el.div(
         rx.el.p(
@@ -39,9 +33,7 @@ def license_stat(
             ),
             rx.el.span(
                 rx.icon(
-                    rx.cond(
-                        change > 0, "arrow-up", "arrow-down"
-                    ),
+                    rx.cond(change > 0, "arrow-up", "arrow-down"),
                     size=16,
                     class_name="mr-1",
                 ),
@@ -65,11 +57,7 @@ def customer_details_panel(
     """Panel showing detailed information about a selected customer."""
     usage_percentage = rx.cond(
         customer["licenses"] > 0,
-        round(
-            customer["active_licenses"]
-            * 100
-            / customer["licenses"]
-        ).to(int),
+        round(customer["active_licenses"] * 100 / customer["licenses"]).to(int),
         0,
     )
     return rx.el.div(
@@ -101,12 +89,8 @@ def customer_details_panel(
                     "Revenue",
                     "$" + customer["revenue"].to_string(),
                 ),
-                detail_item(
-                    "Platform Type", customer["platform"]
-                ),
-                detail_item(
-                    "Industry", customer["industry"]
-                ),
+                detail_item("Platform Type", customer["platform"]),
+                detail_item("Industry", customer["industry"]),
             ),
             class_name="mb-6 p-4 bg-white rounded-lg border border-gray-200 divide-y divide-gray-200 shadow-sm",
         ),
@@ -183,9 +167,7 @@ def customer_details() -> rx.Component:
     return rx.el.div(
         rx.cond(
             DashboardState.selected_customer,
-            customer_details_panel(
-                DashboardState.selected_customer
-            ),
+            customer_details_panel(DashboardState.selected_customer),
             rx.el.div(
                 rx.el.p(
                     "Select a customer to see details.",
@@ -195,4 +177,4 @@ def customer_details() -> rx.Component:
             ),
         ),
         class_name="w-1/3 flex-shrink-0 h-[100vh] overflow-hidden sticky top-0 right-0 border-l border-gray-200",
-    )
+    )

admin_dashboard/admin_dashboard/components/data_table.py

@@ -1,11 +1,12 @@
+from typing import Optional, Tuple
+
 import reflex as rx
+
 from admin_dashboard.states.dashboard_state import (
+    CustomerData,
     DashboardState,
     SortColumn,
-    SortOrder,
-    CustomerData,
 )
-from typing import Optional, List, Tuple
 
 
 def platform_tag(platform: rx.Var[str]) -> rx.Component:
@@ -56,12 +57,12 @@ def industry_tag(industry: rx.Var[str]) -> rx.Component:
 
 def sort_icon(column_key: SortColumn) -> rx.Component:
     """Displays sort direction icon or a neutral sortable indicator."""
-    icon_base_class = "ml-1 inline-block w-3 h-3 transition-colors duration-150 ease-in-out"
+    icon_base_class = (
+        "ml-1 inline-block w-3 h-3 transition-colors duration-150 ease-in-out"
+    )
     active_icon_class = f"{icon_base_class} text-gray-700"
     inactive_icon_class = f"{icon_base_class} text-gray-400 group-hover:text-gray-600"
-    is_active_column = (
-        DashboardState.sort_column == column_key
-    )
+    is_active_column = DashboardState.sort_column == column_key
     return rx.cond(
         is_active_column,
         rx.cond(
@@ -85,9 +86,7 @@ def sort_icon(column_key: SortColumn) -> rx.Component:
     )
 
 
-def sortable_table_header(
-    col_name: str, column_key: SortColumn
-) -> rx.Component:
+def sortable_table_header(col_name: str, column_key: SortColumn) -> rx.Component:
     """Renders a sortable table header cell."""
     base_class = "px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider group"
     sortable_class = f"{base_class} cursor-pointer"
@@ -124,7 +123,9 @@ def non_sortable_table_header(
     col_name: str,
 ) -> rx.Component:
     """Renders a non-sortable table header cell."""
-    base_class = "px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider"
+    base_class = (
+        "px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider"
+    )
     text_align_class = rx.match(
         col_name,
         ("Revenue", "text-right"),
@@ -159,17 +160,13 @@ def table_header(
     col_name = col_data[0]
     column_key = col_data[1]
     return rx.cond(
-        column_key != None,
-        sortable_table_header(
-            col_name, column_key.to(SortColumn)
-        ),
+        column_key is not None,
+        sortable_table_header(col_name, column_key.to(SortColumn)),
         non_sortable_table_header(col_name),
     )
 
 
-def get_cell_content(
-    col_name: rx.Var[str], customer: CustomerData
-) -> rx.Component:
+def get_cell_content(col_name: rx.Var[str], customer: CustomerData) -> rx.Component:
     """Gets the appropriate component for a specific cell based on column name."""
     base_class = "px-4 py-3 whitespace-nowrap text-sm"
     return rx.match(
@@ -224,9 +221,7 @@ def get_cell_content(
                     "+",
                     "",
                 )
-                + customer[
-                    "active_license_growth"
-                ].to_string()
+                + customer["active_license_growth"].to_string()
                 + "%",
                 class_name=rx.cond(
                     customer["active_license_growth"] > 0,
@@ -261,16 +256,11 @@ def table_row(customer: CustomerData) -> rx.Component:
     return rx.el.tr(
         rx.foreach(
             DashboardState.column_data,
-            lambda col_data: get_cell_content(
-                col_data[0], customer
-            ),
-        ),
-        on_click=lambda: DashboardState.select_customer(
-            customer["id"]
+            lambda col_data: get_cell_content(col_data[0], customer),
         ),
+        on_click=lambda: DashboardState.select_customer(customer["id"]),
         class_name=rx.cond(
-            DashboardState.selected_customer_id
-            == customer["id"],
+            DashboardState.selected_customer_id == customer["id"],
             "bg-emerald-50 border-l-4 border-emerald-500 cursor-pointer hover:bg-emerald-100 transition-colors duration-150 ease-in-out",
             "border-b border-gray-200 cursor-pointer hover:bg-gray-50 transition-colors duration-150 ease-in-out",
         ),
@@ -290,9 +280,7 @@ def data_table() -> rx.Component:
                 rx.el.input(
                     placeholder="Search by customer name...",
                     default_value=DashboardState.search_term,
-                    on_change=DashboardState.set_search_term.debounce(
-                        300
-                    ),
+                    on_change=DashboardState.set_search_term.debounce(300),
                     class_name="w-full pl-10 pr-4 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-emerald-500 focus:border-transparent text-sm text-gray-800 placeholder-gray-500",
                 ),
                 class_name="relative flex-grow",
@@ -334,11 +322,10 @@ def data_table() -> rx.Component:
         ),
         rx.el.div(
             rx.el.p(
-                DashboardState.result_count.to_string()
-                + " results",
+                DashboardState.result_count.to_string() + " results",
                 class_name="text-sm text-gray-500 mt-4",
             ),
             class_name="flex justify-end",
         ),
         class_name="bg-white p-6 rounded-lg shadow-md",
-    )
+    )

admin_dashboard/admin_dashboard/components/navigation.py

@@ -1,4 +1,5 @@
 import reflex as rx
+
 from admin_dashboard.states.navigation_state import NavigationState
 
 
@@ -24,9 +25,7 @@ def navigation() -> rx.Component:
                 class_name="h-8 w-auto mr-4",
                 alt="App Logo",
             ),
-            navigation_item(
-                "Sales Pipeline", "/sales-pipeline"
-            ),
+            navigation_item("Sales Pipeline", "/sales-pipeline"),
             navigation_item("Customer Admin Panel", "/"),
             navigation_item("HR Portal", "/hr-portal"),
             navigation_item(
@@ -36,4 +35,4 @@ def navigation() -> rx.Component:
             class_name="flex items-center space-x-2",
         ),
         class_name="bg-emerald-800 px-6 py-2 shadow-md sticky top-0 left-0 w-full z-50 h-[56px]",
-    )
+    )

admin_dashboard/admin_dashboard/models/__init__.py

@@ -0,0 +1,23 @@
+from datetime import datetime
+from typing import (
+    Dict,
+    List,
+    Optional,
+    TypedDict,
+    Union,
+)
+
+
+class CustomerData(TypedDict):
+    id: int
+    customer_name: str
+    next_renewal: str
+    revenue: float
+    licenses: int
+    active_licenses: int
+    active_license_growth: int
+    license_growth: int
+    industry: str
+    platform: str
+    usage_history: List[Dict[str, Union[str, int]]]
+    next_renewal_date: Optional[datetime]