chore: replace anchors to user with UserLink so in one place

Author: andypols

src/routes.tsx

@@ -90,12 +90,10 @@ const dashboardRoutes: Route[] = [
     visible: true,
   },
   {
-    path: '/admin/user/:id',
+    path: '/user/:id',
     name: 'User',
     icon: Person,
-    component: (props) => (
-      <RouteGuard component={User} fullRoutePath={`/dashboard/admin/user/:id`} />
-    ),
+    component: (props) => <RouteGuard component={User} fullRoutePath={`/dashboard/user/:id`} />,
     layout: '/dashboard',
     visible: false,
   },

src/ui/components/UserLink/UserLink.tsx

@@ -0,0 +1,13 @@
+import React from 'react';
+import { Link } from 'react-router-dom';
+
+interface UserLinkProps {
+  username: string;
+  children?: React.ReactNode;
+}
+
+const UserLink: React.FC<UserLinkProps> = ({ username, children }) => {
+  return <Link to={`/dashboard/user/${username}`}>{children || username}</Link>;
+};
+
+export default UserLink;

src/ui/views/PushDetails/PushDetails.tsx

@@ -25,6 +25,7 @@ import Tooltip from '@material-ui/core/Tooltip';
 import { PushData } from '../../../types/models';
 import { trimPrefixRefsHeads, trimTrailingDotGit } from '../../../db/helper';
 import { generateEmailLink, getGitProvider } from '../../utils';
+import UserLink from '../../components/UserLink/UserLink';
 
 const Dashboard: React.FC = () => {
   const { id } = useParams<{ id: string }>();
@@ -198,25 +199,21 @@ const Dashboard: React.FC = () => {
                   ) : (
                     <>
                       {isGitHub && (
-                        <a href={`/dashboard/user/${data.attestation.reviewer.username}`}>
+                        <UserLink username={data.attestation.reviewer.username}>
                           <img
                             style={{ width: '45px', borderRadius: '20px' }}
                             src={`https://github.com/${data.attestation.reviewer.gitAccount}.png`}
                           />
-                        </a>
+                        </UserLink>
                       )}
                       <div>
                         <p>
                           {isGitHub && (
-                            <a href={`/dashboard/user/${data.attestation.reviewer.username}`}>
+                            <UserLink username={data.attestation.reviewer.username}>
                               {data.attestation.reviewer.gitAccount}
-                            </a>
+                            </UserLink>
                           )}
-                          {!isGitHub && (
-                            <a href={`/dashboard/user/${data.attestation.reviewer.username}`}>
-                              {data.attestation.reviewer.username}
-                            </a>
-                          )}{' '}
+                          {!isGitHub && <UserLink username={data.attestation.reviewer.username} />}{' '}
                           approved this contribution
                         </p>
                       </div>

src/ui/views/RepoDetails/RepoDetails.tsx

@@ -23,6 +23,7 @@ import CodeActionButton from '../../components/CustomButtons/CodeActionButton';
 import { trimTrailingDotGit } from '../../../db/helper';
 import { fetchRemoteRepositoryData } from '../../utils';
 import { SCMRepositoryMetadata } from '../../../types/models';
+import UserLink from '../../components/UserLink/UserLink';
 
 interface RepoData {
   _id: string;
@@ -200,7 +201,7 @@ const RepoDetails: React.FC = () => {
                       {data.users.canAuthorise.map((row) => (
                         <TableRow key={row}>
                           <TableCell align='left'>
-                            <a href={`/dashboard/user/${row}`}>{row}</a>
+                            <UserLink username={row} />
                           </TableCell>
                           {user.admin && (
                             <TableCell align='right' component='th' scope='row'>
@@ -243,7 +244,7 @@ const RepoDetails: React.FC = () => {
                       {data.users.canPush.map((row) => (
                         <TableRow key={row}>
                           <TableCell align='left'>
-                            <a href={`/dashboard/user/${row}`}>{row}</a>
+                            <UserLink username={row} />
                           </TableCell>
                           {user.admin && (
                             <TableCell align='right' component='th' scope='row'>