Abstract widget to detail view

client/analysis_options.yaml

@@ -1,4 +1,6 @@
 include: package:lint/analysis_options.yaml
 analyzer:
   exclude:
-    - lib/**/*.pb*.dart
+    - lib/**/*.pb*.dart
+    - lib/test-server.dart
+    - test/**/*.mocks.dart

client/lib/screens/detail_screen.dart

@@ -1,8 +1,13 @@
 import 'package:flutter/material.dart';
 import 'package:pr12er/protos/pkg/pr12er/messages.pb.dart';
+import 'package:pr12er/service.dart';
+import 'package:pr12er/widgets/detail/abstract.dart';
 import 'package:pr12er/widgets/detail/header.dart';
 import 'package:pr12er/utils/extractor.dart';
+import 'package:pr12er/widgets/detail/recommendataion.dart';
+import 'package:pr12er/widgets/detail/repository.dart';
 import 'package:pr12er/widgets/detail/youtube.dart';
+import 'package:provider/provider.dart';
 
 class DetailScreenArguments {
   final Video video;
@@ -39,25 +44,64 @@ class DetailScreen extends StatelessWidget {
         title: Text(args.video.title,
             key: const ValueKey("$routeName/appBar/title")),
       ),
-      body: CustomScrollView(
-        slivers: [
-          SliverList(
-              delegate: SliverChildListDelegate([
-            YoutubeWidget(youtubeId: extractYoutubeId(args.video.link)),
-            Container(
-              margin: const EdgeInsets.only(top: 5, left: 10, right: 10),
-              child: Column(
-                children: [
-                  HeaderWidget(video: args.video),
-                  const SizedBox(height: 10),
-                  getHorizontalLine(),
-                  const SizedBox(height: 10),
-                ],
-              ),
-            )
-          ]))
+      body: Column(
+        children: [
+          YoutubeWidget(youtubeId: extractYoutubeId(args.video.link)),
+          Expanded(
+            child: CustomScrollView(
+              slivers: [
+                SliverList(
+                    delegate: SliverChildListDelegate([
+                  Container(
+                    margin: const EdgeInsets.only(top: 5, left: 10, right: 10),
+                    child: Column(
+                      children: [
+                        HeaderWidget(video: args.video),
+                        const SizedBox(height: 10),
+                        getHorizontalLine(),
+                        const SizedBox(height: 10),
+                        FutureBuilder<Detail>(
+                          future: context
+                              .read<GrpcClient>()
+                              .getDetails(args.video.id),
+                          builder: (context, AsyncSnapshot<Detail> snapshot) {
+                            if (!snapshot.hasData) {
+                              return const Center(
+                                  child: CircularProgressIndicator());
+                            }
+
+                            return Column(children: [
+                              PaperAbstractWidget(
+                                  paper: snapshot.data!.paper[0]),
+                              const SizedBox(height: 10),
+                              getHorizontalLine(),
+                              const SizedBox(height: 10),
+                              RecommentationWidget(detail: snapshot.data!),
+                              const SizedBox(height: 10),
+                              getHorizontalLine(),
+                              const SizedBox(height: 10),
+                              RepositoryWidget(
+                                repositories:
+                                    snapshot.data!.paper[0].repositories,
+                              )
+                            ]);
+                          },
+                        )
+                      ],
+                    ),
+                  )
+                ]))
+              ],
+            ),
+          ),
         ],
       ),
+      floatingActionButton: FloatingActionButton(
+        onPressed: () {
+          // Add your onPressed code here!
+        },
+        child: const Icon(Icons.email),
+      ),
     );
   }
 }

client/lib/screens/main_screen.dart

@@ -15,7 +15,14 @@ class MainScreen extends StatelessWidget {
   Widget build(BuildContext context) {
     return Scaffold(
         appBar: AppBar(
-          leading: const Icon(Icons.search),
+          actions: <Widget>[
+            IconButton(
+              icon: const Icon(Icons.search),
+              onPressed: () {
+                // do something
+              },
+            )
+          ],
           title: const Text(appName),
         ),
         body: PRVideos());

client/lib/service.dart

@@ -22,6 +22,13 @@ class GrpcClient {
 
     return response.videos;
   }
+
+  Future<Detail> getDetails(int videoId) async {
+    final request = GetDetailsRequest(prId: videoId);
+    final response = await _client.getDetails(request);
+
+    return response.detail;
+  }
 }
 
 ClientChannel _getKkweonOktetoChannel() {