Profile Backend (#46)

* added sample user to database

* fetching user information from database

* fixed error messages

* removed hardcoded user, tested it with requestly

* added useParams hook

* changed single quotation mark to support string interpolation

* removed testing script

client/src/pages/Profile.tsx

@@ -1,19 +1,21 @@
 import React, { useState, useEffect } from 'react';
+import { useParams } from 'react-router-dom'; 
 import { Container, Row, Button, Col, Card } from 'react-bootstrap';
 import SolutionCard from '../components/SolutionCard';
 import { User } from '../../../server/models/User';
 import "./Profile.css";
 
 const Profile = () => {
+  const { utorid } = useParams();
   const [user, setUser] = useState(null);
   const [solutions, setSolutions] = useState([]);
   const [comments, setComments] = useState([]);
 
   useEffect(() => {
-    fetch('/api/users/1')
+    fetch(`/api/users/${utorid}`)
       .then(response => {
         if (!response.ok) {
-          throw new Error('Failed to fetch user data');
+          throw new Error('Failed to fetch user data:(');
         }
         return response.json();
       })

server/controllers/UserController.js

@@ -4,14 +4,18 @@ const User = db.User;
 exports.get = async (req, res) => {
   //const users = await User.findAll();
 
-  const sampleUser = {
-      username: 'Alexander Apostolu',
-      preferredName: 'Alex',
-      email: '[email protected]',
-      score: 100
-  };
+  const { username: reqUsername } = req.params;
 
-  res.status(200).json(sampleUser);
+  if (!reqUsername) {
+    return res.status(404).json({ message: "Requested username not found" });
+  }
+
+  let user = await User.findOne({ where: { username: reqUsername } });
+  if (!user) {
+    return res.status(500).json({ message: "User not found" });
+  }
+
+  res.status(200).json(user);
 }
 
 exports.getSolutions = async (req, res) => {

server/routes/UserRoutes.js

@@ -7,7 +7,7 @@ const {
 AsyncWrapController(User);
 
 // Get a user from the database.
-router.get("/:id", User.get);
+router.get("/:username", User.get);
 
 // Create a new user in the database.
 router.post("/:id", User.create);