From 5e0093ebebc9b4e2e3521353508dbe109c5087ec Mon Sep 17 00:00:00 2001
From: Matthew Elwell <matthew.elwell@flagsmith.com>
Date: Mon, 11 Dec 2023 17:21:06 +0000
Subject: [PATCH] fix: hide additional actions on identity overrides tab in
 Edge (#3135)

---
 frontend/web/components/modals/CreateFlag.js | 86 +++++++++++---------
 1 file changed, 46 insertions(+), 40 deletions(-)

diff --git a/frontend/web/components/modals/CreateFlag.js b/frontend/web/components/modals/CreateFlag.js
index f57b40a8b4bb..cfbbc2e17ac8 100644
--- a/frontend/web/components/modals/CreateFlag.js
+++ b/frontend/web/components/modals/CreateFlag.js
@@ -1337,20 +1337,22 @@ const CreateFlag = class extends Component {
                                             </Tooltip>
                                           }
                                           action={
-                                            <Button
-                                              onClick={() =>
-                                                this.changeIdentity(
-                                                  this.state.userOverrides,
-                                                )
-                                              }
-                                              type='button'
-                                              theme='secondary'
-                                              size='small'
-                                            >
-                                              {enabledIndentity
-                                                ? 'Enable All'
-                                                : 'Disable All'}
-                                            </Button>
+                                            !Utils.getIsEdge() && (
+                                              <Button
+                                                onClick={() =>
+                                                  this.changeIdentity(
+                                                    this.state.userOverrides,
+                                                  )
+                                                }
+                                                type='button'
+                                                theme='secondary'
+                                                size='small'
+                                              >
+                                                {enabledIndentity
+                                                  ? 'Enable All'
+                                                  : 'Disable All'}
+                                              </Button>
+                                            )
                                           }
                                           items={this.state.userOverrides}
                                           paging={
@@ -1373,32 +1375,35 @@ const CreateFlag = class extends Component {
                                             this.userOverridesPage(page)
                                           }
                                           searchPanel={
-                                            <div className='text-center mt-2 mb-2'>
-                                              <Flex className='text-left'>
-                                                <IdentitySelect
-                                                  isEdge={false}
-                                                  ignoreIds={this.state.userOverrides?.map(
-                                                    (v) => v.identity?.id,
-                                                  )}
-                                                  environmentId={
-                                                    this.props.environmentId
-                                                  }
-                                                  data-test='select-identity'
-                                                  placeholder='Create an Identity Override...'
-                                                  value={
-                                                    this.state.selectedIdentity
-                                                  }
-                                                  onChange={(
-                                                    selectedIdentity,
-                                                  ) =>
-                                                    this.setState(
-                                                      { selectedIdentity },
-                                                      this.addItem,
-                                                    )
-                                                  }
-                                                />
-                                              </Flex>
-                                            </div>
+                                            !Utils.getIsEdge() && (
+                                              <div className='text-center mt-2 mb-2'>
+                                                <Flex className='text-left'>
+                                                  <IdentitySelect
+                                                    isEdge={false}
+                                                    ignoreIds={this.state.userOverrides?.map(
+                                                      (v) => v.identity?.id,
+                                                    )}
+                                                    environmentId={
+                                                      this.props.environmentId
+                                                    }
+                                                    data-test='select-identity'
+                                                    placeholder='Create an Identity Override...'
+                                                    value={
+                                                      this.state
+                                                        .selectedIdentity
+                                                    }
+                                                    onChange={(
+                                                      selectedIdentity,
+                                                    ) =>
+                                                      this.setState(
+                                                        { selectedIdentity },
+                                                        this.addItem,
+                                                      )
+                                                    }
+                                                  />
+                                                </Flex>
+                                              </div>
+                                            )
                                           }
                                           renderRow={({
                                             enabled,
@@ -1425,6 +1430,7 @@ const CreateFlag = class extends Component {
                                                         identity,
                                                       })
                                                     }
+                                                    disabled={Utils.getIsEdge()}
                                                   />
                                                 </div>
                                                 <div className='font-weight-medium fs-small lh-sm'>