From 3abbf75caf0f0bf056796e708a92a532e51a47f0 Mon Sep 17 00:00:00 2001
From: Daniel Campbell <metalwhirlwind@gmail.com>
Date: Wed, 15 May 2024 12:26:06 -0700
Subject: [PATCH 1/2] fix(ui): remove tsm limit text for iox users

---
 src/billing/components/Free/OrgLimits.tsx     |  9 ++
 .../components/Free/PAYGConversion.tsx        | 37 ++++----
 src/operator/OrgOverlay.tsx                   | 84 ++++++++++---------
 3 files changed, 74 insertions(+), 56 deletions(-)

diff --git a/src/billing/components/Free/OrgLimits.tsx b/src/billing/components/Free/OrgLimits.tsx
index bcbecd1cec..16fb5d6467 100644
--- a/src/billing/components/Free/OrgLimits.tsx
+++ b/src/billing/components/Free/OrgLimits.tsx
@@ -104,6 +104,15 @@ export const OrgLimits: FC = () => {
           )
         }
 
+        // The 'dashboards', 'tasks', 'checks', and 'rules' limits are not applicable to orgs using IOx.
+        if (orgUsesIOx) {
+          const hiddenLimits = ['dashboards', 'tasks', 'checks', 'rules']
+
+          if (hiddenLimits.includes(limitName)) {
+            return null
+          }
+        }
+
         // By default, any 'limit' is a single object literal containing one limitStatus.
         return (
           <LimitCard
diff --git a/src/billing/components/Free/PAYGConversion.tsx b/src/billing/components/Free/PAYGConversion.tsx
index 5e3bdc1882..f6d140ddd1 100644
--- a/src/billing/components/Free/PAYGConversion.tsx
+++ b/src/billing/components/Free/PAYGConversion.tsx
@@ -67,15 +67,17 @@ export const Credit250PAYGConversion: FC = () => {
           <ul className="credit-250-conversion-panel--benefits">
             <li>Unlimited buckets to store your data</li>
             <li>Unlimited storage retention</li>
-            <li>Unlimited dashboards</li>
-            <li>Unlimited tasks</li>
-            <li>Unlimited alert checks and notification rules</li>
-            <li>HTTP and PagerDuty notifications</li>
             {!orgUsesIOx && (
-              <li>
-                Up to {Intl.NumberFormat().format(CARDINALITY_LIMIT)} series
-                cardinality
-              </li>
+              <>
+                <li>Unlimited dashboards</li>
+                <li>Unlimited tasks</li>
+                <li>Unlimited alert checks and notification rules</li>
+                <li>HTTP and PagerDuty notifications</li>
+                <li>
+                  Up to {Intl.NumberFormat().format(CARDINALITY_LIMIT)} series
+                  cardinality
+                </li>
+              </>
             )}
           </ul>
         </div>
@@ -121,15 +123,18 @@ export const PAYGConversion: FC = () => {
                     <ul className="conversion-panel--benefits">
                       <li>Unlimited buckets to store your data</li>
                       <li>Unlimited storage retention</li>
-                      <li>Unlimited dashboards</li>
-                      <li>Unlimited tasks</li>
-                      <li>Unlimited alert checks and notification rules</li>
-                      <li>HTTP and PagerDuty notifications</li>
                       {!orgUsesIOx && (
-                        <li>
-                          Up to {Intl.NumberFormat().format(CARDINALITY_LIMIT)}{' '}
-                          series cardinality
-                        </li>
+                        <>
+                          <li>Unlimited dashboards</li>
+                          <li>Unlimited tasks</li>
+                          <li>Unlimited alert checks and notification rules</li>
+                          <li>HTTP and PagerDuty notifications</li>
+                          <li>
+                            Up to{' '}
+                            {Intl.NumberFormat().format(CARDINALITY_LIMIT)}{' '}
+                            series cardinality
+                          </li>
+                        </>
                       )}
                     </ul>
                   </div>
diff --git a/src/operator/OrgOverlay.tsx b/src/operator/OrgOverlay.tsx
index b0e418698d..d3dff42ea6 100644
--- a/src/operator/OrgOverlay.tsx
+++ b/src/operator/OrgOverlay.tsx
@@ -65,7 +65,7 @@ export const OrgOverlay: FC = () => {
   const isIOx =
     organization?.storageType &&
     organization.storageType.toLowerCase() === 'iox'
-  const canSeeCardinalityLimits = !isIOx
+  const canSeeTsmLimits = !isIOx
 
   useEffect(() => {
     handleGetLimits(orgID)
@@ -223,7 +223,7 @@ export const OrgOverlay: FC = () => {
                         onChangeLimits={setLimits}
                       />
                     </Grid.Column>
-                    {canSeeCardinalityLimits && (
+                    {canSeeTsmLimits && (
                       <Grid.Column widthMD={Columns.Four}>
                         <Form.Label label="Series Cardinality" />
                         <LimitsField
@@ -265,45 +265,49 @@ export const OrgOverlay: FC = () => {
                         onChangeLimits={setLimits}
                       />
                     </Grid.Column>
-                    <Grid.Column widthMD={Columns.Four}>
-                      <Form.Label label="Max Notifications" />
-                      <LimitsField
-                        type={InputType.Number}
-                        name="notificationRule.maxNotifications"
-                        limits={limits}
-                        onChangeLimits={setLimits}
-                      />
-                    </Grid.Column>
-                  </Grid.Row>
-                  <Grid.Row>
-                    <Grid.Column widthMD={Columns.Four}>
-                      <Form.Label label="Max Dashboards" />
-                      <LimitsField
-                        type={InputType.Number}
-                        name="dashboard.maxDashboards"
-                        limits={limits}
-                        onChangeLimits={setLimits}
-                      />
-                    </Grid.Column>
-                    <Grid.Column widthMD={Columns.Four}>
-                      <Form.Label label="Max Tasks" />
-                      <LimitsField
-                        type={InputType.Number}
-                        name="task.maxTasks"
-                        limits={limits}
-                        onChangeLimits={setLimits}
-                      />
-                    </Grid.Column>
-                    <Grid.Column widthMD={Columns.Four}>
-                      <Form.Label label="Max Checks" />
-                      <LimitsField
-                        type={InputType.Number}
-                        name="check.maxChecks"
-                        limits={limits}
-                        onChangeLimits={setLimits}
-                      />
-                    </Grid.Column>
+                    {canSeeTsmLimits && (
+                      <Grid.Column widthMD={Columns.Four}>
+                        <Form.Label label="Max Notifications" />
+                        <LimitsField
+                          type={InputType.Number}
+                          name="notificationRule.maxNotifications"
+                          limits={limits}
+                          onChangeLimits={setLimits}
+                        />
+                      </Grid.Column>
+                    )}
                   </Grid.Row>
+                  {canSeeTsmLimits && (
+                    <Grid.Row>
+                      <Grid.Column widthMD={Columns.Four}>
+                        <Form.Label label="Max Dashboards" />
+                        <LimitsField
+                          type={InputType.Number}
+                          name="dashboard.maxDashboards"
+                          limits={limits}
+                          onChangeLimits={setLimits}
+                        />
+                      </Grid.Column>
+                      <Grid.Column widthMD={Columns.Four}>
+                        <Form.Label label="Max Tasks" />
+                        <LimitsField
+                          type={InputType.Number}
+                          name="task.maxTasks"
+                          limits={limits}
+                          onChangeLimits={setLimits}
+                        />
+                      </Grid.Column>
+                      <Grid.Column widthMD={Columns.Four}>
+                        <Form.Label label="Max Checks" />
+                        <LimitsField
+                          type={InputType.Number}
+                          name="check.maxChecks"
+                          limits={limits}
+                          onChangeLimits={setLimits}
+                        />
+                      </Grid.Column>
+                    </Grid.Row>
+                  )}
                   {limits?.timeout && (
                     <Grid.Row>
                       <Grid.Column widthMD={Columns.Four}>

From 7c9d37192aad5ab909903439b14d7f774b66b86c Mon Sep 17 00:00:00 2001
From: Daniel Campbell <metalwhirlwind@gmail.com>
Date: Fri, 17 May 2024 11:02:29 -0700
Subject: [PATCH 2/2] empty