feature43-menuForFivePrimitives (#60)

* add graphic content

* create menu for primitives

components/organisms/codeTools.tsx

@@ -6,6 +6,7 @@ import { useState } from "react";
 import { useContext } from "react";
 import EditorButton from "../atoms/editorButton";
 import { DotsHorizontalIcon } from "@heroicons/react/outline";
+import PrimitivesMenu from "./primitivesMenu";
 
 const CodeTools = () => {
   const { t } = useTranslation("smith");
@@ -19,6 +20,7 @@ const CodeTools = () => {
             className="w-full input input-primary input-bordered"
           />
           <button className="btn btn-primary">{t("go")}</button>
+          <PrimitivesMenu />
         </div>
         <div className="form-control flex-row">
           <label className="cursor-pointer label mr-6">

components/organisms/primitivesMenu.tsx

@@ -0,0 +1,24 @@
+import React from "react";
+import {
+    BeakerIcon
+  } from "@heroicons/react/outline";
+import point from '../../assets/icons/point.png';
+import line from '../../assets/icons/line.png';
+import circle from '../../assets/icons/circle.jpeg';
+import angle from '../../assets/icons/angle.webp';
+
+const PrimitivesMenu = () => {
+    return(
+        <div className="dropdown">
+            <button className="btn btn-primary"><BeakerIcon className="w-6" /></button>
+            <ul className="dropdown-content menu p-2 shadow bg-base-100 rounded-box w-52">
+                <li><a><img src={point.src} className='w-4 mr-2' alt="point" /> Punto</a></li>
+                <li><a><img src={line.src} className='w-4 mr-2' alt="line" /> Linea</a></li>
+                <li><a><img src={circle.src} className='w-4 mr-2' alt="circle" /> Circulo</a></li>
+                <li><a><img src={angle.src} className='w-4 mr-2' alt="angle" /> Angulo</a></li>
+            </ul>
+        </div>
+    )
+}
+
+export default PrimitivesMenu;

pages/smith.tsx

@@ -13,6 +13,7 @@ import {
 import Link from "next/link";
 import CodeTools from "../components/organisms/codeTools";
 import DrawerSmithOptions from "../components/organisms/drawerSmithOptions";
+import PrimitivesMenu from "../components/organisms/primitivesMenu";
 
 const Smith: React.FC = () => {
   const { t } = useTranslation("smith");