Docker/flame
Docker/flame
1
0
Fork 0
mirror of https://github.com/pawelmalak/flame.git synced 2025-07-22 21:09:36 +02:00
Code Issues Releases Wiki Activity

WeatherIcon. Small changes to theme state

Browse source
This commit is contained in:
unknown 2021-05-14 18:51:56 +02:00
parent cb0b4b495f
commit e293325da7
16 changed files with 137 additions and 32 deletions
Download patch file Download diff file Expand all files Collapse all files

29
client/src/components/UI/Buttons/ActionButton/ActionButton.tsx
View file

@ -2,7 +2,7 @@ import { Fragment } from 'react';
import { Link } from 'react-router-dom';
import classes from './ActionButton.module.css';
import Icon from '../../Icon/Icon';
import Icon from '../../Icons/Icon/Icon';
interface ComponentProps {
name: string;
@ -24,11 +24,32 @@ const ActionButton = (props: ComponentProps): JSX.Element => {
);
if (props.link) {
return (<Link to={props.link}>{body}</Link>)
return (
<Link
to={props.link}
tabIndex={0}>
{body}
</Link>
)
} else if (props.handler) {
return (<div className={classes.ActionButton} onClick={props.handler}>{body}</div>)
return (
<div
className={classes.ActionButton}
onClick={props.handler}
onKeyPress={(e) => {
if (e.key === 'Enter' && props.handler) props.handler()
}}
tabIndex={0}
>{body}
</div>
)
} else {
return (<div className={classes.ActionButton}>{body}</div>)
return (
<div
className={classes.ActionButton}>
{body}
</div>
)
}
}