Standardize header on selectprovinciegemeente, enable CachedNetworkImage on horeca overview cards, remove table card shadow

- selectprovinciegemeente: add Drawer + drawerComponent, replace hand-rolled back icon with HeaderButtonsComponent
- horecagelegenheidoverzicht_kaart + horecagelegenheid_event_tabel_component_copy: toggle Cached on logo images
- uitgaantabel_kaart_component: remove title text shadow

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

lib/horecagelegenhedenoverzicht/horecagelegenheid_event_tabel_component_copy/horecagelegenheid_event_tabel_component_copy_model.dart

@@ -5,6 +5,7 @@ import '/flutter_flow/flutter_flow_widgets.dart';
 import 'dart:ui';
 import 'horecagelegenheid_event_tabel_component_copy_widget.dart'
     show HorecagelegenheidEventTabelComponentCopyWidget;
+import 'package:cached_network_image/cached_network_image.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_spinkit/flutter_spinkit.dart';
 import 'package:google_fonts/google_fonts.dart';

lib/horecagelegenhedenoverzicht/horecagelegenheid_event_tabel_component_copy/horecagelegenheid_event_tabel_component_copy_widget.dart

@@ -3,6 +3,7 @@ import '/flutter_flow/flutter_flow_theme.dart';
 import '/flutter_flow/flutter_flow_util.dart';
 import '/flutter_flow/flutter_flow_widgets.dart';
 import 'dart:ui';
+import 'package:cached_network_image/cached_network_image.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_spinkit/flutter_spinkit.dart';
 import 'package:google_fonts/google_fonts.dart';
