jozsefkerekesdev

  document.querySelectorAll>document.querySelectorAll('.accordion-item__description').forEach((item) => {
    const imageExtRegExp = /\.(jpg|jpeg|png|webp|avif|gif|svg)$/;
    const videoExtRegExp = /\.(mp4|avi|wmv|mov|flv|mkv|webm|vob|ogv|m4v|3gp|3g2|mpeg|mpg|m2v|m4v|svi|3gpp|3gpp2|mxf|roq|nsv|flv|f4v|f4p|f4a|f4b)$/;
    const youtubevimeoRegExp = /(?:https?:)?\/{2}(?:www\.)?youtu\.?be(?:\/|\.com\/watch\?v\=|\.com\/v\/|\.com\/embed\/)?([\w-]*)[?&]?.*|(?:http:|https:|)\/\/(?:player.|www.)?vimeo\.com\/(?:video\/|embed\/|watch\?\S*v=|v\/)?(\d*)/; 
    item.querySelectorAll('a').forEach((link) => {
        const linkParent = link.parentElement;
        const nodes = linkParent.childNodes;
        const columnize = () => {
            nodes.forEach(node => {
                if(node.nodeType === Node.TEXT_NODE) {

jozsefkerekesdev

interface CodeInputProps {
    handleCode: (ev: React.ChangeEvent<HTMLInputElement>, value: string, index: number) => void;
    handleKey: (ev: React.KeyboardEvent<HTMLInputElement>, index: number) => void;
    char: string;
    index: number;
    maxLength: number
}

const VerificationCodeInput = ({handleCode, handleKey, char, index, maxLength}: CodeInputProps) => {
    const handleChange = (ev: React.ChangeEvent<HTMLInputElement>) => {

jozsefkerekesdev

import styled from 'styled-components';
import SVG from './TwoFactorAuthCircle';

type CountdownProps = {
    percent: number,
    remainingSeconds: number | undefined
}

const CountdownDisplay = styled.div`
    display: flex;

jozsefkerekesdev

import { useEffect, useState } from 'react';
import {Form , Title, FormRow, Input, CheckBox, Button} from './LoginFormStyle';
import { EncryptStorage } from 'encrypt-storage';

interface Credentials {
    user: string,
    password: string
}

const LoginForm = () => { 

jozsefkerekesdev

import { useEffect, useState } from 'react';
import styled, {css} from 'styled-components';

const Title = styled.h2`
    text-align: center
`
const SlideShowWrapper = styled.div`
    position: relative;
    width: 300px;
    padding: 0 60px;

jozsefkerekesdev

interface tabContentProps {
    tabContent: string;
    tabImage: string;
    isHidden: boolean;
}

const TabContent = ({tabContent, tabImage, isHidden}: tabContentProps) => {
    return (
        <div hidden={isHidden}>
            <p><img src={tabImage} /></p>