Get client profile picture from data/images folder

Author: benclmnt

src/main/java/seedu/address/ui/ClientInfoPage.java

@@ -174,18 +174,22 @@ private void initializeProfile() {
                 .sorted(Comparator.comparing(tag -> tag.tagName))
                 .forEach(tag -> tags.getChildren().add(new Label(tag.tagName)));
         try {
-            this.imgProfile.setImage(retrieveImage());
+            Image clientProfileImage = retrieveImage(client.getName().fullName);
+            if (clientProfileImage.getException() == null) {
+                // no exception means client profile image existed
+                this.imgProfile.setImage(clientProfileImage);
+            }
         } catch (NullPointerException | IllegalArgumentException e) {
+            assert false : "Should not reach here";
             logger.info("Invalid image url, using default image\nException: " + e);
         }
 
     }
 
-    private Image retrieveImage() {
-        // Set image based on client's name first character. Skipping if invalid url found.
-        // Just to make the app a bit nicer with real human image
-        return new Image("/images/profile-"
-                + ((client.getName().fullName.toLowerCase().charAt(0) - 'a') / 6 + 1) + ".jpg");
+    private Image retrieveImage(String fullname) {
+        // find image based on client's fullname, in lower case, dashed. Example: Alex Yeoh -> profile-alex-yeoh.jpg
+        String sluggedName = String.join("-", fullname.split("\\s+")).toLowerCase();
+        return new Image("file:data/images/profile-" + sluggedName + ".jpg");
     }
 
     @SuppressWarnings("unchecked")