fix(modal): set footer action to not wrap by default

Author: frozenhelium

app/scripts/eslint/i18n-usage.ts

@@ -51,7 +51,7 @@ function getMemberKey(node: TSESTree.MemberExpression) {
 
     // strings['title']
     if (node.computed && node.property?.type === "Literal" && typeof node.property.value === "string") {
-        node.property.value;
+        return node.property.value;
     }
 
     return undefined;

app/src/views/AccountDetails/index.tsx

@@ -218,6 +218,8 @@ export function Component() {
                     withPadding
                     withDarkBackground
                     spacing="lg"
+                    empty={isNotDefined(montandonTokenResponse)
+                        || montandonTokenResponse.results.length === 0}
                 >
                     <ListView
                         layout="grid"

packages/ui/src/components/Modal/index.tsx

@@ -95,6 +95,7 @@ function Modal(props: Props) {
                         {...containerProps}
                         withPadding
                         withoutWrapInHeader
+                        withoutWrapInFooter
                         className={_cs(styles.modal, className)}
                         withContentOverflow
                         headerActions={(!withoutCloseButton || headerActions) ? (

packages/ui/src/components/SelectInputContainer/styles.module.css

@@ -1,9 +1,12 @@
 .popup {
+    display: flex;
+    flex-direction: column;
     padding: var(--go-ui-spacing-sm) 0;
 
     .list {
         display: flex;
         flex-direction: column;
+        flex-grow: 1;
         overflow: auto;
 
         .list-item {