0xb00b5/firegex-traffic-viewer
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improved start.py + Passwords now use PasswordInput instead of TextInput

Browse Source
This commit is contained in:
DomySh
2022-06-19 20:11:28 +02:00
parent a8ffcb9f72
commit 23f24725c3
5 changed files with 972 additions and 4032 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/App.tsx
View File

@@ -1,4 +1,4 @@
import { Button, Group, Loader, LoadingOverlay, Notification, Space, TextInput, Title } from '@mantine/core';
import { Button, Group, Loader, LoadingOverlay, Notification, Space, PasswordInput, Title } from '@mantine/core';
import { useForm } from '@mantine/hooks';
import React, { useEffect, useState } from 'react';
import { ImCross } from 'react-icons/im';
@@ -76,7 +76,7 @@ function App() {
<Title order={3} align="center">Setup: Choose the password for access to the firewall 🔒</Title>
<Space h="xl" />
<form onSubmit={form.onSubmit(submitRequest)} style={{width:"80%"}}>
<TextInput
<PasswordInput
label="Password"
placeholder="$3cr3t"
{...form.getInputProps('password')}
@@ -111,7 +111,7 @@ function App() {
<Title order={2} align="center">Before you use the firewall, insert the password 🔒</Title>
<Space h="xl" />
<form onSubmit={form.onSubmit(submitRequest)} style={{width:"80%"}}>
<TextInput
<PasswordInput
label="Password"
placeholder="$3cr3t"
{...form.getInputProps('password')}

4
frontend/src/components/Header/index.tsx
View File

@@ -1,5 +1,5 @@
import React, { useState } from 'react';
import { ActionIcon, Badge, Button, Divider, Group, Image, Menu, Modal, Notification, Space, Switch, TextInput, Tooltip, FloatingTooltip, MediaQuery } from '@mantine/core';
import { ActionIcon, Badge, Button, Divider, Group, Image, Menu, Modal, Notification, Space, Switch, TextInput, Tooltip, FloatingTooltip, MediaQuery, PasswordInput } from '@mantine/core';
import style from "./Header.module.scss";
import { changepassword, errorNotify, eventUpdateName, generalstats, logout, okNotify } from '../../js/utils';
import { ChangePassword, GeneralStats } from '../../js/models';
@@ -146,7 +146,7 @@ function Header() {
<form onSubmit={form.onSubmit(submitRequest)}>
<Space h="md" />
<TextInput
<PasswordInput
label="New Password"
placeholder="$3cr3t"
{...form.getInputProps('password')}