sidequest: fix the link shortener ui

Author: devksingh4

src/ui/config.ts

@@ -22,6 +22,7 @@ export type KnownGroups = {
 
 export type ConfigType = {
   AadValidClientId: string;
+  LinkryPublicUrl: string;
   ServiceConfiguration: Record<ValidServices, ServiceConfiguration>;
   KnownGroupMappings: KnownGroups;
 };
@@ -43,6 +44,7 @@ type EnvironmentConfigType = {
 const environmentConfig: EnvironmentConfigType = {
   "local-dev": {
     AadValidClientId: "d1978c23-6455-426a-be4d-528b2d2e4026",
+    LinkryPublicUrl: "go.aws.qa.acmuiuc.org",
     ServiceConfiguration: {
       core: {
         friendlyName: "Core Management Service (NonProd)",
@@ -75,6 +77,7 @@ const environmentConfig: EnvironmentConfigType = {
   },
   dev: {
     AadValidClientId: "d1978c23-6455-426a-be4d-528b2d2e4026",
+    LinkryPublicUrl: "go.aws.qa.acmuiuc.org",
     ServiceConfiguration: {
       core: {
         friendlyName: "Core Management Service (NonProd)",
@@ -107,6 +110,7 @@ const environmentConfig: EnvironmentConfigType = {
   },
   prod: {
     AadValidClientId: "43fee67e-e383-4071-9233-ef33110e9386",
+    LinkryPublicUrl: "go.acm.illinois.edu",
     ServiceConfiguration: {
       core: {
         friendlyName: "Core Management Service",

src/ui/pages/linkry/LinkShortener.page.tsx

@@ -16,25 +16,16 @@ import {
 } from "@mantine/core";
 import { useDisclosure } from "@mantine/hooks";
 import { notifications } from "@mantine/notifications";
-import {
-  IconCancel,
-  IconCross,
-  IconEdit,
-  IconPlus,
-  IconTrash,
-} from "@tabler/icons-react";
-import dayjs from "dayjs";
+import { IconCancel, IconEdit, IconPlus, IconTrash } from "@tabler/icons-react";
 import React, { useEffect, useState } from "react";
 import { useNavigate } from "react-router-dom";
 import { z } from "zod";
 
-import { capitalizeFirstLetter } from "./ManageLink.page.js";
-import FullScreenLoader from "@ui/components/AuthContext/LoadingScreen";
 import { AuthGuard } from "@ui/components/AuthGuard";
 import { useApi } from "@ui/util/api";
 import { AppRoles } from "@common/roles.js";
-import { wrap } from "module";
 import { linkRecord } from "@common/types/linkry.js";
+import { getRunEnvironmentConfig } from "@ui/config.js";
 
 const wrapTextStyle: React.CSSProperties = {
   wordWrap: "break-word",
@@ -82,7 +73,7 @@ export const LinkShortener: React.FC = () => {
             }}
           >
             <Table.Td style={wrapTextStyle}>
-              https://go.acm.illinois.edu/{link.slug}
+              {getRunEnvironmentConfig().LinkryPublicUrl}/{link.slug}
             </Table.Td>
             <Table.Td style={wrapTextStyle}>
               <Anchor href={link.redirect} target="_blank" size="sm">

src/ui/pages/linkry/ManageLink.page.tsx

@@ -19,12 +19,13 @@ import { IconDeviceFloppy } from "@tabler/icons-react";
 import { LinkryGroupUUIDToGroupNameMap } from "@common/config";
 import FullScreenLoader from "@ui/components/AuthContext/LoadingScreen";
 import { LINKRY_MAX_SLUG_LENGTH } from "@common/types/linkry";
+import { getRunEnvironmentConfig } from "@ui/config";
 
 export function capitalizeFirstLetter(string: string) {
   return string.charAt(0).toUpperCase() + string.slice(1);
 }
 
-const baseUrl = "go.acm.illinois.edu";
+const baseUrl = getRunEnvironmentConfig().LinkryPublicUrl;
 const slugRegex = new RegExp("^(https?://)?[a-zA-Z0-9-._/]*$");
 const urlRegex = new RegExp("^https?://[a-zA-Z0-9-._/?=&+:]*$");
 
@@ -205,7 +206,7 @@ export const ManageLinkPage: React.FC = () => {
               rightSectionWidth="150px"
               leftSection={
                 <Button variant="outline" mr="auto" size="auto">
-                  {baseUrl || "go.acm.illinois.edu"}
+                  {baseUrl}
                 </Button>
               }
               rightSection={
@@ -216,7 +217,7 @@ export const ManageLinkPage: React.FC = () => {
                     color="blue"
                     onClick={generateRandomSlug}
                   >
-                    Generate Random URL
+                    Random
                   </Button>
                 )
               }