fix other links

1 files changed, 5 insertions, 2 deletions

diff --git a/vnext/src/components/Avatar.js b/vnext/src/components/Avatar.js
index 72b5d2d1..c6dc71ec 100644
--- a/vnext/src/components/Avatar.js
+++ b/vnext/src/components/Avatar.js
@@ -1,11 +1,14 @@
 import React from 'react';
+import { Link } from 'react-router-dom';
 
 import { UserType } from './Types';
 
 export default function Avatar(props) {
     return (
-        <div className="msg-avatar"><a href={`/${props.user.uname}/`}>
-            <img src={`//i.juick.com/a/${props.user.uid}.png`} alt={`${props.user.uname}`} /></a>
+        <div className="msg-avatar">
+            <Link to={{ pathname: `/${props.user.uname}/`}}>
+                <img src={`//i.juick.com/a/${props.user.uid}.png`} alt={`${props.user.uname}`} />
+            </Link>
         </div>
     );
 }