Merge pull request #260 from answerdev/feat/1.0.7/ui

Feat/1.0.7/UI

ui/src/components/QueryGroup/index.tsx

@@ -42,13 +42,13 @@ const Index: FC<Props> = ({
 
   const handleClick = (e, type) => {
     const str = handleParams(type);
-    if (pathname) {
-      if (floppyNavigation.shouldProcessLinkClick(e)) {
-        e.preventDefault();
+    if (floppyNavigation.shouldProcessLinkClick(e)) {
+      e.preventDefault();
+      if (pathname) {
         navigate(`${pathname}${str}`);
+      } else {
+        setUrlSearchParams(str);
       }
-    } else {
-      setUrlSearchParams(str);
     }
   };
 

ui/src/components/Tag/index.tsx

@@ -30,7 +30,7 @@ const Index: FC<IProps> = ({
         data.recommend && 'badge-tag-required',
         className,
       )}>
-      <span className={textClassName}>{data.slug_name}</span>
+      <span className={textClassName}>{data.display_name}</span>
     </Link>
   );
 };

ui/src/components/TagSelector/index.tsx

@@ -202,7 +202,7 @@ const TagSelector: FC<IProps> = ({
                 item.reserved ? 'danger' : item.recommend ? 'dark' : 'secondary'
               }`}
               size="sm">
-              {item.slug_name}
+              {item.display_name}
               <span className="ms-1" onMouseUp={() => handleRemove(item)}>
                 ×
               </span>
@@ -247,7 +247,7 @@ const TagSelector: FC<IProps> = ({
                     eventKey={index}
                     active={index === currentIndex}
                     onClick={() => handleClick(item)}>
-                    {item.slug_name}
+                    {item.display_name}
                   </Dropdown.Item>
                 );
               })}