revert: image editor ux

src/pages/llmodels/components/column-wrapper.tsx

@@ -4,29 +4,36 @@ import 'simplebar-react/dist/simplebar.min.css';
 import '../style/column-wrapper.less';
 
 const ColumnWrapper: React.FC<any> = ({ children, footer, height }) => {
-  if (footer) {
-    return (
-      <div className="column-wrapper-footer">
+  const handleOnWheel = (e: React.WheelEvent) => {
+    console.log('handleOnWheel', e);
+    e.preventDefault();
+    e.stopPropagation();
+  };
+
+  return (
+    <>
+      {footer ? (
+        <div className="column-wrapper-footer">
+          <div className="column-wrapper">
+            <SimpleBar
+              style={{
+                maxHeight: height || 'calc(100vh - 89px)',
+                paddingBottom: '50px'
+              }}
+            >
+              {children}
+            </SimpleBar>
+          </div>
+          {<div className="footer">{footer}</div>}
+        </div>
+      ) : (
         <div className="column-wrapper">
-          <SimpleBar
-            style={{
-              maxHeight: height || 'calc(100vh - 89px)',
-              paddingBottom: '50px'
-            }}
-          >
+          <SimpleBar style={{ maxHeight: height || 'calc(100vh - 89px)' }}>
             {children}
           </SimpleBar>
         </div>
-        {<div className="footer">{footer}</div>}
-      </div>
-    );
-  }
-  return (
-    <div className="column-wrapper">
-      <SimpleBar style={{ maxHeight: height || 'calc(100vh - 89px)' }}>
-        {children}
-      </SimpleBar>
-    </div>
+      )}
+    </>
   );
 };
 

src/pages/llmodels/components/deploy-builtin-modal.tsx

@@ -189,8 +189,9 @@ const AddModal: React.FC<AddModalProps> = (props) => {
         value: item.quantization
       };
     });
-    setQuantizationOptions(quantizationList);
-    return quantizationList;
+    const result = _.uniqBy(quantizationList, 'value');
+    setQuantizationOptions(result);
+    return result;
   };
 
   const handleSetBackendOptions = () => {