update LinkButton style
This commit is contained in:
parent
7ceea87510
commit
8deaf8e39e
|
@ -1,4 +1,5 @@
|
||||||
import React from 'react';
|
import React from 'react';
|
||||||
|
import styled from 'styled-components';
|
||||||
|
|
||||||
export enum ButtonVariant {
|
export enum ButtonVariant {
|
||||||
success = 'success',
|
success = 'success',
|
||||||
|
@ -26,17 +27,25 @@ export function getVariantColor(variant: string) {
|
||||||
return '#d1d1d1';
|
return '#d1d1d1';
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
const CustomH5 = styled.h5<{ color: string }>`
|
||||||
|
color: ${(props) => props.color};
|
||||||
|
cursor: pointer;
|
||||||
|
margin-bottom: 0;
|
||||||
|
&:hover {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
`;
|
||||||
|
|
||||||
export default function LinkButton(props: LinkButtonProps) {
|
export default function LinkButton(props: LinkButtonProps) {
|
||||||
return (
|
return (
|
||||||
<h5
|
<CustomH5
|
||||||
|
color={getVariantColor(props.variant)}
|
||||||
style={{
|
style={{
|
||||||
color: getVariantColor(props.variant),
|
|
||||||
cursor: 'pointer',
|
|
||||||
marginBottom: 0,
|
|
||||||
...props.style,
|
...props.style,
|
||||||
}}
|
}}
|
||||||
onClick={props?.onClick ?? (() => null)}>
|
onClick={props?.onClick ?? (() => null)}>
|
||||||
{props.children}
|
{props.children}
|
||||||
</h5>
|
</CustomH5>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue