From eaa4825e6bf4e32d6304482aadc28d839abb2d06 Mon Sep 17 00:00:00 2001
From: hunteraraujo <hunter_araujo@msn.com>
Date: Sat, 2 Sep 2023 20:22:43 -0700
Subject: [PATCH] Refactor ApiBaseUrlField into a Separate Widget

- Extracted the API Base URL field and associated buttons into a new ApiBaseUrlField widget.
- Utilized Consumer to listen for changes in ApiSettingsViewModel.
- Maintained the look and feel consistent with the application's existing UI elements.

This refactor enhances code modularity and readability by isolating the API settings UI in its own widget.
---
 lib/views/task/api_base_url_field.dart | 75 ++++++++++++++++++++++++++
 1 file changed, 75 insertions(+)
 create mode 100644 lib/views/task/api_base_url_field.dart

diff --git a/lib/views/task/api_base_url_field.dart b/lib/views/task/api_base_url_field.dart
new file mode 100644
index 00000000..a52bbede
--- /dev/null
+++ b/lib/views/task/api_base_url_field.dart
@@ -0,0 +1,75 @@
+import 'package:flutter/material.dart';
+import 'package:provider/provider.dart';
+import 'package:auto_gpt_flutter_client/viewmodels/api_settings_viewmodel.dart';
+
+class ApiBaseUrlField extends StatelessWidget {
+  final TextEditingController controller;
+
+  const ApiBaseUrlField({required this.controller});
+
+  @override
+  Widget build(BuildContext context) {
+    return Consumer<ApiSettingsViewModel>(
+      builder: (context, apiSettingsViewModel, child) {
+        return Padding(
+          padding: const EdgeInsets.symmetric(horizontal: 16),
+          child: Column(
+            children: [
+              Container(
+                height: 50,
+                decoration: BoxDecoration(
+                  color: Colors.white,
+                  border: Border.all(color: Colors.black, width: 0.5),
+                  borderRadius: BorderRadius.circular(8),
+                ),
+                child: Padding(
+                  padding: const EdgeInsets.symmetric(horizontal: 8),
+                  child: TextField(
+                    controller: controller,
+                    decoration: const InputDecoration(
+                      border: InputBorder.none,
+                      hintText: 'API Base URL',
+                    ),
+                  ),
+                ),
+              ),
+              const SizedBox(height: 16),
+              Row(
+                mainAxisAlignment: MainAxisAlignment.spaceEvenly,
+                children: [
+                  ElevatedButton(
+                    onPressed: () {
+                      controller.text = 'http://127.0.0.1:8000';
+                      apiSettingsViewModel.updateBaseURL(controller.text);
+                    },
+                    style: ElevatedButton.styleFrom(
+                      backgroundColor: Colors.white,
+                      foregroundColor: Colors.black,
+                      textStyle: const TextStyle(
+                        color: Colors.black,
+                      ),
+                    ),
+                    child: const Text("Reset"),
+                  ),
+                  ElevatedButton(
+                    onPressed: () {
+                      apiSettingsViewModel.updateBaseURL(controller.text);
+                    },
+                    style: ElevatedButton.styleFrom(
+                      backgroundColor: Colors.white,
+                      foregroundColor: Colors.black,
+                      textStyle: const TextStyle(
+                        color: Colors.black,
+                      ),
+                    ),
+                    child: const Text("Update"),
+                  ),
+                ],
+              ),
+            ],
+          ),
+        );
+      },
+    );
+  }
+}