feat(Support): add link to LibreOne profile

LibreTexts · Jul 12, 2024 · f5b5415 · f5b5415
1 parent b9cb6e8
commit f5b5415
Showing 1 changed file with 27 additions and 10 deletions.
diff --git a/client/src/components/support/TicketDetails.tsx b/client/src/components/support/TicketDetails.tsx
@@ -1,4 +1,4 @@
-import { Label } from "semantic-ui-react";
+import { Button } from "semantic-ui-react";
 import { SupportTicket } from "../../types";
 import { format, parseISO } from "date-fns";
 import { getPrettySupportTicketCategory } from "../../utils/supportHelpers";
@@ -14,26 +14,43 @@ const TicketDetails: React.FC<TicketDetailsProps> = ({ ticket }) => {
       <p className="2xl:text-xl">
         <span className="font-semibold">Subject:</span> {ticket?.title}
       </p>
-      <p className="2xl:text-xl">
-        <span className="font-semibold">Requester:</span>{" "}
+      <div className="flex flex-row items-center">
+        <p className="2xl:text-xl font-semibold">Requester:</p>{" "}
         {ticket.user && (
           <>
-            <span>
+            <a
+              href={"/controlpanel/libreone/users?user_id=" + ticket.user.uuid}
+              target="_blank"
+              className="2xl:text-xl ml-1"
+            >
               {`${ticket.user.firstName} ${ticket.user.lastName} (${ticket.user.email})`}
-            </span>
-            <Label className="!ml-2" basic color="green" size="tiny">
+            </a>
+            <Button
+              className="!ml-2 !p-2"
+              basic
+              color="green"
+              size="mini"
+              onClick={() =>
+                window.open(
+                  `/controlpanel/libreone/users?user_id=${ticket?.user?.uuid}`,
+                  "_blank"
+                )
+              }
+            >
               Authenticated
-            </Label>
+            </Button>
           </>
         )}
         {ticket.guest &&
           `${ticket.guest.firstName} ${ticket.guest.lastName} (${ticket.guest.email})`}
-      </p>
+      </div>
       <p className="2xl:text-xl">
-        <span className="font-semibold">Category:</span> {getPrettySupportTicketCategory(ticket?.category)}
+        <span className="font-semibold">Category:</span>{" "}
+        {getPrettySupportTicketCategory(ticket?.category)}
       </p>
       <p className="2xl:text-xl">
-        <span className="font-semibold">Priority:</span> {capitalizeFirstLetter(ticket?.priority) ?? "Unknown"}
+        <span className="font-semibold">Priority:</span>{" "}
+        {capitalizeFirstLetter(ticket?.priority) ?? "Unknown"}
       </p>
       <p className="2xl:text-xl break-all">
         <span className="font-semibold">Captured URL:</span>