feat(resource-group-affinity-group): add affinity group component

access-ci-org · Aug 21, 2024 · 91570a4 · 91570a4
1 parent 43204c5
commit 91570a4
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 0 deletions.
diff --git a/src/resource-group-affinity-group.jsx b/src/resource-group-affinity-group.jsx
@@ -0,0 +1,26 @@
+import Section from "./section";
+
+export default function ResourceGroupAffinityGroup({
+  baseUri,
+  resourceGroupId,
+}) {
+  return (
+    <Section title="Affinity Group" icon="people-fill">
+      <>
+        <p>
+          Join the community! Members get update about announcements, events,
+          and outages.
+        </p>
+        <a href="#" class="btn">
+          Join
+        </a>
+        <a href="#" class="btn secondary">
+          Slack
+        </a>
+        <a href="#" class="btn secondary">
+          Q&A
+        </a>
+      </>
+    </Section>
+  );
+}
diff --git a/src/resource-group-detail.jsx b/src/resource-group-detail.jsx
@@ -1,3 +1,4 @@
+import ResourceGroupAffinityGroup from "./resource-group-affinity-group";
 import ResourceGroupDescription from "./resource-group-description";
 import ResourceGroupEvents from "./resource-group-events";
 import ResourceGroupQueueMetrics from "./resource-group-queue-metrics";
@@ -21,6 +22,10 @@ export default function ResourceGroupDetail({ baseUri, resourceGroupId }) {
         baseUri={baseUri}
         resourceGroupId={resourceGroupId}
       />
+      <ResourceGroupAffinityGroup
+        baseUri={baseUri}
+        resourceGroupId={resourceGroupId}
+      />
       <ResourceGroupSoftware
         baseUri={baseUri}
         resourceGroupId={resourceGroupId}