import Head from 'next/head' import Link from 'next/link' import Form from 'react-bootstrap/Form'; import Table from 'react-bootstrap/Table' import { useState } from 'react'; import Image from 'next/image' import Container from 'react-bootstrap/Container' import Nav from 'react-bootstrap/Nav' import Navbar from 'react-bootstrap/Navbar'; import NavDropdown from 'react-bootstrap/NavDropdown' import Row from 'react-bootstrap/Row' import Col from 'react-bootstrap/Col' import Button from 'react-bootstrap/Button'; import { useRouter } from 'next/router'; import { useContext } from 'react'; import { ProgramContext } from '../src/ProgramContext'; import * as formik from "formik"; export default function Home() { const { Formik } = formik; const router = useRouter(); const { updateProgram } = useContext(ProgramContext); const handleClick = async (values) => { console.log(JSON.stringify(values)); updateProgram(values); router.push('/runner'); }; let instructionList = [ { operacao: "LD", registradorR: "F6", registradorS: "34", registradorT: "R1", }, { operacao: "LD", registradorR: "F2", registradorS: "45", registradorT: "R3", }, { operacao: "MULTD", registradorR: "F0", registradorS: "F2", registradorT: "F4", }, { operacao: "SUBD", registradorR: "F8", registradorS: "F6", registradorT: "F2", }, { operacao: "DIVD", registradorR: "F10", registradorS: "F0", registradorT: "F6", }, { operacao: "ADDD", registradorR: "F6", registradorS: "F8", registradorT: "F2", } ]; return ( <>