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'; export default function Home() { const router = useRouter(); const { updateProgram } = useContext(ProgramContext); const handleClick = () => { updateProgram(instructionList); router.push('/runner'); }; let [instructionList, setInstructionList] = useState([{}, {}, {}, {}, {}, {}]); return ( <> Tomasulo Tomasulo

Instructions

 {instructionList.map((d, i) => ( ))}
OP RD RS RT
) }