Fix the rest of the issues in the UI

This commit is contained in:
M. Mert Yildiran
2021-09-16 22:45:10 +03:00
parent 7766948156
commit 66046999cc
3 changed files with 2 additions and 27 deletions

View File

@@ -72,7 +72,7 @@ func readConnection(wg *sync.WaitGroup, conn net.Conn, ws *websocket.Conn) {
command := handleCommands(text)
if !command {
fmt.Printf("\b\b** %s\n> ", text)
// fmt.Printf("\b\b** %s\n> ", text)
if text == "" {
return

View File

@@ -63,32 +63,6 @@ export const EntriesList: React.FC<EntriesListProps> = ({entries, setEntries, fo
return entries.filter(filterEntries);
},[entries, filterEntries])
const getOldEntries = useCallback(async () => {
setIsLoadingTop(true);
const data = await api.fetchEntries(FetchOperator.LT, entries[0].timestamp);
setLoadMoreTop(false);
let scrollTo;
if(data.length === 0) {
setNoMoreDataTop(true);
scrollTo = document.getElementById("noMoreDataTop");
} else {
scrollTo = document.getElementById(filteredEntries?.[0]?.id);
}
setIsLoadingTop(false);
const newEntries = [...data, ...entries];
setEntries(newEntries);
if(scrollTo) {
scrollTo.scrollIntoView();
}
},[setLoadMoreTop, setIsLoadingTop, entries, setEntries, filteredEntries, setNoMoreDataTop])
useEffect(() => {
if(!loadMoreTop || connectionOpen || noMoreDataTop) return;
getOldEntries();
}, [loadMoreTop, connectionOpen, noMoreDataTop, getOldEntries]);
const getNewEntries = async () => {
const data = await api.fetchEntries(FetchOperator.GT, entries[entries.length - 1].timestamp);
let scrollTo;

View File

@@ -68,6 +68,7 @@ export const TrafficPage: React.FC<TrafficPageProps> = ({setAnalyzeStatus, onTLS
const listEntry = useRef(null);
const openWebSocket = (query) => {
setEntries([])
var url = MizuWebsocketURL + "?q=" + query;
ws.current = new WebSocket(url);
ws.current.onopen = () => setConnection(ConnectionStatus.Connected);