Mid-rewrite

src/tui/components/Dialog.tsx

@@ -19,6 +19,8 @@ interface DialogWrapperProps {
   children: React.ReactNode;
   /** Dialog width */
   width?: number;
+  /** Dialog Background Color */
+  backgroundColor?: string;
 }
 
 /**
@@ -29,12 +31,15 @@ function DialogWrapper({
   borderColor = colors.primary,
   children,
   width = 60,
+  backgroundColor = colors.bg,
 }: DialogWrapperProps): React.ReactElement {
   return (
     <Box
       flexDirection="column"
       borderStyle="double"
       borderColor={borderColor}
+      // backgroundColor={backgroundColor || 'white'}
+      backgroundColor="white"
       paddingX={2}
       paddingY={1}
       width={width}

src/tui/screens/Invitation.tsx

@@ -11,7 +11,6 @@
 
 import React, { useState, useEffect, useCallback } from 'react';
 import { Box, Text, useInput } from 'ink';
-import TextInput from 'ink-text-input';
 import { InputDialog } from '../components/Dialog.js';
 import { useNavigation } from '../hooks/useNavigation.js';
 import { useAppContext, useStatus } from '../hooks/useAppContext.js';

src/tui/screens/SeedInput.tsx

@@ -7,8 +7,7 @@
 import React, { useState, useCallback } from 'react';
 import { Box, Text, useInput } from 'ink';
 import TextInput from 'ink-text-input';
-import { Screen } from '../components/Screen.js';
-import { Button, ButtonRow } from '../components/Button.js';
+import { Button } from '../components/Button.js';
 import { useNavigation } from '../hooks/useNavigation.js';
 import { useAppContext, useStatus } from '../hooks/useAppContext.js';
 import { colors, logo } from '../theme.js';

src/tui/screens/TemplateList.tsx

@@ -8,7 +8,6 @@
 
 import React, { useState, useEffect, useCallback } from 'react';
 import { Box, Text, useInput } from 'ink';
-import { Screen } from '../components/Screen.js';
 import { useNavigation } from '../hooks/useNavigation.js';
 import { useAppContext, useStatus } from '../hooks/useAppContext.js';
 import { colors, logoSmall } from '../theme.js';

src/tui/screens/WalletState.tsx

@@ -10,8 +10,7 @@
 import React, { useState, useEffect, useCallback } from 'react';
 import { Box, Text, useInput } from 'ink';
 import SelectInput from 'ink-select-input';
-import { Screen } from '../components/Screen.js';
-import { List, type ListItem } from '../components/List.js';
+import { type ListItem } from '../components/List.js';
 import { useNavigation } from '../hooks/useNavigation.js';
 import { useAppContext, useStatus } from '../hooks/useAppContext.js';
 import { colors, formatSatoshis, formatHex, logoSmall } from '../theme.js';