From af98ee0e2c4acbe217adec28acaf95b725280706 Mon Sep 17 00:00:00 2001
From: Ole Morud <olekr99@hotmail.com>
Date: Mon, 22 Aug 2022 13:51:28 +0200
Subject: [PATCH] move InstructionMenu to components directory

additionally make a map parameter explicitly typed
---
 src/{ => components}/InstructionMenu.tsx | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)
 rename src/{ => components}/InstructionMenu.tsx (73%)

diff --git a/src/InstructionMenu.tsx b/src/components/InstructionMenu.tsx
similarity index 73%
rename from src/InstructionMenu.tsx
rename to src/components/InstructionMenu.tsx
index 8d09131..9394e70 100644
--- a/src/InstructionMenu.tsx
+++ b/src/components/InstructionMenu.tsx
@@ -1,6 +1,6 @@
 import { Card, CardContent, styled, Typography } from "@mui/material"
 import React from "react"
-import instructions from "./Instructions"
+import instructions, { Instruction } from "../Instructions"
 import Tooltip, { TooltipProps, tooltipClasses } from "@mui/material/Tooltip"
 
 const HtmlTooltip = styled(({ className, ...props }: TooltipProps) => (
@@ -21,7 +21,7 @@ export default function InstructionMenu() {
   return (
     <>
       <div style={{ display: "flex" }}>
-        {instructions.map((instruction) => {
+        {instructions.map((instruction: Instruction) => {
           return (
             <div key={key++}>
               <HtmlTooltip
@@ -32,11 +32,11 @@ export default function InstructionMenu() {
                     <Typography>{instruction.description}</Typography>
                   </>
                 }>
-                <Card key={key++} sx={{ height: "3rem", width: "3rem" }}>
-                  <CardContent>
-                    <Typography sx={{ userSelect: "none" }}>{instruction.symbol}</Typography>
-                  </CardContent>
-                </Card>
+                  <Card key={key++} sx={{ height: "3rem", width: "3rem" }}>
+                    <CardContent>
+                      <Typography sx={{ userSelect: "none" }}>{instruction.symbol}</Typography>
+                    </CardContent>
+                  </Card>
               </HtmlTooltip>
             </div>
           )