add ratio condition

Author: Meowmerry

src/components/SelectorComponents/Cascading/MenuListsDropdown.tsx

@@ -230,7 +230,10 @@ export const MenuListsDropdown = () => {
     isPercentParam?: boolean,
   ) => {
     const { value, type, label } = event.currentTarget.dataset;
-    const isPercent = value?.includes('percentage') || isPercentParam;
+    const isPercent =
+      value?.includes('percentage') ||
+      value?.includes('_ratio') ||
+      isPercentParam;
     event.stopPropagation();
     setIsClickMenu(!isClickMenu);
     let opsValue = '';
@@ -534,7 +537,8 @@ export const MenuListsDropdown = () => {
     if (Array.isArray(nodes!)) {
       return nodes.map((node: FilterMenu | ChildrenFilter, index: number) => {
         const { children, var_name, type, label: nodeLabel, ops, roles } = node;
-        const isPercent = var_name?.includes('percentage');
+        const isPercent =
+          var_name?.includes('percentage') || var_name?.includes('_ratio');
         const hasChildren = children && children.length >= 1;
         const menuLabel = (nodeLabel as LabelFilterMeneList)[languageValue];
         const uniqueKey = `${menuLabel} - ${index}`;
@@ -584,7 +588,8 @@ export const MenuListsDropdown = () => {
       const { children, var_name, type, label: nodeLabel, ops, roles } = node;
       const menuLabel = (nodeLabel as LabelFilterMeneList)[languageValue];
       const hasChildren = children && children.length >= 1;
-      const isPercent = var_name?.includes('percentage');
+      const isPercent =
+        var_name?.includes('percentage') || var_name?.includes('_ratio');
 
       if (hasChildren) {
         return {
@@ -786,7 +791,8 @@ export const MenuListsDropdown = () => {
       {filterMenu.map(
         (item: FilterMenuList | ChildrenFilter, index: number) => {
           const { var_name, label, type, ops, roles } = item;
-          const isPercent = var_name?.includes('percentage');
+          const isPercent =
+            var_name?.includes('percentage') || var_name?.includes('_ratio');
           const itemLabel = (label as LabelFilterMeneList)[languageValue];
           return var_name ? (
             <Button