diff --git a/src/Sidebar/ui/SidebarRoot.tsx b/src/Sidebar/ui/SidebarRoot.tsx
index 94770cb3a..c53494826 100644
--- a/src/Sidebar/ui/SidebarRoot.tsx
+++ b/src/Sidebar/ui/SidebarRoot.tsx
@@ -140,6 +140,8 @@ export function SidebarRoot(props: IProps): React.ReactElement {
const flashTutorial = ITutorial.currStep === iTutorialSteps.WorldDescription;
+ const augmentationCount = props.player.queuedAugmentations.length;
+ const invitationsCount = props.player.factionInvitations.length;
const programCount = getAvailableCreatePrograms(props.player).length;
const canCreateProgram =
programCount > 0 ||
@@ -435,7 +437,7 @@ export function SidebarRoot(props: IProps): React.ReactElement {
onClick={clickCreateProgram}
>
-
+ 0 ? programCount : undefined} color="error">
@@ -485,7 +487,9 @@ export function SidebarRoot(props: IProps): React.ReactElement {
onClick={clickFactions}
>
-
+
+
+
Factions
@@ -502,10 +506,12 @@ export function SidebarRoot(props: IProps): React.ReactElement {
onClick={clickAugmentations}
>
-
+
+
+
Augmentations
diff --git a/src/Terminal/ui/TerminalRoot.tsx b/src/Terminal/ui/TerminalRoot.tsx
index 29adfcd77..3cc00a346 100644
--- a/src/Terminal/ui/TerminalRoot.tsx
+++ b/src/Terminal/ui/TerminalRoot.tsx
@@ -60,15 +60,23 @@ export function TerminalRoot({ terminal, engine, player }: IProps): React.ReactE
return () => clearInterval(id);
}, []);
- const hook = scrollHook.current;
- if (hook !== null) {
- setTimeout(() => hook.scrollIntoView(true), 50);
+ function doScroll(): void {
+ const hook = scrollHook.current;
+ if (hook !== null) {
+ setTimeout(() => hook.scrollIntoView(true), 50);
+ }
}
+ doScroll();
+
+ useEffect(() => {
+ setTimeout(doScroll, 50);
+ }, []);
+
const classes = useStyles();
return (
<>
-
+
{terminal.outputHistory.map((item, i) => {
if (item instanceof Output)