From b00be97030f81428b76797115dddee95be48c3d4 Mon Sep 17 00:00:00 2001
From: hunteraraujo <hunter_araujo@msn.com>
Date: Fri, 8 Sep 2023 08:53:49 -0700
Subject: [PATCH] Create placeholder SkillTreeView

---
 frontend/lib/views/main_layout.dart           |  5 +++--
 .../lib/views/skill_tree/skill_tree_view.dart | 21 +++++++++++++++++++
 2 files changed, 24 insertions(+), 2 deletions(-)
 create mode 100644 frontend/lib/views/skill_tree/skill_tree_view.dart

diff --git a/frontend/lib/views/main_layout.dart b/frontend/lib/views/main_layout.dart
index aa54cf4f5224..96a8a5c55da3 100644
--- a/frontend/lib/views/main_layout.dart
+++ b/frontend/lib/views/main_layout.dart
@@ -1,6 +1,7 @@
 import 'package:auto_gpt_flutter_client/viewmodels/task_viewmodel.dart';
 import 'package:auto_gpt_flutter_client/viewmodels/chat_viewmodel.dart';
-import 'package:auto_gpt_flutter_client/views/side_bar_view.dart';
+import 'package:auto_gpt_flutter_client/views/side_bar/side_bar_view.dart';
+import 'package:auto_gpt_flutter_client/views/skill_tree/skill_tree_view.dart';
 import 'package:auto_gpt_flutter_client/views/task/task_view.dart';
 import 'package:auto_gpt_flutter_client/views/chat/chat_view.dart';
 import 'package:flutter/cupertino.dart';
@@ -35,7 +36,7 @@ class MainLayout extends StatelessWidget {
                 return SizedBox(
                     width: 280, child: TaskView(viewModel: taskViewModel));
               } else {
-                return Expanded(child: Text("SkillTreeView")); // placeholder
+                return const Expanded(child: SkillTreeView());
               }
             },
           ),
diff --git a/frontend/lib/views/skill_tree/skill_tree_view.dart b/frontend/lib/views/skill_tree/skill_tree_view.dart
new file mode 100644
index 000000000000..8e2aee7e8a2e
--- /dev/null
+++ b/frontend/lib/views/skill_tree/skill_tree_view.dart
@@ -0,0 +1,21 @@
+import 'package:flutter/material.dart';
+
+class SkillTreeView extends StatelessWidget {
+  const SkillTreeView({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      color: Colors.blue[100], // Background color
+      child: const Center(
+        child: Text(
+          'SkillTreeView',
+          style: TextStyle(
+            fontSize: 24,
+            fontWeight: FontWeight.bold,
+          ),
+        ),
+      ),
+    );
+  }
+}