fix: make content scrollable

subsquid · Apr 10, 2023 · e9d5c31 · e9d5c31
1 parent 9b3740d
commit e9d5c31
Show file tree

Hide file tree

Showing 6 changed files with 22 additions and 15 deletions.
diff --git a/src/commands/deploy.ts b/src/commands/deploy.ts
@@ -8,19 +8,9 @@ import inquirer from 'inquirer';
 import yaml from 'js-yaml';
 import targz from 'targz';
 
-import {
-  DeployResponse,
-  deploySquid,
-  DeployStatus,
-  getDeploy,
-  isVersionExists,
-  streamSquidLogs,
-  uploadFile,
-} from '../api';
-import { CliCommand } from '../command';
+import { deploySquid, isVersionExists, uploadFile } from '../api';
 import { DeployCommand } from '../deploy-command';
 import { Manifest } from '../manifest';
-import { doUntil } from '../utils';
 
 const compressAsync = promisify(targz.compress);
 

diff --git a/src/ui/components/Tabs.ts b/src/ui/components/Tabs.ts
@@ -72,6 +72,7 @@ export class Tabs extends Element {
 
       autoCommandKeys: false,
       keys: true,
+      mouse: true,
 
       style: {
         item: {

diff --git a/src/ui/components/VersionDbAccessTab.ts b/src/ui/components/VersionDbAccessTab.ts
@@ -1,7 +1,7 @@
 import chalk from 'chalk';
 import blessed, { Element } from 'reblessed';
 
-import { chalkMainColor } from '../theme';
+import { chalkMainColor, scrollBarTheme } from '../theme';
 
 import { VersionTab } from './Tabs';
 import { SquidVersion } from './types';
@@ -38,6 +38,9 @@ export class VersionDbAccessTab implements VersionTab {
     parent.append(
       blessed.box({
         content: lines.join('\n'),
+        scrollable: true,
+        mouse: true,
+        scrollbar: scrollBarTheme,
       }),
     );
   }

diff --git a/src/ui/components/VersionLogsTab.ts b/src/ui/components/VersionLogsTab.ts
@@ -3,7 +3,7 @@ import blessed, { Element, List, Log } from 'reblessed';
 
 import { streamSquidLogs, versionHistoryLogs } from '../../api';
 import { pretty } from '../../logs';
-import { mainColor } from '../theme';
+import { mainColor, scrollBarTheme } from '../theme';
 
 import { Loader } from './Loader';
 import { VersionTab } from './Tabs';
@@ -17,7 +17,7 @@ export class VersionLogTab implements VersionTab {
       width: '100%',
       height: '100%',
       scrollable: true,
-      scrollbar: true,
+      scrollbar: scrollBarTheme,
       alwaysScroll: true,
       mouse: true,
       style: {

diff --git a/src/ui/components/VersionSummaryTab.ts b/src/ui/components/VersionSummaryTab.ts
@@ -2,7 +2,7 @@ import chalk from 'chalk';
 import bytes from 'pretty-bytes';
 import blessed, { Element } from 'reblessed';
 
-import { chalkMainColor } from '../theme';
+import { chalkMainColor, scrollBarTheme } from '../theme';
 
 import { VersionTab } from './Tabs';
 import { SquidVersion } from './types';
@@ -45,6 +45,9 @@ export class VersionSummaryTab implements VersionTab {
     parent.append(
       blessed.box({
         content: lines.join('\n'),
+        scrollable: true,
+        mouse: true,
+        scrollbar: scrollBarTheme,
       }),
     );
   }

diff --git a/src/ui/theme/index.ts b/src/ui/theme/index.ts
@@ -2,6 +2,7 @@ import chalk from 'chalk';
 
 export const mainColor = 'blue';
 export const chalkMainColor = chalk.blue;
+export const mainLightColor = 'bright-blue';
 
 export const defaultBoxTheme = {
   tags: true,
@@ -19,3 +20,12 @@ export const defaultBoxTheme = {
     },
   },
 };
+
+export const scrollBarTheme = {
+  style: {
+    bg: mainLightColor,
+  },
+  track: {
+    bg: mainColor,
+  },
+};