Merge pull request #1950 from oasisprotocol/lw/add-contact-dialog-size

Stop settings dialog resizing when clicking "Add contact"
oasisprotocol · May 24, 2024 · ed7629e · ed7629e
2 parents e1da102 + 7205d71
commit ed7629e
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>
+    </>
   )
 }