Feature/41

lib/constants.dart

@@ -0,0 +1,2 @@
+const String backendURL = "http://localhost:3000";
+const String backendURLAndroid = "https://127.0.0.1:3000";

lib/screen/profile_screen.dart

@@ -3,9 +3,11 @@ import 'package:flutter_svg/flutter_svg.dart';
 
 import '../widgets/my_navigation_bar.dart';
 import '../widgets/outlined_button.dart';
+import '../models/user_model.dart';
 
 class ProfileScreen extends StatefulWidget {
-  const ProfileScreen({Key? key}) : super(key: key);
+  final UserModel userModel;
+  const ProfileScreen({Key? key, required this.userModel}) : super(key: key);
 
   @override
   State<ProfileScreen> createState() => _ProfileScreenState();
@@ -14,6 +16,7 @@ class ProfileScreen extends StatefulWidget {
 class _ProfileScreenState extends State<ProfileScreen>
     with TickerProviderStateMixin {
   late TabController _tabController;
+  late UserModel _userModel;
 
   @override
   void initState() {
@@ -22,6 +25,7 @@ class _ProfileScreenState extends State<ProfileScreen>
     _tabController.addListener(() {
       setState(() {});
     });
+    _userModel = widget.userModel;
   }
 
   @override
@@ -72,7 +76,9 @@ class _ProfileScreenState extends State<ProfileScreen>
                 height: 25,
               ),
               Text(
-                "Will Rice College",
+                // once model matches with backend, fix this
+                _userModel.userName ?? "name_not_found",
+                // "bananalegend",
                 textAlign: TextAlign.center,
                 style: Theme.of(context).textTheme.titleMedium,
               ),

lib/widgets/post_widget.dart

@@ -1,10 +1,56 @@
+import 'dart:convert';
+
 import 'package:flutter/material.dart';
 import 'package:image_stack/image_stack.dart';
+import 'package:rice_music_sharing/screen/profile_screen.dart';
 import 'package:rice_music_sharing/widgets/post_action_button.dart';
+import '../../constants.dart';
+import 'package:http/http.dart' as http;
+import '../models/user_model.dart';
 
-class PostWidget extends StatelessWidget {
+class PostWidget extends StatefulWidget {
+  // will take in a usermodel in the future
   const PostWidget({Key? key}) : super(key: key);
 
+  @override
+  State<PostWidget> createState() => _PostWidget();
+}
+
+class _PostWidget extends State<PostWidget> {
+  late Future<UserModel> currUser;
+  String postUser = "bananalegend"; /* temporary username */
+
+  UserModel temp = UserModel(
+      netID: "jx29", displayName: "Vivian", userName: "Vivian", following: []);
+
+  void navigateToUser(BuildContext context) async {
+    currUser = fetchUser();
+    final user = await currUser;
+    // final user = temp;
+    // request user from backend
+    if (mounted) {
+      Navigator.push(
+        context,
+        MaterialPageRoute(builder: (context) => ProfileScreen(userModel: user)),
+      );
+    }
+  }
+
+  Future<UserModel> fetchUser() async {
+    final response = await http.get(Uri.parse("$backendURL\\users\\$postUser"));
+
+    if (response.statusCode == 200) {
+      // If the server did return a 200 OK response,
+      // then parse the JSON.
+      // decode the response to be a user model
+      return UserModel.fromJson(jsonDecode(response.body));
+    } else {
+      // If the server did not return a 200 OK response,
+      // then throw an exception.
+      throw Exception('Failed to load user');
+    }
+  }
+
   @override
   Widget build(BuildContext context) {
     return Container(
@@ -25,10 +71,23 @@ class PostWidget extends StatelessWidget {
           Row(
             crossAxisAlignment: CrossAxisAlignment.center,
             children: [
-              const CircleAvatar(
-                backgroundImage:
-                    NetworkImage("https://picsum.photos/250?image=9"),
-                radius: 18,
+              GestureDetector(
+                onTap: () {
+                  navigateToUser(context);
+                },
+                child: Container(
+                  width: 36.0,
+                  height: 36.0,
+                  decoration: const BoxDecoration(
+                    shape: BoxShape.circle,
+                    image: DecorationImage(
+                      fit: BoxFit.cover,
+                      image: NetworkImage(
+                        "https://picsum.photos/250?image=9",
+                      ),
+                    ),
+                  ),
+                ),
               ),
               const SizedBox(
                 width: 10,

pubspec.lock

@@ -181,6 +181,13 @@ packages:
     description: flutter
     source: sdk
     version: "0.0.0"
+  flutter_dotenv:
+    dependency: "direct main"
+    description:
+      name: flutter_dotenv
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "5.0.2"
   flutter_lints:
     dependency: "direct dev"
     description:
@@ -242,6 +249,13 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "2.2.0"
+  http:
+    dependency: "direct main"
+    description:
+      name: http
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "0.13.5"
   http_multi_server:
     dependency: transitive
     description:

pubspec.yaml

@@ -31,6 +31,8 @@ dependencies:
   json_annotation: ^4.7.0
   image_stack: ^2.1.1
   flutter_svg: ^1.1.5
+  flutter_dotenv: ^5.0.2
+  http: ^0.13.5
 
 dev_dependencies:
   flutter_test: