update resize-image

src/components/ToolBar.js

@@ -212,6 +212,23 @@ const ToolBar = ({ editor, toolsLib = [], toolsOptions  }) => {
                     </div>
                 )
             } else {
+                if (type === 'undo' || type === 'redo') {
+                    let disabled = type === 'undo' ? !editor.can().undo() : !editor.can().redo()
+                    return (
+                        <div
+                            key={idx}
+                            onClick={(e) => {
+                                console.log(e.target);
+                                item.onClick();
+                                e.preventDefault();
+                                e.stopPropagation()
+                                return false;
+                            }}
+                            className={`qicon q${type}` + (disabled ? ' disabled' : '')}
+                            title={item.title}
+                        />
+                    )
+                }
                 return (
                     <div
                         key={idx}

src/index.scss

@@ -380,6 +380,15 @@ body{
                 border-radius: 4px;
             }
 
+            &.disabled{
+                opacity: 0.5;
+                cursor: not-allowed !important;
+
+                &:hover {
+                    opacity: 0.5 !important;
+                }
+            }
+
             &:hover{
                 cursor: pointer;
                 opacity: 0.8;
@@ -537,6 +546,15 @@ body{
                 opacity: 0.5;
             }
 
+            &.disabled{
+                opacity: 0.5;
+                cursor: not-allowed !important;
+
+                &:hover {
+                    opacity: 0.5 !important;
+                }
+            }
+
             &:hover{
                 cursor: pointer;
                 opacity: 0.8;