Stop settings dialog resizing when clicking "Add contact"

oasisprotocol · May 24, 2024 · 89dcafd · 89dcafd
1 parent 67dcf59
commit 89dcafd
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 20 deletions.
diff --git a/.changelog/1950.bugfix.md b/.changelog/1950.bugfix.md
@@ -0,0 +1 @@
+Stop settings dialog resizing when clicking "Add contact"
diff --git a/src/app/components/Toolbar/Features/Contacts/index.tsx b/src/app/components/Toolbar/Features/Contacts/index.tsx
@@ -62,27 +62,29 @@ export const Contacts = ({ closeHandler }: ContactsProps) => {
   }
 
   return (
-    <Box flex="grow" justify="between" gap="medium">
-      {!contacts.length && (
-        <ContactsListEmptyState>
-          {t('toolbar.contacts.emptyList', 'You have no contacts yet.')}
-        </ContactsListEmptyState>
-      )}
-      {!!contacts.length && (
-        <ScrollableContainer>
-          {contacts.map(contact => (
-            <ContactAccount key={contact.address} contact={contact} />
-          ))}
-        </ScrollableContainer>
-      )}
-      <Box align="end">
-        <Button
-          primary
-          label={t('toolbar.contacts.add', 'Add contact')}
-          onClick={() => setLayerVisibility(true)}
-        />
+    <>
+      <Box flex="grow" justify="between" gap="medium">
+        {!contacts.length && (
+          <ContactsListEmptyState>
+            {t('toolbar.contacts.emptyList', 'You have no contacts yet.')}
+          </ContactsListEmptyState>
+        )}
+        {!!contacts.length && (
+          <ScrollableContainer>
+            {contacts.map(contact => (
+              <ContactAccount key={contact.address} contact={contact} />
+            ))}
+          </ScrollableContainer>
+        )}
+        <Box align="end">
+          <Button
+            primary
+            label={t('toolbar.contacts.add', 'Add contact')}
+            onClick={() => setLayerVisibility(true)}
+          />
+        </Box>
       </Box>
       {layerVisibility && <AddContact setLayerVisibility={setLayerVisibility} />}
-    </Box>
+    </>
   )
 }