feat:数据对接完毕
This commit is contained in:
parent
21d8ddabf1
commit
bdad7bc1da
@ -121,7 +121,7 @@ const CustomTooltipLeft = ({
|
|||||||
{filteredLogs.length > 0 && (
|
{filteredLogs.length > 0 && (
|
||||||
<div
|
<div
|
||||||
ref={logsContainerRef}
|
ref={logsContainerRef}
|
||||||
className="logs-container mt-3 max-h-[450px] overflow-y-auto"
|
className="logs-container mt-3 max-h-[335px] overflow-y-auto"
|
||||||
>
|
>
|
||||||
{visibleLogs.length > 0 ? (
|
{visibleLogs.length > 0 ? (
|
||||||
<ul className="logs-list space-y-1.5">
|
<ul className="logs-list space-y-1.5">
|
||||||
|
|||||||
@ -105,7 +105,7 @@ const CustomTooltip = ({
|
|||||||
|
|
||||||
<div
|
<div
|
||||||
ref={logsContainerRef}
|
ref={logsContainerRef}
|
||||||
className="logs-container mt-3 max-h-[450px] overflow-y-auto"
|
className="logs-container mt-3 max-h-[335px] overflow-y-auto"
|
||||||
>
|
>
|
||||||
{visibleLogs.length > 0 ? (
|
{visibleLogs.length > 0 ? (
|
||||||
<ul className="logs-list space-y-1.5">
|
<ul className="logs-list space-y-1.5">
|
||||||
|
|||||||
@ -23,7 +23,6 @@ const CustomTooltip = ({
|
|||||||
onClose,
|
onClose,
|
||||||
tooltipRef,
|
tooltipRef,
|
||||||
title,
|
title,
|
||||||
imageSrc,
|
|
||||||
}: {
|
}: {
|
||||||
logs?: string[];
|
logs?: string[];
|
||||||
onClose: () => void;
|
onClose: () => void;
|
||||||
@ -134,7 +133,7 @@ const CustomTooltip = ({
|
|||||||
{filteredLogs.length > 0 && (
|
{filteredLogs.length > 0 && (
|
||||||
<div
|
<div
|
||||||
ref={logsContainerRef}
|
ref={logsContainerRef}
|
||||||
className="logs-container mt-3 max-h-[450px] overflow-y-auto"
|
className="logs-container mt-3 max-h-[335px] overflow-y-auto"
|
||||||
>
|
>
|
||||||
{visibleLogs.length > 0 ? (
|
{visibleLogs.length > 0 ? (
|
||||||
<ul className="logs-list space-y-1.5">
|
<ul className="logs-list space-y-1.5">
|
||||||
@ -285,7 +284,7 @@ const CustomTooltipLeft = ({
|
|||||||
{filteredLogs.length > 0 && (
|
{filteredLogs.length > 0 && (
|
||||||
<div
|
<div
|
||||||
ref={logsContainerRef}
|
ref={logsContainerRef}
|
||||||
className="logs-container mt-3 max-h-[450px] overflow-y-auto"
|
className="logs-container mt-3 max-h-[335px] overflow-y-auto"
|
||||||
>
|
>
|
||||||
{visibleLogs.length > 0 ? (
|
{visibleLogs.length > 0 ? (
|
||||||
<ul className="logs-list space-y-1.5">
|
<ul className="logs-list space-y-1.5">
|
||||||
|
|||||||
@ -1,13 +1,8 @@
|
|||||||
import { Form } from "antd";
|
|
||||||
import { open as openFile } from "@tauri-apps/plugin-dialog";
|
|
||||||
|
|
||||||
import { useState } from "react";
|
import { useState } from "react";
|
||||||
import { useDispatch, useSelector } from "react-redux";
|
import { useDispatch, useSelector } from "react-redux";
|
||||||
import { WorldGeo } from "./components/world-geo";
|
import { WorldGeo } from "./components/world-geo";
|
||||||
import Web3BoxPng from "@/assets/image/home/web3-box.png";
|
import Web3BoxPng from "@/assets/image/home/web3-box.png";
|
||||||
import Web3Box2Png from "@/assets/image/home/web3-box2.png";
|
import Web3Box2Png from "@/assets/image/home/web3-box2.png";
|
||||||
import OpenProxyPng from "@/assets/image/home/open-proxy.png";
|
|
||||||
import CloseProxyPng from "@/assets/image/home/close-proxy.png";
|
|
||||||
import web3BoxGif from "@/assets/gif/web3-box-bg.gif";
|
import web3BoxGif from "@/assets/gif/web3-box-bg.gif";
|
||||||
import VectorSlideSvg from "@/assets/svg/home/vector-solide.svg?react";
|
import VectorSlideSvg from "@/assets/svg/home/vector-solide.svg?react";
|
||||||
|
|
||||||
@ -15,11 +10,6 @@ import { Apps, CONST_TOOLTIP_TYPE } from "@/pages/anti-forensics-forwarding";
|
|||||||
import { cn } from "@/lib/utils";
|
import { cn } from "@/lib/utils";
|
||||||
import { commands } from "@/bindings";
|
import { commands } from "@/bindings";
|
||||||
|
|
||||||
import {
|
|
||||||
setProxyInfoProxies,
|
|
||||||
setProxiesList1,
|
|
||||||
setProxiesList2,
|
|
||||||
} from "@/store/web3Slice";
|
|
||||||
import type { AppDispatch, RootState } from "@/store";
|
import type { AppDispatch, RootState } from "@/store";
|
||||||
import "./index.scss";
|
import "./index.scss";
|
||||||
import {
|
import {
|
||||||
@ -77,25 +67,13 @@ const NewHome = () => {
|
|||||||
);
|
);
|
||||||
|
|
||||||
// 模拟日志数据
|
// 模拟日志数据
|
||||||
const [nestedEncryptionLogs, setNestedEncryptionLogs] = useState<string[]>([
|
const [nestedEncryptionLogs, setNestedEncryptionLogs] = useState<string[]>(
|
||||||
"1初始化嵌套加密...",
|
[]
|
||||||
"2生成密钥对...",
|
);
|
||||||
"3应用第一层加密...",
|
|
||||||
"4应用第二层加密...",
|
|
||||||
"应用第三层加密...",
|
|
||||||
"加密完成,准备传输...",
|
|
||||||
]);
|
|
||||||
|
|
||||||
const [trafficObfuscationLogs, setTrafficObfuscationLogs] = useState<
|
const [trafficObfuscationLogs, setTrafficObfuscationLogs] = useState<
|
||||||
string[]
|
string[]
|
||||||
>([
|
>([]);
|
||||||
"2初始化流量混淆...",
|
|
||||||
"2分析流量特征...",
|
|
||||||
"3应用随机填充...",
|
|
||||||
"4调整数据包时间间隔...",
|
|
||||||
"模拟HTTP流量...",
|
|
||||||
"混淆完成,准备传输...",
|
|
||||||
]);
|
|
||||||
|
|
||||||
const newWeb3List = useMemo(() => {
|
const newWeb3List = useMemo(() => {
|
||||||
// 展示最新的6个节点
|
// 展示最新的6个节点
|
||||||
@ -334,14 +312,14 @@ const NewHome = () => {
|
|||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div className="absolute bottom-[10px] left-[50%] translate-x-[-50%] w-[calc(100%-51px)] p-6 inline-flex justify-start items-center gap-10">
|
<div className="absolute bottom-[10px] left-[50%] translate-x-[-50%] w-[calc(100%-51px)] p-6 inline-flex justify-start items-center gap-10">
|
||||||
<img
|
<div
|
||||||
src={isProxyEnabled ? CloseProxyPng : OpenProxyPng}
|
className="flex items-center justify-center w-[193px] h-[80px] cursor-pointer bg-[#1448F5] rounded-[40px] text-white text-lg font-medium"
|
||||||
className="w-[193px] h-[90px] cursor-pointer"
|
|
||||||
alt=""
|
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
handleProxyToggle(isProxyEnabled, isCoreRunning);
|
handleProxyToggle(isProxyEnabled, isCoreRunning);
|
||||||
}}
|
}}
|
||||||
/>
|
>
|
||||||
|
{isProxyEnabled ? "关闭匿名服务" : "开启匿名服务"}
|
||||||
|
</div>
|
||||||
{/* <div
|
{/* <div
|
||||||
className="bt1 cursor-pointer"
|
className="bt1 cursor-pointer"
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user