Make EntryItem more responsive (#552 )

Fix React Hook useEffect has a missing dependency: 'handleQueryChange' warning (#551 )
2026-03-07 21:22:14 +00:00 · 2021-12-23 10:25:39 +03:00 · 2021-12-22 20:23:21 +03:00
2 changed files with 11 additions and 1 deletions
--- a/ui/src/components/EntryListItem/EntryListItem.module.sass
+++ b/ui/src/components/EntryListItem/EntryListItem.module.sass
@@ -92,3 +92,13 @@

 .ip
  margin-left: 5px
+
+@media (max-width: 1760px)
+  .timestamp
+    display: none
+  .separatorRight
+    border-right: 0px
+
+@media (max-width: 1340px)
+  .separatorRight
+    display: none
--- a/ui/src/components/TrafficPage.tsx
+++ b/ui/src/components/TrafficPage.tsx
@@ -91,7 +91,7 @@ export const TrafficPage: React.FC<TrafficPageProps> = ({setAnalyzeStatus, onTLS

    useEffect(() => {
        handleQueryChange(query);
-    }, [query]);
+    }, [query, handleQueryChange]);

    useEffect(() => {
        if (query) {
Author	SHA1	Message	Date
M. Mert Yıldıran	32dfe40e18	Make `EntryItem` more responsive (#552 )	2021-12-23 10:25:39 +03:00
M. Mert Yıldıran	12aaa762f6	Fix `React Hook useEffect has a missing dependency: 'handleQueryChange'` warning (#551 )	2021-12-22 20:23:21 +03:00