update BN13 for new UI

src/Sidebar/ui/SidebarRoot.tsx

@@ -49,6 +49,7 @@ import { iTutorialSteps, iTutorialNextStep, ITutorial } from "../../InteractiveT
 import { getAvailableCreatePrograms } from "../../Programs/ProgramHelpers";
 import { Settings } from "../../Settings/Settings";
 import { redPillFlag } from "../../RedPill";
+import { AugmentationNames } from "../../Augmentation/data/AugmentationNames";
 
 import { inMission } from "../../Missions";
 import { KEY } from "../../utils/helpers/keyCodes";
@@ -156,13 +157,12 @@ export function SidebarRoot(props: IProps): React.ReactElement {
 
   const canOpenSleeves = props.player.sleeves.length > 0;
 
-  // TODO(hydroflame): these should not as any but right now the def is that it
-  // can only be defined;
   const canCorporation = !!(props.player.corporation as any);
   const canGang = !!(props.player.gang as any);
   const canJob = props.player.companyName !== "";
   const canStockMarket = props.player.hasWseAccount;
   const canBladeburner = !!(props.player.bladeburner as any);
+  const canStaneksGift = props.player.hasAugmentation(AugmentationNames.StaneksGift1);
 
   function clickTerminal(): void {
     props.router.toTerminal();
@@ -187,6 +187,10 @@ export function SidebarRoot(props: IProps): React.ReactElement {
     props.router.toCreateProgram();
   }
 
+  function clickStaneksGift(): void {
+    props.router.toStaneksGift();
+  }
+
   function clickFactions(): void {
     props.router.toFactions();
   }
@@ -405,6 +409,25 @@ export function SidebarRoot(props: IProps): React.ReactElement {
                 </Typography>
               </ListItemText>
             </ListItem>
+            {/* {canStaneksGift && (
+              <ListItem
+                button
+                key={"Staneks Gift"}
+                className={clsx({
+                  [classes.active]: props.page === Page.StaneksGift,
+                })}
+                onClick={clickStaneksGift}
+              >
+                <ListItemIcon>
+                  <DeveloperBoardIcon color={props.page !== Page.StaneksGift ? "secondary" : "primary"} />
+                </ListItemIcon>
+                <ListItemText>
+                  <Typography color={props.page !== Page.StaneksGift ? "secondary" : "primary"}>
+                    Staneks Gift
+                  </Typography>
+                </ListItemText>
+              </ListItem>
+            )} */}
             {canCreateProgram && (
               <ListItem
                 button
@@ -426,6 +449,23 @@ export function SidebarRoot(props: IProps): React.ReactElement {
                 </ListItemText>
               </ListItem>
             )}
+            {canStaneksGift && (
+              <ListItem
+                button
+                key={"Staneks Gift"}
+                className={clsx({
+                  [classes.active]: props.page === Page.StaneksGift,
+                })}
+                onClick={clickStaneksGift}
+              >
+                <ListItemIcon>
+                  <DeveloperBoardIcon color={props.page !== Page.StaneksGift ? "secondary" : "primary"} />
+                </ListItemIcon>
+                <ListItemText>
+                  <Typography color={props.page !== Page.StaneksGift ? "secondary" : "primary"}>StaneksGift</Typography>
+                </ListItemText>
+              </ListItem>
+            )}
           </List>
         </Collapse>