big work

src/Programs/ui/ProgramsRoot.tsx

@@ -1,15 +1,13 @@
 import React, { useState, useEffect } from "react";
-import { IPlayer } from "../../PersonObjects/IPlayer";
+import { use } from "../../ui/Context";
 import { getAvailableCreatePrograms } from "../ProgramHelpers";
 
 import { Box, ButtonGroup, Tooltip, Typography } from "@mui/material";
 import Button from "@mui/material/Button";
 
-interface IProps {
-  player: IPlayer;
-}
-
-export function ProgramsRoot(props: IProps): React.ReactElement {
+export function ProgramsRoot(): React.ReactElement {
+  const player = use.Player();
+  const router = use.Router();
   const setRerender = useState(false)[1];
   function rerender(): void {
     setRerender((old) => !old);
@@ -31,13 +29,18 @@ export function ProgramsRoot(props: IProps): React.ReactElement {
           </Typography>
         </Box>
         <ButtonGroup>
-          {getAvailableCreatePrograms(props.player).map((program) => {
+          {getAvailableCreatePrograms(player).map((program) => {
             const create = program.create;
             if (create === null) return <></>;
 
             return (
               <Tooltip key={program.name} title={create.tooltip}>
-                <Button onClick={() => props.player.startCreateProgramWork(program.name, create.time, create.level)}>
+                <Button
+                  onClick={() => {
+                    player.startCreateProgramWork(program.name, create.time, create.level);
+                    router.toWork();
+                  }}
+                >
                   {program.name}
                 </Button>
               </Tooltip>