.

visuals/dash_app.py

@@ -1,26 +1,27 @@
 '''Module to create a Dash app that displays visualizations of YNAB data.'''
 import dash
-import dash_bootstrap_components as dbc
+from dash import dcc, html
 from dash.dependencies import Input, Output
+import dash_bootstrap_components as dbc
+from visuals.layout import create_layout
+from visuals.components import update_data, update_dates
+from datetime import date
 
-import visuals.layout as layout
-import visuals.components as charts
 
-def update_visuals(start_date, end_date):
-    # Update the data based on the selected date range
-    master = charts.update_dates(start_date, end_date)
-    data = charts.update_data(master)
-    return layout.create_layout(data)
+master_data = update_dates(start_date=date(2024, 1, 1), end_date=date(2026, 1, 1))
+data = update_data(master_data)
 
-# Initialize the app with a dark theme
-app = dash.Dash(external_stylesheets=[dbc.themes.DARKLY])
 
-# App layout
-app.layout = update_visuals()
+app = dash.Dash(__name__, external_stylesheets=[dbc.themes.DARKLY])
 
 @app.callback(
-    [
-        Input('date-picker-range', 'start_date'),
-        Input('date-picker-range', 'end_date')
-    ]
-)
+    Output("layout-container", "children"),
+    [Input('date-picker-range', 'start_date'),
+     Input('date-picker-range', 'end_date')]
+)
+def update_layout(start_date,end_date):
+    master_data = update_dates(start_date, end_date)
+    data = update_data(master_data)
+    return create_layout(data)
+
+app.layout = create_layout(data)