aljaz/Auto-GPT
1
0
Fork 0
mirror of https://github.com/aljazceru/Auto-GPT.git synced 2026-02-09 00:04:31 +01:00
Code Issues Packages Projects Releases Wiki Activity

Integrate SideBarView into MainLayout for Wider Screens (#5176)

Browse Source
This commit is contained in:
hunteraraujo
2023-09-07 17:37:12 -07:00
committed by GitHub
parent 85a7fb33e3 b6396462f2
commit 52c01e072e
3 changed files with 58 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/lib/main.dart
View File

@@ -56,7 +56,7 @@ class MyApp extends StatelessWidget {
ChangeNotifierProvider(
create: (context) => TaskViewModel(taskService)),
],
child: const MainLayout(),
child: MainLayout(),
),
);
}

18
frontend/lib/views/main_layout.dart
View File

@@ -1,12 +1,15 @@
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/task/task_view.dart';
import 'package:auto_gpt_flutter_client/views/chat/chat_view.dart';
import 'package:flutter/cupertino.dart';
import 'package:provider/provider.dart';
class MainLayout extends StatelessWidget {
const MainLayout({Key? key}) : super(key: key);
final ValueNotifier<String> selectedViewNotifier = ValueNotifier('TaskView');
MainLayout({super.key});
@override
Widget build(BuildContext context) {
@@ -24,7 +27,18 @@ class MainLayout extends StatelessWidget {
// For larger screens, return a side-by-side layout
return Row(
children: [
SizedBox(width: 280, child: TaskView(viewModel: taskViewModel)),
SideBarView(selectedViewNotifier: selectedViewNotifier),
ValueListenableBuilder(
valueListenable: selectedViewNotifier,
builder: (context, String value, _) {
if (value == 'TaskView') {
return SizedBox(
width: 280, child: TaskView(viewModel: taskViewModel));
} else {
return Expanded(child: Text("SkillTreeView")); // placeholder
}
},
),
Expanded(
child: ChatView(
viewModel: chatViewModel,

41
frontend/lib/views/side_bar_view.dart Normal file
View File

@@ -0,0 +1,41 @@
import 'package:flutter/material.dart';
class SideBarView extends StatelessWidget {
final ValueNotifier<String> selectedViewNotifier;
SideBarView({required this.selectedViewNotifier});
@override
Widget build(BuildContext context) {
return Material(
child: ValueListenableBuilder(
valueListenable: selectedViewNotifier,
builder: (context, String selectedView, _) {
return SizedBox(
width: 60,
child: Column(
mainAxisAlignment: MainAxisAlignment.start,
children: [
IconButton(
splashRadius: 0.1,
color:
selectedView == 'TaskView' ? Colors.blue : Colors.black,
icon: Icon(Icons.chat),
onPressed: () => selectedViewNotifier.value = 'TaskView',
),
IconButton(
splashRadius: 0.1,
color: selectedView == 'SkillTreeView'
? Colors.blue
: Colors.black,
icon: Icon(Icons.emoji_events), // trophy icon
onPressed: () =>
selectedViewNotifier.value = 'SkillTreeView',
),
],
),
);
}),
);
}
}