diff --git a/tranga-website/src/Components/Inputs/TButton.tsx b/tranga-website/src/Components/Inputs/TButton.tsx index 4b9ba1a..abb66c3 100644 --- a/tranga-website/src/Components/Inputs/TButton.tsx +++ b/tranga-website/src/Components/Inputs/TButton.tsx @@ -1,4 +1,4 @@ -import { Button, CircularProgress } from '@mui/joy' +import { Button } from '@mui/joy' import TProps, { TColor, TDisabled, TState } from './TProps.ts' import { MouseEventHandler, ReactNode, useState } from 'react' @@ -21,7 +21,7 @@ export default function TButton(props: TButtonProps) { disabled={props.disabled ?? TDisabled(state)} aria-disabled={props.disabled ?? TDisabled(state)} onClick={clicked} - startDecorator={TDisabled(state) ? : null} + className={'t-loadable'} > {props.children} diff --git a/tranga-website/src/Components/Inputs/TInput.tsx b/tranga-website/src/Components/Inputs/TInput.tsx index a3197d7..f4f9486 100644 --- a/tranga-website/src/Components/Inputs/TInput.tsx +++ b/tranga-website/src/Components/Inputs/TInput.tsx @@ -1,7 +1,8 @@ -import { Button, CircularProgress, Input } from '@mui/joy' +import { Button, Input } from '@mui/joy' import { MouseEventHandler, useEffect, useState } from 'react' import * as React from 'react' import TProps, { TColor, TDisabled, TState } from './TProps.ts' +import './loadingBorder.css' export default function TInput(props: TInputProps) { const [state, setState] = useState(TState.clean) @@ -63,7 +64,7 @@ export default function TInput(props: TInputProps) { value={value} onChange={inputValueChanged} onKeyDown={keyDownHandler} - startDecorator={TDisabled(state) ? : null} + className={'t-loadable'} endDecorator={ props.submitButtonHidden ? null : (