Create placeholder SkillTreeView

tedyyan · Sep 8, 2023 · b00be97 · b00be97
1 parent 97bd56b
commit b00be97
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 2 deletions.
diff --git 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
@@ -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,
+          ),
+        ),
+      ),
+    );
+  }
+}