From c95bfc400b0805b6f5cb0952a40420cbb3527012 Mon Sep 17 00:00:00 2001
From: Frank Johnson <frankjohnson1993@gmail.com>
Date: Tue, 7 Sep 2021 21:25:54 -0400
Subject: [PATCH] tweaked DropdownItem styling and removed dev process fluff

---
 app/web/src/components/EditorMenu/Dropdowns.tsx  |  6 ++----
 app/web/src/components/EditorMenu/menuConfig.tsx | 10 ----------
 2 files changed, 2 insertions(+), 14 deletions(-)

diff --git a/app/web/src/components/EditorMenu/Dropdowns.tsx b/app/web/src/components/EditorMenu/Dropdowns.tsx
index 4672635..18e0fbc 100644
--- a/app/web/src/components/EditorMenu/Dropdowns.tsx
+++ b/app/web/src/components/EditorMenu/Dropdowns.tsx
@@ -2,11 +2,9 @@ import { Menu } from '@headlessui/react'
 import { useHotkeys } from 'react-hotkeys-hook';
 
 export function DropdownItem({ config, state, thunkDispatch }) {
-    console.log({ name: config.label, shortcut: config.shortcut, callback: handleClick})
     useHotkeys(config.shortcut, handleClick)
 
     function handleClick(e) {
-        console.log(e, config)
         e.preventDefault()
         config.callback(e, {state, thunkDispatch})
     }
@@ -14,11 +12,11 @@ export function DropdownItem({ config, state, thunkDispatch }) {
       <Menu.Item>
         {({ active }) => (
         <button
-          className={`${active && 'bg-gray-600'} px-2 py-1 text-left`}
+          className={`${active && 'bg-gray-600'} px-2 py-1 flex justify-between`}
           onClick={handleClick}
         >
           {config.label}
-          {config.shortcutLabel && <span className="text-gray-400 pl-4">{ config.shortcutLabel }</span> }
+          {config.shortcutLabel && <span className="text-gray-400 pl-6 text-right">{ config.shortcutLabel }</span> }
         </button>
       )}
       </Menu.Item>
diff --git a/app/web/src/components/EditorMenu/menuConfig.tsx b/app/web/src/components/EditorMenu/menuConfig.tsx
index a6f87c5..ab7f893 100644
--- a/app/web/src/components/EditorMenu/menuConfig.tsx
+++ b/app/web/src/components/EditorMenu/menuConfig.tsx
@@ -49,16 +49,6 @@ const fileMenuConfig = {
 
                 config.callback = handleStlDownload
 
-                return <DropdownItem {...props} />
-            }
-        },
-        {
-            label: 'Cook Donut',
-            shortcut: 'ctrl+d, command+d',
-            shortcutLabel: cmdOrCtrl() + ' D',
-            component: (props) => {
-                const { config } = props
-                config.callback = () => alert('Donut is cooked!')
                 return <DropdownItem {...props} />
             }
         }