refactor(api): update mock API structure

public/api/resource-group/2.json

@@ -0,0 +1,11 @@
+{
+  "name": "Jetstream2",
+  "resourceProvider": {
+    "resourceProviderId": 2,
+    "name": "Indiana University",
+    "iconUri": "https://www.iu.edu/favicon.ico"
+  },
+  "imageUri": "https://jetstream-cloud.org/images/home/jetstream-2.png",
+  "description": "Jetstream2 is a user-friendly cloud computing environment for researchers and educators running on OpenStack and featuring Exosphere as the primary user interface. It is built on the successes of Jetstream1 and continues the main features of that system while extending to a broader range of hardware and services, including GPUs, large memory nodes, virtual clustering, programmable cyberinfrastructure with OpenStack Heat and Terraform, and many other features. It is designed to provide both infrastructure for gateways and other “always on” services as well as giving researchers access to interactive computing and data analysis resources on demand.",
+  "userGuideUri": "https://docs.jetstream-cloud.org/"
+}

src/resource-catalog.jsx

@@ -16,8 +16,8 @@ export function ResourceCatalog({
   title = "Resource Catalog",
   showTitle = false,
   baseUri = "/access-ci-ui",
-  groupsURI = "/api/resourceGroups.json",
-  slidesURI = "/api/resourceSlides.json",
+  groupsURI = "/api/resource-groups.json",
+  slidesURI = "/api/resource-slides.json",
 }) {
   return (
     <>

src/resource-group-description.jsx

@@ -2,9 +2,9 @@ import { useJSON } from "./utils";
 
 import Icon from "./icon";
 
-export default function ResourceGroupDescription({ resourceId }) {
+export default function ResourceGroupDescription({ baseUri, resourceId }) {
   const data = useJSON(
-    `/access-ci-ui/api/resourceGroup.json?resourceId=${resourceId}`,
+    `${baseUri}/api/resource-group/${resourceId}.json`,
     null
   );
   if (!data) return;

src/resource-group-detail.jsx

@@ -1,9 +1,9 @@
 import ResourceGroupDescription from "./resource-group-description";
 
-export default function ResourceGroupDetail({ resourceId }) {
+export default function ResourceGroupDetail({ baseUri, resourceId }) {
   return (
     <div class="resource-group-detail">
-      <ResourceGroupDescription resourceId={resourceId} />
+      <ResourceGroupDescription baseUri={baseUri} resourceId={resourceId} />
     </div>
   );
 }