From e6822bda01443c7fc05b5070ea90f490f0b4f6be Mon Sep 17 00:00:00 2001
From: Matthew Elwell <matthew.elwell@flagsmith.com>
Date: Tue, 19 Dec 2023 17:07:57 +0000
Subject: [PATCH] fix(ui): SAML should not be in Scale-up (#3189)

---
 frontend/web/components/modals/Payment.js | 34 +++++++++++++++++++----
 1 file changed, 28 insertions(+), 6 deletions(-)

diff --git a/frontend/web/components/modals/Payment.js b/frontend/web/components/modals/Payment.js
index e13827041c3d..0cd484962f6b 100644
--- a/frontend/web/components/modals/Payment.js
+++ b/frontend/web/components/modals/Payment.js
@@ -278,6 +278,15 @@ const Payment = class extends Component {
                               </div>
                             </Row>
                           </li>
+                          <li>
+                            <Row className='mb-3 pricing-features-item'>
+                              <Icon
+                                name='minus-circle'
+                                fill='rgba(101, 109, 123, 0.16)'
+                              />
+                              <div className='ml-2 disabled'>Audit Logs</div>
+                            </Row>
+                          </li>
                           <li>
                             <Row className='mb-3 pricing-features-item'>
                               <Icon
@@ -285,7 +294,7 @@ const Payment = class extends Component {
                                 fill='rgba(101, 109, 123, 0.16)'
                               />
                               <div className='ml-2 disabled'>
-                                2FA and SAML Authentication
+                                Two-Factor Authentication (2FA)
                               </div>
                             </Row>
                           </li>
@@ -295,7 +304,9 @@ const Payment = class extends Component {
                                 name='minus-circle'
                                 fill='rgba(101, 109, 123, 0.16)'
                               />
-                              <div className='ml-2 disabled'>Audit Logs</div>
+                              <div className='ml-2 disabled'>
+                                SAML Authentication
+                              </div>
                             </Row>
                           </li>
                           <li>
@@ -488,9 +499,7 @@ const Payment = class extends Component {
                               <span>
                                 <Icon name='checkmark-circle' fill='#27AB95' />
                               </span>
-                              <div className='ml-2'>
-                                2FA and SAML Authentication
-                              </div>
+                              <div className='ml-2'>Audit Logs</div>
                             </Row>
                           </li>
                           <li>
@@ -498,7 +507,20 @@ const Payment = class extends Component {
                               <span>
                                 <Icon name='checkmark-circle' fill='#27AB95' />
                               </span>
-                              <div className='ml-2'>Audit Logs</div>
+                              <div className='ml-2'>
+                                Two-Factor Authentication (2FA)
+                              </div>
+                            </Row>
+                          </li>
+                          <li>
+                            <Row className='mb-3 pricing-features-item'>
+                              <Icon
+                                name='minus-circle'
+                                fill='rgba(101, 109, 123, 0.16)'
+                              />
+                              <div className='ml-2 disabled'>
+                                SAML Authentication
+                              </div>
                             </Row>
                           </li>
                           <li>