[UploadCocktail] now use CustomNavigationBar instead of AppBar

Author: apoleon33

lib/routes/upload/upload_cocktail_properties.dart

@@ -1,5 +1,6 @@
 import 'package:cocktailpedia/util/cocktail.dart';
 import 'package:cocktailpedia/util/glass_type.dart';
+import 'package:cocktailpedia/widgets/custom_navigation_bar.dart';
 import 'package:cocktailpedia/widgets/custom_theme.dart';
 import 'package:flutter/material.dart';
 
@@ -81,8 +82,9 @@ class _UploadCocktailPropertiesStates extends State<UploadCocktailProperties> {
       image: _imageReference,
       delay: const Duration(milliseconds: 250),
       builder: (ThemeData theme) => Scaffold(
-        appBar: AppBar(
+        appBar: CustomNavigationBar(
           title: Text(widget.cocktail.name),
+          isColorSurface: true,
         ),
         body: ListView(
           children: [

lib/routes/upload/upload_name_images.dart

@@ -3,6 +3,7 @@ import 'dart:io';
 
 import 'package:cocktailpedia/routes/upload/upload_cocktail_properties.dart';
 import 'package:cocktailpedia/util/cocktail.dart';
+import 'package:cocktailpedia/widgets/custom_navigation_bar.dart';
 import 'package:file_picker/file_picker.dart';
 import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
@@ -98,7 +99,8 @@ class _UploadPageState extends State<UploadPage> {
   @override
   Widget build(BuildContext context) {
     return Scaffold(
-      appBar: AppBar(
+      appBar: CustomNavigationBar(
+        isColorSurface: true,
         leading: IconButton(
           icon: const Icon(Icons.close),
           onPressed: () {