@@ -300,8 +301,10 @@ class _HorecagelegenheidEventTabelComponentCopyWidgetState
                             children: [
                               ClipRRect(
                                 borderRadius: BorderRadius.circular(8.0),
-                                child: Image.network(
-                                  getJsonField(
+                                child: CachedNetworkImage(
+                                  fadeInDuration: Duration(milliseconds: 500),
+                                  fadeOutDuration: Duration(milliseconds: 500),
+                                  imageUrl: getJsonField(
                                     evenementenItem,
                                     r'''$.logo''',
                                   ).toString(),

lib/horecagelegenhedenoverzicht/horecagelegenheidoverzicht_kaart/horecagelegenheidoverzicht_kaart_model.dart

@@ -4,6 +4,7 @@ import '/flutter_flow/flutter_flow_widgets.dart';
 import 'dart:ui';
 import 'horecagelegenheidoverzicht_kaart_widget.dart'
     show HorecagelegenheidoverzichtKaartWidget;
+import 'package:cached_network_image/cached_network_image.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_spinkit/flutter_spinkit.dart';
 import 'package:google_fonts/google_fonts.dart';

lib/horecagelegenhedenoverzicht/horecagelegenheidoverzicht_kaart/horecagelegenheidoverzicht_kaart_widget.dart

@@ -2,6 +2,7 @@ import '/flutter_flow/flutter_flow_theme.dart';
 import '/flutter_flow/flutter_flow_util.dart';
 import '/flutter_flow/flutter_flow_widgets.dart';
 import 'dart:ui';
+import 'package:cached_network_image/cached_network_image.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_spinkit/flutter_spinkit.dart';
 import 'package:google_fonts/google_fonts.dart';
@@ -157,8 +158,10 @@ class _HorecagelegenheidoverzichtKaartWidgetState
                     children: [
                       ClipRRect(
                         borderRadius: BorderRadius.circular(8.0),
-                        child: Image.network(
-                          widget!.logo!,
+                        child: CachedNetworkImage(
+                          fadeInDuration: Duration(milliseconds: 0),
+                          fadeOutDuration: Duration(milliseconds: 0),
+                          imageUrl: widget!.logo!,
                           fit: BoxFit.cover,
                         ),
                       ),

lib/selecteer_plaats/selectprovinciegemeente/selectprovinciegemeente_model.dart

@@ -1,8 +1,9 @@
-import '/flutter_flow/flutter_flow_icon_button.dart';
+import '/components/header_buttons_component_widget.dart';
 import '/flutter_flow/flutter_flow_theme.dart';
 import '/flutter_flow/flutter_flow_util.dart';
 import '/flutter_flow/flutter_flow_widgets.dart';
 import '/selecteer_plaats/select_state_drop_down_component/select_state_drop_down_component_widget.dart';
+import '/shared/drawer_component/drawer_component_widget.dart';
 import 'dart:ui';
 import 'selectprovinciegemeente_widget.dart' show SelectprovinciegemeenteWidget;
 import 'package:flutter/material.dart';
@@ -14,23 +15,32 @@ class SelectprovinciegemeenteModel
     extends FlutterFlowModel<SelectprovinciegemeenteWidget> {
   ///  State fields for stateful widgets in this page.
 
+  // Model for HeaderButtonsComponent component.
+  late HeaderButtonsComponentModel headerButtonsComponentModel;
   // Model for SelectStateDropDownComponent component.
   late SelectStateDropDownComponentModel selectStateDropDownComponentModel;
+  // Model for drawerComponent component.
+  late DrawerComponentModel drawerComponentModel;
 
   final Map<String, DebugDataField> debugGeneratorVariables = {};
   final Map<String, DebugDataField> debugBackendQueries = {};
   final Map<String, FlutterFlowModel> widgetBuilderComponents = {};
   @override
   void initState(BuildContext context) {
+    headerButtonsComponentModel =
+        createModel(context, () => HeaderButtonsComponentModel());
     selectStateDropDownComponentModel =
         createModel(context, () => SelectStateDropDownComponentModel());
+    drawerComponentModel = createModel(context, () => DrawerComponentModel());
 
     debugLogWidgetClass(this);
   }
 
   @override
   void dispose() {
+    headerButtonsComponentModel.dispose();
     selectStateDropDownComponentModel.dispose();
+    drawerComponentModel.dispose();
   }
 
   @override
@@ -38,8 +48,12 @@ class SelectprovinciegemeenteModel
         generatorVariables: debugGeneratorVariables.entries,
         backendQueries: debugBackendQueries.entries,
         componentStates: {
+          'headerButtonsComponentModel (HeaderButtonsComponent)':
+              headerButtonsComponentModel?.toWidgetClassDebugData(),
           'selectStateDropDownComponentModel (SelectStateDropDownComponent)':
               selectStateDropDownComponentModel?.toWidgetClassDebugData(),
+          'drawerComponentModel (drawerComponent)':
+              drawerComponentModel?.toWidgetClassDebugData(),
           ...widgetBuilderComponents.map(
             (key, value) => MapEntry(
               key,

lib/selecteer_plaats/selectprovinciegemeente/selectprovinciegemeente_widget.dart

@@ -1,8 +1,9 @@
-import '/flutter_flow/flutter_flow_icon_button.dart';
+import '/components/header_buttons_component_widget.dart';
 import '/flutter_flow/flutter_flow_theme.dart';
 import '/flutter_flow/flutter_flow_util.dart';
 import '/flutter_flow/flutter_flow_widgets.dart';
 import '/selecteer_plaats/select_state_drop_down_component/select_state_drop_down_component_widget.dart';
+import '/shared/drawer_component/drawer_component_widget.dart';
 import 'dart:ui';
 import 'package:flutter/material.dart';
 import 'package:flutter_spinkit/flutter_spinkit.dart';
@@ -99,22 +100,38 @@ class _SelectprovinciegemeenteWidgetState
       child: Scaffold(
         key: scaffoldKey,
         backgroundColor: FlutterFlowTheme.of(context).primaryBackground,
+        drawer: Drawer(
+          elevation: 16.0,
+          child: wrapWithModel(
+            model: _model.drawerComponentModel,
+            updateCallback: () => safeSetState(() {}),
+            child: Builder(builder: (_) {
+              return DebugFlutterFlowModelContext(
+                rootModel: _model.rootModel,
+                child: DrawerComponentWidget(),
+              );
+            }),
+          ),
+        ),
         appBar: AppBar(
           backgroundColor: FlutterFlowTheme.of(context).primary,
           automaticallyImplyLeading: false,
-          leading: FlutterFlowIconButton(
-            borderColor: Colors.transparent,
-            borderRadius: 30.0,
-            borderWidth: 1.0,
-            buttonSize: 60.0,
-            icon: Icon(
-              Icons.arrow_back_rounded,
-              color: Colors.white,
-              size: 30.0,
-            ),
-            onPressed: () async {
-              context.pop();
-            },
+          leading: Row(
+            mainAxisSize: MainAxisSize.max,
+            children: [
+              Expanded(
+                child: wrapWithModel(
+                  model: _model.headerButtonsComponentModel,
+                  updateCallback: () => safeSetState(() {}),
+                  child: Builder(builder: (_) {
+                    return DebugFlutterFlowModelContext(
+                      rootModel: _model.rootModel,
+                      child: HeaderButtonsComponentWidget(),
+                    );
+                  }),
+                ),
+              ),
+            ],
           ),
           title: Text(
             FFLocalizations.of(context).getText(

lib/uitgaanspaginas/uitgaantabel_kaart_component/uitgaantabel_kaart_component_widget.dart

@@ -345,8 +345,8 @@ class _UitgaantabelKaartComponentWidgetState
                                               color:
                                                   FlutterFlowTheme.of(context)
                                                       .secondaryText,
-                                              offset: Offset(2.0, 2.0),
-                                              blurRadius: 2.0,
+                                              offset: Offset(0.0, 0.0),
+                                              blurRadius: 0.0,
                                             )
                                           ],
                                         ),