-client: Fix query log bugs

client/src/components/Logs/Cells/getHintElement.js

@@ -19,13 +19,16 @@ const getHintElement = ({
 }) => {
     const id = 'id';
 
-    const [isHovered, hover] = useState(false);
+    const [isTooltipOpen, setTooltipOpen] = useState(false);
 
-    const openTooltip = () => hover(true);
-    const closeTooltip = () => hover(false);
+    const closeTooltip = () => setTooltipOpen(false);
 
-    return <div onMouseEnter={openTooltip}
-                onMouseLeave={closeTooltip}>
+    const openTooltip = () => {
+        window.document.addEventListener('click', closeTooltip);
+        setTooltipOpen(true);
+    };
+    // TODO: close previous tooltip on new tooltip open
+    return <div onMouseEnter={openTooltip}>
         <div data-tip={dataTip}
              data-for={dataTip ? id : undefined}
              data-event={trigger}
@@ -34,7 +37,7 @@ const getHintElement = ({
                 <use xlinkHref={`#${xlinkHref}`} />
             </svg>}
         </div>
-        {isHovered && dataTip
+        {isTooltipOpen && dataTip
         && <CustomTooltip
             className={tooltipClass}
             id={id}

client/src/components/Logs/Cells/getResponseCell.js

@@ -71,6 +71,13 @@ const getResponseCell = (row, filtering, t, isDetailed) => {
             rule_label: rule,
             response_code: status,
         },
+        [FILTERED_STATUS.NOT_FILTERED_WHITE_LIST]: {
+            domain,
+            encryption_status: boldStatusLabel,
+            filter,
+            rule_label: rule,
+            response_code: status,
+        },
         [FILTERED_STATUS.FILTERED_SAFE_SEARCH]: {
             domain,
             encryption_status: boldStatusLabel,