DEVPROD-941, take 2: linkify user name on version metadata panel (#2147)

src/gql/generated/types.ts

@@ -8823,6 +8823,7 @@ export type VersionQuery = {
     __typename?: "Version";
     activated?: boolean | null;
     author: string;
+    authorEmail: string;
     createTime: Date;
     errors: Array<string>;
     finishTime?: Date | null;

src/gql/queries/version.graphql

@@ -4,6 +4,7 @@ query Version($id: String!) {
   version(id: $id) {
     activated
     author
+    authorEmail
     baseVersion {
       id
     }

src/pages/version/Metadata.tsx

@@ -12,6 +12,7 @@ import {
   getCommitQueueRoute,
   getProjectPatchesRoute,
   getTriggerRoute,
+  getUserPatchesRoute,
   getVersionRoute,
 } from "constants/routes";
 import { VersionQuery } from "gql/generated/types";
@@ -32,6 +33,7 @@ export const Metadata: React.FC<Props> = ({ loading, version }) => {
   const getDateCopy = useDateFormat();
   const {
     author,
+    authorEmail,
     baseVersion,
     createTime,
     externalLinksForMetadata,
@@ -117,7 +119,15 @@ export const Metadata: React.FC<Props> = ({ loading, version }) => {
           </span>
         </MetadataItem>
       )}
-      <MetadataItem>{`Submitted by: ${author}`}</MetadataItem>
+      <MetadataItem>
+        Submitted by:{" "}
+        <StyledRouterLink
+          to={getUserPatchesRoute(getAuthorUsername(authorEmail))}
+          data-cy="user-patches-link"
+        >
+          {author}
+        </StyledRouterLink>
+      </MetadataItem>
       {isPatch ? (
         <MetadataItem>
           Base commit:{" "}
@@ -204,3 +214,8 @@ export const Metadata: React.FC<Props> = ({ loading, version }) => {
     </MetadataCard>
   );
 };
+
+const getAuthorUsername = (email: string) => {
+  const atIndex = email.indexOf("@");
+  return atIndex === -1 ? email : email.substring(0, atIndex);
+};