RPJosh
/
authelia
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[MISC] Fix OTP countdown circle (#1604) 

On the method selection page previously the OTP option had a circle which gradually reduced in size and eventually reset, this was a intended to be a visual indicator for a time based OTP.
pull/1595/head^2
Amir Zarrinkafsh 2021-01-16 20:47:29 +11:00 committed by GitHub
parent d92e4b94d6
commit 57c339bb96
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 2 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
web/src/views/LoginPortal/SecondFactor/MethodSelectionDialog.tsx
View File

@ -12,8 +12,8 @@ import {
} from "@material-ui/core"; } from "@material-ui/core";
import FingerTouchIcon from "../../../components/FingerTouchIcon"; import FingerTouchIcon from "../../../components/FingerTouchIcon";
import PieChartIcon from "../../../components/PieChartIcon";
import PushNotificationIcon from "../../../components/PushNotificationIcon"; import PushNotificationIcon from "../../../components/PushNotificationIcon";
import TimerIcon from "../../../components/TimerIcon";
import { SecondFactorMethod } from "../../../models/Methods"; import { SecondFactorMethod } from "../../../models/Methods";
export interface Props { export interface Props {
@ -30,14 +30,7 @@ const MethodSelectionDialog = function (props: Props) {
const theme = useTheme(); const theme = useTheme();
const pieChartIcon = ( const pieChartIcon = (
<PieChartIcon <TimerIcon width={24} height={24} period={15} color={theme.palette.primary.main} backgroundColor={"white"} />
width={24}
height={24}
maxProgress={1000}
progress={150}
color={theme.palette.primary.main}
backgroundColor={"white"}
/>
); );
return ( return (