Function ReverseShell

src/components/linux/ReverseShell.tsx:25–350

()

export default function ReverseShell () {
    const useIPv4State = PersistedState<Ipv4TcpCacheState>( 'ipv4_tcp_cache' );
    const [ searchText, setSearchText ] = useState( '' );
    const [ searchedColumn, setSearchedColumn ] = useState( '' );
    const searchInput = useRef<InputRef>( null );

    const [ values, setValues ] = useIPv4State( {
        ip: '',
        port: '',
        shell: '/bin/sh',
    } );

    const [ messageApi, contextHolder ] = message.useMessage();
    const info = () => {
        messageApi.success( 'Your reverse shell has been copied to the clipboard!' );
    };

    const items = [
        {
            key: '1',
            label: 'Base64 Encoded',
        },
        {
            key: '2',
            label: 'URL Encoded',
        },
        {
            key: '3',
            label: 'Double URL Encoded',
        },
    ];

    const handleChange = ( name: string ) => ( event: { target: { value: string } } ) => {
        setValues( { ...values, [ name ]: event.target.value } );
    };

    const handleChangeSelect = ( prop: string ) => ( data: any ) => {
        setValues( { ...values, [ prop ]: data } );
    };

    const [ filteredInfo, setFilteredInfo ] = useState<Record<string, FilterValue | null>>( {} );
    const [ sortedInfo, setSortedInfo ] = useState<SorterResult<DataType>>( {} );
    const handleChangeFilter: TableProps<DataType>[ 'onChange' ] = ( _, filters, sorter ) => {
        setFilteredInfo( filters );
        setSortedInfo( sorter as SorterResult<DataType> );
    };

    const handleSearch = (
        selectedKeys: string[],
        confirm: ( param?: FilterConfirmProps ) => void,
        dataIndex: DataIndex,
    ) => {
        confirm();
        setSearchText( selectedKeys[ 0 ] );
        setSearchedColumn( dataIndex );
    };

    const handleReset = ( clearFilters: () => void ) => {